@charset "utf-8";

/*
	Fresenius Kabi 서브 레이아웃 스타일
	작업자 : 강유리
	작업일 : 2010. 03. 26.
*/

html { overflow:scroll; overflow-x:auto;}

img {border-style:none;}
a { color:#000; text-decoration:none; }
a:link { color:#000; }
a:visited { color:#555; }
a:hover { color:#933; }
a:active { color:#000; }

body { padding: 0px; margin: 0px; color:#000; font-family: Dotum, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }

#container { width:970px; margin:0px auto;   }
	#header { width:970px; }

#header ul, .scrumb ul, .aside ul, .bside ul, #footer ul { margin: 0px; padding: 0px; list-style-type:none;  }

/* logo, login-Link */
#header h1 { float:left; margin:16px 0px 26px 0px; padding: 0px; }
	.util { float:right; }
	.util span { display:block; margin:0px 2px 1px 1px; padding:10px 15px 10px 15px; text-align:center; font-weight:bold; background:#9fa6b0 url(../img/common/background_menu.png) repeat-x; }
	.util ul li a { color:#fff; display:block; padding:2px 7px 4px 7px; }
	.util ul {margin:1px;display:none; }
	.util ul li { border:1px solid #fff; background:#9fa6b0; }
	.util ul li a:hover { color:#900px; }

/* navigation
#gnb { clear:both; width:970px; height:24px; border-bottom:1px solid #fff; background:#b0b6be url(../img/common/background_menu.png) repeat-x; }
	#gnb ul li { float:left; padding:0px 2px 0px 7px; }
	#gnb ul li a { display:block; font-weight:bold; padding:6px 15px 5px 15px; }
	#gnb ul li a:hover { background:#d9dcdf; color:#933; }
	#gnb ul li a:visited { color:#000; }
	#gnb ul li ul { position:absolute; clear:both; display:none; margin:5px 0px 0px 0px; padding:0px 13px 0px 15px; width:209px; background:#fff; z-index:5;  }
	#gnb ul li ul li { float:none; margin: 0px; padding: 0px; font-weight:bold; border-bottom:1px dotted #000; }
	#gnb ul li ul li a ,
	#gnb ul li ul li a:hover { background:#fff; padding:5px 0px 4px 0px; color:#933; } */

#gnb { clear:both; width:970px; height:25px; border-bottom:1px solid #fff; background:#b0b6be url(../img/common/background_menu.png) repeat-x; }
	#gnb ul li {float:left; padding:0px 2px 0px 7px; margin-right:10px; margin-left:10px;}
	#gnb ul li a { display:block; font-weight:bold; padding:6px 15px 7px 15px; }
	#gnb ul li a:hover { background:#d9dcdf; color:#933; }
	#gnb ul li a:visited { color:#000; }
	#gnb ul li ul { position:absolute; clear:both; display:none; margin:0; padding:0 13px 0px 15px; width:195px; z-index:5; background:#fff; }
	#gnb ul li.on ul { display: block; }
	#gnb ul li ul li { float:none; margin: 0px; padding:0px; font-weight:bold; border-bottom:1px dotted #000;  }
	#gnb ul li ul li a { padding:5px 0px;}
	#gnb ul li ul li a:hover { background:#fff; color:#933; }
	#gnb.gnbmain ul li ul { border-top:none; }

/* scrumb */
.scrumb { float:left; margin:0px 0px 30px 0px; padding:5px; width:958px; border:1px solid #dedede; z-index:2; text-transform: capitalize; }
	.scrumb a { color:#0e82c7 !important; }
	.scrumb a:hover { text-decoration:underline; }
	.scrumb ul li { float:left; }
	.scrumb ul li a { display: inline-block; padding: 0px 10px 0px 5px; height: 20px; line-height: 20px; background:url(../img/common/Chevron.gif) right center no-repeat; }
	.scrumb ul li.now a { background: none; }
	.scrumb em { font-style: normal; }

/* sub menu */
.aside { float:left; width:203px; padding:0px 12px 30px 0px; text-transform: capitalize; font-family: Dotum, 돋움, 돋움체;  background: #fff; }
	.aside h2 { margin: 0px; padding:0px 0px 5px 0px; color:#933; font-size: 11px; }
	.aside ul li { margin-left:10px; padding:6px 0px; border-top:1px solid #DCDCDC; font-size: 11px; text-transform: capitalize !important;}
	.aside ul li.active a { color:#933; font-weight:bold; }
	.aside ul li ul { padding:4px 0px 0px 27px; line-height:1.2; }
	.aside ul li ul li { margin: 4px 0px; padding: 0px; border: 0px; }
	.aside ul li ul li a { color:#000;  }
	.aside ul li a:hover { color:#933; }

#wrapper { min-height: 600px; _min-height: 600px; }

/* content */
#content { float:left; margin-bottom:15px; padding:20px 20px; width:502px; background:#f4f6fa;  min-height: 320px; _height: 320px; }

/* print, send friend */
.bside { float:right; padding-bottom:17px; width:202px; border-bottom:1px dotted #000; }
	.bside ul li { padding:4px 0px 3px 25px; }
	.bside .print { background:url(../img/common/print1.png) left center no-repeat; }
	.bside .metalink { background:url(../img/common/mail.png) left center no-repeat; }

/* footer*/
#footer { clear:both; width:732px; padding:1px 8px 20px 230px; border-top:16px solid #eee; background:url(../img/common/bg_footer.gif) no-repeat; }
	#footer .information, address { display:none; }
	#footer .copyright  { float:left; margin:2px 0px; padding: 0px; width:260px; }
	#footer .noprint { padding:0px 20px; }
	#footer ul { float:left; width:400px; }
	#footer ul li { float:left; padding:2px 25px 3px 0px;}

/* ------------------------------
Contents
------------------------------ */

h1,h2,h3,h4,h5,h6 { clear: both;}
h3.title { margin:0; padding:0 0 10px 20px; color:#656C76; font-size:16px; font-family:Verdana; background:url(../img/common/icon_h3.gif) left 3px no-repeat; }
h4.title { margin-top:0; padding-top:15px; }
.FloatLeft { float:left; }
.AlignRight { text-align:right; }
/* em { font-style:normal; } */

.kabiContent { line-height:1.6; }
.kabiContent h4 { margin:15px 0; color:#485c93; font-size:14px; }
.kabiContent h4.tit ,
.kabiContent h5 { margin:10px 0; color:#6374a2; padding-left:15px; font-size:12px; background:url('../img/common/icon_h5.gif') left 3px no-repeat;}
.kabiContent h6 { margin:15px 0; color:#485c93; font-size:12px; background:url('../img/common/icon_h5.gif')left 3px no-repeat; }
.kabiContent p { padding-bottom:5px;}
.kabiContent p.product { margin:0px; padding:0 0 0 15px;}
.kabiContent ul { margin:0; padding:0; list-style:none; }
.kabiContent ul.list-a {  line-height:1.9;}
.kabiContent ul.list-a li { margin:0; padding:0 0 0 9px; background:url(../img/common/icon_list_a.gif) left 7px no-repeat; }
.kabiContent ul.list-b { line-height:1.8; margin:10px 0;}
.kabiContent ul.list-b li { margin:0; padding:0; color:#596891; font-size:11px; }
.kabiContent ul.list-c { line-height:1.8; margin:11px 0;}
.kabiContent ul.list-c li { margin:0; padding:0 0 0 9px; color:#01429b; font-size:11px; background:url(../img/common/icon_list_c.gif) left 8px no-repeat;}
.kabiContent ul.list-d { line-height:1.6; margin:10px 0;}
.kabiContent ul.list-d li { margin:0; padding:0 0 0 9px; color:#333; font-size:11px; background:url(../img/common/icon_list_c.gif) left 8px no-repeat;}


.kabiContent .table01 {width:100%; clear:both; margin:0 0 10px 0; padding:0; border-spacing:0; empty-cells:show; border-collapse:collapse; border-bottom:2px solid #fff; border-top:2px solid #fff; }
.kabiContent .table01 th,
.kabiContent .table01 td {font-size:1em; padding:5px 5px; line-height:1.7; color:#596891; border-bottom:1px solid #fff; border-right:1px solid #fff;}
.kabiContent .table01 th { color:#0a416f;  background:#cedbe6; }
.kabiContent .table01 td.bd {border-right:none;}
.kabiContent .table01 th.bd {border-right:none;}
.kabiContent .table01 tbody th { font-weight:bold; }
.kabiContent .table01.tdCenter td { text-align:center; }

.kabiContent .table01 th ul { margin:0 8px 0 8px !important; text-align:left; }
.kabiContent .table01 td ul { margin:0 !important; }
.kabiContent .table01 th ul li,
.kabiContent .table01 td ul li { width:95%; }

.kabiContent .table02 { clear:both; margin:0 0 10px 0; padding:0; border-spacing:0; empty-cells:show; border-collapse:collapse; background:#eff3f6;}
.kabiContent .table02 td { font-size:1em; padding:17px 5px 17px 13px; line-height:1.7; }
.kabiContent .table02.tdCenter td { text-align:left;  }

.kabiContent .table02_1 { clear:both; margin:0 0 10px 0; padding:0; border-spacing:0; empty-cells:show; border-collapse:collapse; background:#eff3f6;}
.kabiContent .table02_1 td { font-size:1em; line-height:1.7; padding:15px;}  text-align:cente;
.kabiContent .table02_1 td.tdCenter {text-align:cente;}


.kabiContent .table03 {width:100%; clear:both; margin:0 0 10px 0; padding:0; border-spacing:0; empty-cells:show; border-collapse:collapse; border-top:2px solid #528dba; border-bottom:2px solid #528dba;}
.kabiContent .table03 th,
.kabiContent .table03 td {text-align:center; font-size:1em; padding:3px 3px; line-height:1.3; color:#666; border-bottom:1px solid #b7c8d4; border-right:1px solid #b7c8d4; }
.kabiContent .table03 td.bd {border-right:none;}
.kabiContent .table03 th {color:#0a416f;  background:#cedbe6;}
.kabiContent .table03 th.bd {border-right:none;}
.kabiContent .table03 tbody th { font-weight:normal; }
.kabiContent .table03.tdCenter td { text-align:center; }




/* 게시판, 회원가입 */
.kabiContent .table04 {width:100%; clear:both; margin:0 0 10px 0; padding:0; border-spacing:0; empty-cells:show; border-collapse:collapse; border-bottom:2px solid #528dba; border-top:2px solid #528dba; }
.kabiContent .table04 th,
.kabiContent .table04 td {font-size:1em; padding:5px 0 5px 10px ; line-height:1.7; color:#444; border-bottom:1px solid #b7c8d4; border-right:1px solid #b7c8d4;}
.kabiContent .table04 td.tdCenter {font-size:1em; padding:0px ; line-height:1.7; color:#444; border-bottom:1px solid #b7c8d4; border-right:1px solid #b7c8d4; text-align:center; }
.kabiContent .table04 td.tdRight {font-size:1em; padding:0px ; padding-right:5px; line-height:1.7; color:#444; border-bottom:1px solid #b7c8d4; border-right:1px solid #b7c8d4; text-align:right; }
.kabiContent .table04 td.board {font-size:1em; padding:3px 0 3px 10px ; line-height:1.3; color:#444; border-bottom:1px solid #b7c8d4; border-right:none; }
.kabiContent .table04 td.bd {border-right:none; }
.kabiContent .table04 td.bd a.file {font-size:11px; text-decoration: underline; padding:0 5px; line-height:1.7; color:#458fc9; border-bottom:none; border-right:none; }
.kabiContent .table04 th { color:#0a416f;  background:#cedbe6; text-align:left; }
.kabiContent .table04 th.thCenter { color:#0a416f; background:#cedbe6; text-align:center; padding:5px 0;}
.kabiContent .table04 th.board {color:#0a416f;  background:#cedbe6; text-align:left;  padding:3px 0 3px 10px; line-height:1.3; border-right:none; }
.kabiContent .table04 th.bd {border-right:none; }
.kabiContent .table04 td td {font-size:1em; padding:0 5px; line-height:1.7; color:#444; border-bottom:none; border-right:none; }
.kabiContent .table04 td th {font-size:1em; padding:0 5px; line-height:1.7; color:#0a416f;  border-bottom:none; border-right:none; background:#cedbe6;}
.kabiContent .table04 td td a.file {font-size:11px; text-decoration: underline; padding:0 5px; line-height:1.7; color:#458fc9; border-bottom:none; border-right:none; }
.kabiContent .table04 tbody th { font-weight:bold; }
.kabiContent .table04.tdCenter td { text-align:center; }


/* SUPPORT 게시판 */
.kabiContent .table05 {width:100%; clear:both; margin:0 0 10px 0; padding:0; border-spacing:0; empty-cells:show; border-collapse:collapse; border-bottom:2px solid #fff; border-top:2px solid #fff; }
.kabiContent .table05 th,
.kabiContent .table05 td {font-size:1em; padding:5px 10px 5px 10px ; line-height:1.7; color:#444; border-bottom:1px solid #fff; border-right:1px solid #fff; background:#f0f0f0;}
.kabiContent .table05 td.tdCenter {font-size:1em; padding:0px ; line-height:1.7; color:#444; border-bottom:1px solid #fff; border-right:1px solid #fff; text-align:center; background:#f0f0f0;}
.kabiContent .table05 td.tdRight {font-size:1em; padding:0px ; padding-right:5px; line-height:1.7; color:#444; border-bottom:1px solid #fff; border-right:1px solid #fff; text-align:right; background:#f0f0f0; }
.kabiContent .table05 td.board {font-size:1em; padding:3px 0 3px 10px ; line-height:1.3; color:#444; border-bottom:1px solid #fff; border-right:none; background:#f0f0f0;}
.kabiContent .table05 td.bd {border-right:none; background:#f0f0f0;}
.kabiContent .table05 td.bd a.file {font-size:11px; text-decoration: underline; padding:0 5px; line-height:1.7; color:#458fc9; border-bottom:none; border-right:none; background:#f0f0f0;}
.kabiContent .table05 th { color:#0a416f;  background:#cedbe6; text-align:left; }
.kabiContent .table05 th.thCenter { color:#0a416f; background:#cedbe6; text-align:center; padding:5px 0;}
.kabiContent .table05 th.board {color:#0a416f;  background:#cedbe6; text-align:left;  padding:3px 0 3px 10px; line-height:1.3; border-right:none; }
.kabiContent .table05 th.bd {border-right:none; }
.kabiContent .table05 td td {font-size:1em; padding:0 5px; line-height:1.7; color:#444; border-bottom:none; border-right:none; background:#f0f0f0;}
.kabiContent .table05 td th {font-size:1em; padding:0 5px; line-height:1.7; color:#0a416f;  border-bottom:none; border-right:none; background:#cedbe6; background:#f0f0f0;}
.kabiContent .table05 td td a.file {font-size:11px; text-decoration: underline; padding:0 5px; line-height:1.7; color:#458fc9; border-bottom:none; border-right:none; background:#f0f0f0;}
.kabiContent .table05 tbody th { font-weight:bold; }
.kabiContent .table05.tdCenter td { text-align:center; }



/* 인풋, 텍스트 박스 */
textarea,pre,blockquote,center,select {font:9pt Arial, 돋움; line-height:12pt; color:#5C5C5C;}
select {color: #2F2F2F;font:9pt verdana, 돋움; background-color:#FBFBFB; border:1px solid #DEDEDE; padding:0 0 2 3;}
input.text {height:15px; font-size:8pt; padding:0 0 0 5px;}
input {font-size:8pt; padding:2px 0px 0px 5px; margin:0 0 2px 0;}


.fontType01 { color:#6374a2; }
table th.borderRightNone ,
table td.borderRightNone { border-right:0 !important; }
/* ------------------------------
tab
------------------------------ */
.tab { clear: both; margin: 0px; padding: 0px;  display: block; list-style: none; }
.tab li { float: left; margin: 0px; padding: 0px;  }
.tab-a { display: inline-block; }
.tab-a { border-left: solid 1px #ccc; }
.tab-a li { margin-bottom: 1px; }
.tab-a li a { display: inline-block; white-space:nowrap;  padding: 0px 10px; height: 20px; line-height: 20px; border: solid 1px #ccc; border-left: 0px; }
.tab-a li a.first-child { } /* border-left: solid 1px #ccc;  */
.tab-a li a:link { background: #eee; }
.tab-a li a:visited { background: #eee; }
.tab-a li a:hover,
.tab-a li a:active,
.tab-a li a.current { background: #000 !important; color: #fff; }

.tab-b { display: inline-block; margin:20px 0 !important;}
.tab-b li { clear:both; margin:0 0 4px 73px; text-align:center;}
.tab-b li a { display: inline-block; color:#fff; white-space:nowrap;  padding: 0px 10px; width:280px; height: 20px; line-height: 23px; border: solid 1px #fff; background: #848ea9;}
.tab-b li a:hover,
.tab-b li a:active,
.tab-b li a.current { color:#fff; font-weight:bold; letter-spacing:-1px; text-decoration:underline; }

.tab-c { float:left; }
.tab-c li { }

.tab_bg { background: #fff; padding: 30px 15px 40px 15px;}


/*메인 css*/
#section{ margin:0; padding:0 0px 29px 0;  font-family:Verdana; width:620px; color:#656c76;}
#section h2{  color:#656c76; text-transform:uppercase; font-size:20px; font-weight:bold; display:inline; margin:0px; padding:0px;}
#section p{ margin:0px; padding-top:7px; line-height: 1.6;}

#banner1 {display:block; text-align:center;  width:257px;  margin:-10px 43px 0 20px;}

#recent { margin:0 0 20px 0; padding:30px 0 0 323px;  }
#recent div { float:left; width:315px; margin-bottom:27px; }
#recent ul { width:315px; margin:0; padding:0; list-style:none; }
#recent h2, #recent ul li { vertical-align:baseline; }
#recent h2 { color:#656c76; font-family:Verdana; font-size:20px; font-weight:bold; padding-bottom:0px; }
#recent ul li { color:#656c76;  padding:0 40px 15px 0;}
#recent ul li a:link, #recent ul li a:visited, #recent ul li a:hover { margin:4px 8px 8px 0; color:#656c76; text-decoration:none;}

font.em { color:#35519e !important; font-weight:bold; }

/*produts-contents*/

.kabiContent .bg {float:center;  width:500px; height:64px; background:url(../img/product/product_link_bg.gif) repeat-x;}
.kabiContent p.txt { margin:0; padding:0; padding:0 0 20px 14px; line-height:1.6; }
ol.list {margin:0;padding: 0px; padding-left:30px; padding-bottom:20px; line-height:1.6; }
ol.list li{margin:0; padding:0px;}
.kabiContent .bg ul li {padding:9px 7px 0 28px;  background:url(../img/product/product_ding.gif) 15px 14px no-repeat; float:left;}
.kabiContent .bg ul li a:hover {text-decoration:underline;}

.kabiContent .titbg{height:200px; background:url(../img/product/tit_img.gif) left top no-repeat; width:100%; margin-top:7px;}
.kabiContent .contxt{float:right; width:305px; padding:10px;}
.kabiContent .contxt h5{margin:0 0 10px 0; color:#6374a2; padding-left:15px; font-size:12px; background:url('../img/common/icon_h5.gif') left 3px no-repeat;}

/* 동영상 보기 */
div.section-movie { margin-top: 10px; background: #eff3f6; border: solid 1px #dfe8ef; }
div.section-movie div.movie { float: left; width: 300px; }
div.section-movie div.movie div.inner { margin: 20px; }
div.section-movie div.movie div.inner img { vertical-align: middle; }
div.section-movie div.detail { float: right; margin-top: 20px; width: 200px; text-align: left; }
div.section-movie div.clear { clear: both; }
div.section-movie ul { margin: 0px 0px 0px; padding: 0px; width: 180px; list-style: none; }
div.section-movie ul li { margin: 0px; padding: 0px 0px 0px 10px; background: url('../img/common/ico_arrow.gif') left 4px no-repeat; }
div.section-movie p { margin: 0px; padding: 0px; }

/* 동영상 목록 */
table.list-movie { margin: 30px 0px 0px; width: 100%; border-top: solid 1px #fff; border-bottom: solid 1px #fff; }
table.list-movie td { width: 25%; text-align: center; vertical-align: top; border-top: solid 1px #fff; }
table.list-movie td div.pic { margin: 10px 0px 0px; }
table.list-movie td div.pic a { display: inline-block; border: solid 1px #d4d4d4; }
table.list-movie td div.pic img { width: 113px; height: 86px; }
table.list-movie td ul.detail { margin: 10px auto 10px; padding: 0px; width: 113px; list-style: none; text-align: left; }
table.list-movie td ul.detail li { margin: 0px; padding: 0px 0px 0px 10px; background: url('../img/common/ico_arrow.gif') left 4px no-repeat; }

/* paginate */
div.paginate { margin-top: 20px; text-align: center; }

/* sitemap */
.kabiContent div.site1 {float:left; margin:0px; padding:0px; width:140px; height:580px; background:url('../img/sitemap/s_bg.gif') repeat-y;}
.kabiContent div.site2 {float:left; margin:0px; margin-left:30px; padding:0px; width:190px; background:url('../img/sitemap/s_bg.gif') repeat-y;}
.kabiContent div.site3 {float:right; margin:0px; padding:0px; width:140px; height:580px; background:url('../img/sitemap/s_bg.gif') repeat-y;}
.kabiContent div.s_list {float:left; margin:20px 0px 0px 30px; width:100%;}
.kabiContent ul.sitemap {margin:0px; padding:0px; list-style: none; text-align:left;}
.kabiContent ul.sitemap li {margin:0px; padding-left:9px; background:url('../img/sitemap/s_bullet.gif') 0 8px no-repeat;}
.kabiContent ul.sitemap li.sub {margin:0px; padding-left:9px; background:none; font-size:11px; color:gray; }
.kabiContent ul.sitemap li.sub a {font-size:11px; color:#777;}
.kabiContent ul.sitemap li.sub a:hover {font-size:11px; color:#933;}