@charset "euc-kr";
@import url(layout.css);
@import url(board.css);
@import url(niceform.css);

/********************** TEXT 정의 ******************************/
h1.title {
	height: 77px;
}

h1.titlem {
	height: 77px;
}

h2.title {
	height: 20px;
	padding: 0 0 0 10px;
	color: #BA5A7A;
	background: url(/korean/images/recruit/bullet02.gif) 0 0 no-repeat;
}
h1.title img,
h2.title img {
	vertical-align: top;
}
em {
	font-style: normal;
	color: #D66616;
}
.font11	{ font-size: 11px; letter-spacing: -0.1em;}
.line18	{ line-height: 18px;}
.eng,
.eng * { font-size: 10px; font-family: verdana; line-height: 10px;}
/********************** TEXT 정의 ******************************/


/* 지속 가능 경영 */
.impos_ms{width:610px; overflow:hidden;}
.impos_ms .ims_part1{width:295px; float:left;}
.impos_ms .ims_part2{width:295px; float:left; padding-left:20px;}


/* 행동강령 */
.move_kangs{width:610px; overflow:hidden;}



/**Tab**/
.tab {
	overflow: hidden;
	height: 22px;
	padding-left: 12px;
	background: url(/korean/images/recruit/tab_bg.gif) left top no-repeat;
}
.tab li {
	float: left;
}
.tab li.viw_link {
	float: right;
}
.tab li.tab_tl {
	margin: 0 12px 0 -12px;
}


/*data-table-type01*/
.data-ty01 {
	width: 100%;
	border-right: 1px solid #fff;
}
.data-ty01 th,
.data-ty01 td {
	border-right: 1px solid #E8D9DB;
	border-bottom: 1px solid #E8D9DB;
}

.data-ty01 th {
	padding: 6px 0;
	background: #FDF4F7;
}
.data-ty01 th.stl {
	padding: 12px 10px 9px 10px;
	vertical-align: top;
	text-align: left;
}
.data-ty01 td {
	padding: 12px 12px 9px 12px;
}
.data-ty01 td.tl {
	padding: 12px 0 9px 0;
	text-align: center;
}
.data-ty01 tr.total td {
	background: #D8E2E2;
	border: 1px solid #fff;
}
.data-ty01 caption {
	text-align: right;
	font-size: 11px;
	padding: 0 0 3px 0;
}
.tb_li td { padding: 8px 0 5px 0; text-align: center;}
.tb_li td.text { padding: 8px 0 5px 12px; text-align: left;}
.eng td,
.eng th { padding-top: 5px; padding-bottom: 5px;}
.eng td input { height: 14px; margin: 2px 0 -2px 0;}
.eng td img { margin: 2px 0 -2px 0;}

.f_left { float: left;}
.f_right { float: right;}
.f_clear { clear: both;}




/***** Company - CI ********/
.ci-area { overflow: hidden; margin: 20px 0 0; padding: 0 0 10px 0;}
*html .ci-area { overflow: visible; height: 1%;}

.ci-area .ci_img { float: left; width: 230px;}
.ci-area .ci_txt { float: left; width: 380px;}
.ci-area .ci_txt h2 { padding: 5px 0; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8;}
.ci-area .ci_txt p.top { margin: -19px 0 13px 0; text-align: right;}
.ci-area .ci_txt p.txt { font-size: 11px; letter-spacing: -0.1em;}
.ci-area .ci_txt .buttonLink { margin: 15px 0 0;}



/***** Product ********/
.product { overflow: hidden; padding: 0 0 30px 0;}
*html .product { overflow: visible; height: 1%;}
.product .pr_img { width: 249px; float: left;}
.product .pr_txt { float: left;}
.product .pr_txt ul { width: 360px; height: 40px;}
.product .pr_txt li { float: left; padding: 0 5px 0 0;}
.pr_Contents { padding: 30px 0 0 20px;}


.prConText { width: 590px; margin-bottom: 40px;}
.prConText td { vertical-align: top;}
.prConText td.text { line-height: 18px; padding-right: 20px;}
.prConText td.img { text-align: right;}

.prConList th.title,
.prConList td.contents { vertical-align: top; line-height: 18px;}
.prConList th.title { width: 100px; text-align: left;}
.prConList td.contents { width: 490px; padding: 0 0 30px 0;}
.prConList ul.imgList { overflow: hidden; width: 100%;}
*html .prConList ul.imgList { overflow: visible; height: 1%;}
.prConList ul.imgList li { float: left; width: 120px;}
.prConList ul.imgList li img { margin-bottom: 7px;}
.prConList ul.imgList li span { display: block; line-height: 14px;}
.prConList a.isoLink img { margin-top: 7px; vertical-align: top;}

.prConList ul.txtList li { padding: 0 0 4px 10px; background: url(/korean/images/product/bullet03.gif) 0 6px no-repeat;}
.prConList ul.iconList li { display: inline; padding: 0 10px 0 0;}

.prData { border: 1px solid #e8e8e8;}
.prData th,
.prData td { border: 1px solid #e8e8e8; padding: 7px 0 5px 0; text-align: center;}
.prData th { background: #fafafa;}
.prData th.small { padding: 3px 0;}
.prData th.stl { background: #fff; text-align: left; padding: 7px 5px 5px 10px;}
.prData td.text { text-align: left; padding: 9px 10px 6px 10px;}
.prData td.rope { padding: 0; height: 180px;}

.prnept { border: 1px solid #e8e8e8;}
.prnept th,
.prnept td { border: 1px solid #e8e8e8; padding: 0px 0 0px 0; text-align: center;}
.prnept th { background: #e8e8e8;}
.prnept th.small { padding: 3px 0;}
.prnept td.text { text-align: left; padding: 9px 10px 6px 10px;}
.prnept td.rope { padding: 0; height: 180px;}

/*공급실적 table*/
.pr_tb_list { padding: 20px 20px 0 20px; width: 570px;}
.pr_tb_list li { padding: 10px 0; overflow: hidden;}
.pr_tb_list div.img { width: 564px; padding: 2px; border: 1px solid #E8E8E8; }
.pr_tb_list dl.prData	{ border: 0; overflow: hidden;}
*html .pr_tb_list li { overflow: visible; height: 1%;}
*html .pr_tb_list dl.prData	{ overflow: visible; height: 1%;}

.pr_tb_list dl.prData	{ border: 0; width: 278px; float: left; padding: 10px 0 0 7px;}
.pr_tb_list dl.prData dt	{ float: left; width: 104px; padding: 5px 0 3px 3px; border-bottom: 1px solid #E0E0E0;}
.pr_tb_list dl.prData dt img	{ vertical-align: top;}
.pr_tb_list dl.prData dd	{ float: left; width: 150px; padding: 5px 0 3px 0; font-size: 11px; border-bottom: 1px solid #E0E0E0;}
.pr_tb_list dl.prData dd b		{ letter-spacing: -0.1em;}
.pr_tb_list dl.prData dt.line	{ padding-bottom: 28px;}
.pr_tb_list dl.prData dd.line	{ padding-bottom: 12px;}
.pr_tb_list dl.prData dt.line2,
.pr_tb_list dl.prData dd.line2	{ padding-bottom: 19px;}
.pr_tb_list dl.prData dt.line3,
.pr_tb_list dl.prData dd.line3	{ padding-bottom: 35px;}
.pr_tb_list dl.prData dt.line4	{ padding-bottom: 44px;}
.pr_tb_list dl.prData dd.line4	{ padding-bottom: 28px;}

.goBtnArea { margin: 0 0 0 120px; padding: 20px 0 0; border-top: 1px solid #efefef;}

/*용도(product_090102)*/
.pr_use { overflow: hidden; width: 590px; height: 45px; padding: 10px 0 0; margin: 0 0 20px 0;
				background: url(/korean/images/product/pr_0901_bg01.gif) left top no-repeat;}
.pr_use dt		{ float: left; width: 100px; height: 35px; padding: 10px 0 0 20px;}
.pr_use dd	{ float: left; width: 440px; height: 15px; padding: 3px 20px 0 10px;}
	.pr_use dd a		{ padding: 0 8px 0 12px;
								   background: url(/korean/images/product/pr_0901_bar.gif) left top no-repeat;}
	.pr_use dd a.first { padding: 0 8px 0 0; background: transparent;}

.pr_use_con table	{ width: 550px; margin: 0 0 0 20px;}
.pr_use_con td			{ padding: 20px 0; vertical-align: top; border-top: 1px solid #F3F3F3;}
.pr_use_con tr.first td	{ padding-top: 0; border-top: 0;}
	.pr_use_con td.img	{ text-align: right; padding-left: 20px;}
	.pr_use_con td.img img { border: 1px solid #DFDFDF;}
	.pr_use_con h4		{ height: 18px;}
	.pr_use_con .bu		{ padding: 0 0 0 8px;
									   background: url(/korean/images/product/bullet03.gif) 0 6px no-repeat;}
	.pr_use_con p.txt		{ min-height: 35px;}
	*html .pr_use_con p.txt		{ height: 35px;}
	.pr_use_con p.ex		{ text-align: right;}


/*제조공정*/
.r_btn { text-align: right; height: 24px; margin: 10px 0 0;}
.pr_tab { padding: 12px 0; border-top: 6px solid #A0B8F2; border-bottom: 1px solid #A0B8F2;}
.pr_tab td { height: 20px; padding: 0 10px;}
.prArea { margin: 0;}



/*Login*/
.pr_login { height: 300px; padding: 25px 0 0 197px;
			background: url(/korean/images/product/product_1301_bg.gif) left top no-repeat;}
.pr_login h2	{ height: 38px;}
.pr_login table { width: 315px;}
.pr_login td	{ vertical-align: top;}
	.pr_login td p	{ padding: 0 0 6px 0;}
	.pr_login td p.id label { padding-right: 26px;}
	.pr_login td p.pw label { padding-right: 15px;}
	.pr_login td input.txt	{ border: 1px solid #E5E5E5;}
.pr_login p.txt { padding: 7px 0 0;}



body#product h4.stl { padding: 0 0 7px 10px; background: url(/korean/images/product/bullet03.gif) 0 6px no-repeat;}




/***** Network ********/
.net_img,
.net_txt { float: left;}
.net_txt .buttonLink { margin: 10px 0 0;}
.network { overflow: hidden; padding: 0 0 50px 0;}
*html .network { overflow: visible; height: 1%;}
.network .net_img { width: 410px;}
.network .net_txt h4 { height: 28px;}
.network .net_txt dt { height: 14px;}
.network .net_txt dd { padding-bottom: 12px;}

.factory { margin: 16px 0 0; background: url(/korean/images/network/network_factory_bg01.gif) left top no-repeat;}
.factory .net_img { float: none; position: relative; top: 28px; left: 30px;}
.factory .net_txt { float: none; margin: -108px 0 0; padding: 0 0 30px 300px; min-height: 136px;
						   background: url(/korean/images/network/network_factory_bg02.gif) left bottom no-repeat;}
.factory .net_txt h4 { height: 50px;}
.factory .net_txt dt { margin: 8px 0 1px 0;}
*html .factory .net_txt { height: 136px;}


.net_Contents { padding: 40px 0 0 30px;}
.net_Contents .prConList th.title { width: 97px;}
.net_Contents .prConList td.contents { width: 453px; padding: 0 0 40px 0;}
.net_Contents .prConList ul.imgList li { width: 83px; margin-right: 20px; text-align: center; line-height: 13px;}
.net_Contents .prConList ul.imgList li a.btn img { vertical-align: top;}
.net_Contents .prConList ul.txtList { padding: 0 0 18px 0;}
.net_Contents .prConList ul.txtList li { padding: 0 0 2px 10px;}





/********************** etc(Privacy,Service) ******************************/
.privacy li		{ padding: 20px 0 5px 0; border-top: 1px solid #E5E5E5;}
	.privacy li.first	{ padding: 0 0 5px 0; border-top: 0;}
.privacy h2	{ padding: 0 0 20px 0;}
.privacy dl	{ overflow: hidden;}
*html .privacy dl	{ overflow: visible; height: 1%;}
.privacy dt	{ float: left; width: 150px;}
.privacy dd	{ float: left; width: 460px; line-height: 18px; padding: 0 0 17px 0;}
	.privacy li li	{ padding: 0; border: 0; margin: 1px 0;}
	.privacy li ul.d1 li		{ text-indent: -16px; margin-left: 16px;}
	.privacy li ul.d2 li		{ text-indent: -10px; margin-left: 10px;}
	.privacy li ul.d3 li		{ text-indent: -14px; margin-left: 14px;}
	.privacy li ul.d1-1 li	{ text-indent: -16px; margin-left: 16px;}






/********************** POPUP ******************************/
body#popup { 
	background: url(/korean/images/cyberpr/pop_bg.gif) left top repeat-x;
}
body#popup #pop-head {
	background: url(/korean/images/cyberpr/pop_logo.gif) left top no-repeat;
}
body#popup #pop-head h1.title {
	height: 39px;
	text-align: center;
}
body#popup #pop-head p.close {
	position: absolute;
	top: 0;
	right: 0;
}
body#popup #pop-body {
	padding: 20px 20px 30px 20px;
}
body#popup dl.pr-photo { padding: 25px 30px; border-bottom: 1px solid #E0E0E0;}
body#popup dl.pr-photo dt { color: #437F60; font-weight: bold; padding: 0 0 8px 0;}

#popup .isoImg img { width: 360px;}
/********************** POPUP ******************************/


@media print {
	body#popup { background: transparent;}
	body#popup #pop-head,
	body#popup .btnArea2,
	body#popup .pr-photo { display: none;}
	body#popup #pop-body { padding: 0;}
	#popup .isoImg img { width: 100%;}
}




body#company h2.title { color: #BA5A7A; background: url(/korean/images/company/bullet02.gif) 0 0 no-repeat;}

body#company .data-ty01 { border-top: 2px solid #D8E2E2;}
body#company .data-ty01 th,
body#company .data-ty01 td { border-right: 1px solid #D8E2E2; border-bottom: 1px solid #D8E2E2;}
body#company .data-ty01 th { background: #F8FAFA;}

body#product .data-ty01 { border-top: 2px solid #D8E2E2;}
body#product .data-ty01 th,
body#product .data-ty01 td { border-right: 1px solid #D8E2E2; border-bottom: 1px solid #D8E2E2;}
body#product .data-ty01 th { background: #F8FAFA;}



body#company .tab { background: url(/korean/images/company/tab_bg.gif) left top no-repeat;}
body#product .tab	{ background: url(/korean/images/product/tab_bg.gif) left top no-repeat;}
body#network .tab	{ background: url(/korean/images/network/tab_bg.gif) left top no-repeat;}
body#cyberpr .tab	{ background: url(/korean/images/cyberpr/tab_bg.gif) left top no-repeat;}







body#company #contents .data-ty01 th.pt {padding-top:10px}


body#company #contents .data-ty01 td.rtt {text-align:left;padding-left:10px}