@charset "utf-8";

/*
position : relative(상대) , absolute(절대)

marjin: 위,오른쪽,아래,왼쪽 / border 밖
border:
pdding : 위,오른쪽,아래,왼쪽 / border 안
*/

/*제품리스트 Table*/
.pmtable table {border: 1px solid #DDD;margin:5px auto 5px;border-collapse:collapse;font-size:12px;letter-spacing:-1px;}
.pmtable table tfoot {background-color:#F0F8FD;}
.pmtable table th, .pmtable table td {padding:7px 5px 7px 3px;empty-cells:show;text-align:center;border: 1px solid #ddd;}
.pmtable table thead th {background-color:#DDEEFA;line-height:13px;}
.pmtable table tbody th {background-color:#F0F8FD;text-align:left; white-space:nowrap;}
.pmtable table th.center {text-align:center;}
.pmtable table tbody th.thbr {background-color:#F0F8FD;text-align:left; white-space:normal;}
.pmtable table tr.bgr th {background-color:#F0F8FD;}


.jbox {
	position:relative;
	overflow: hidden;
}

.jbox.left{ float:left; z-index:20;}
.jbox.right{ float:right; z-index:10;}

.jbox table {
	border:0 none;
	margin:20px auto 7px;
	border:2px solid #E5EAEF;
}
.jbox table th, .jbox table td {
	padding:5px 0px 5px 5px;empty-cells:show;
}
.jbox table th {
	font-size:12px;
	letter-spacing:-1px;
	text-align:left;
	white-space:nowrap;
	width:100px;
}
.jbox table th.normal {
	color:#7D7D7D;
	font-weight:normal;
}
.jbox table td {
	padding-bottom:5px;
}
.jbox table td .input_text {
	border:1px solid #CCCCCC;
	font-size:14px;
	font-weight:bold;
	height:18px;
	line-height:14px;
	padding:3px 2px 1px;
}
.jbox table td .input_text.focus {
	border:1px solid #59A509;
}
.jbox .bar {
	margin:10px -1px 0 -2px;
}

.htable td {
	height:30px;
	padding-left: 10px;
	border-bottom: 1px solid #CCCCCC;
}
.htable2 td {
	height:30px;
	padding-left: 10px;
}
.input_text2 {
	border:1px solid #CCCCCC;
	font-size:12px;
	height:16px;
	line-height:14px;
	padding:3px 2px 1px;
}
.input_file {
	border:1px solid #CCCCCC;
	font-size:12px;
	height:22px;
	padding:3px 2px 1px;
}
.text_area {
	border:1px solid #CCCCCC;
	font-size:12px;
	line-height:14px;
	padding:3px 2px 1px;
}
.titleline {border-bottom:2px solid #83A6DF;clear:both;height:18px;position:relative;_top:2px;}
.titleline p {border-bottom:2px solid #4D4D4D;font-weight:bold;clear:both;float:left;height:18px;padding:0 1px;position:relative;_top:2px;}




div#sliderBox_xx1 {
clear:both;
margin-top:20px;
}
div#sliderBox_xx1 div#ctrlBox{
height:100px;
overflow:hidden;
position:relative;
}

div#sliderBox_xx1 div#ctrlBox div#ctrlView{
	position:relative;
	left:18px;
	top:0px;
	overflow:hidden;
	width:265px;
}
div#sliderBox_xx1 div#ctrlBox div#ctrlView div#ctrlList{
	width:265px;
	height:100px;
}
div#sliderBox_xx1 div#ctrlBox div#ctrlList ul {
	position:absolute;
	overflow:hidden;
	width:265px;
	top:0px;
}
div#sliderBox_xx1 div#ctrlBox div#ctrlList li.f {
	padding-left:5px;
}
div#sliderBox_xx1 div#ctrlBox div#ctrlList li {
	display:inline;
	float:left;
	margin:2px 1px;
	padding:0px;
	position:relative;
}

div#sliderBox_xx1 div#ctrlBox div#ctrlList li p {
	border:1px solid #7C7C7C;
	background-color:#FFFFFF;
	display:block;
	overflow:hidden;
	height:90px;
	width:185px;
	vertical-align: center;
}

div#sliderBox_xx1 div#ctrlBox div#ctrlList li img {

}

div#sliderBox_xx1 div#ctrlBox div#ctrlList li span {
	cursor:pointer;
	display:block;
	line-height:16px;
	padding-top:5px;
	width:130px;
	font-weight:bold;
	color:#7B7B7B;
}

div#sliderBox_xx1 div#ctrlBox .pre strong, div#sliderBox_xx1 div#ctrlBox .next strong {display:none;}
div#sliderBox_xx1 div#ctrlBox .pre {position:absolute;background:transparent url(img/pre_next3.gif) no-repeat scroll 0 0px;display:block;height:20px;left:1px;top:24px;width:19px;z-index:20;}
div#sliderBox_xx1 div#ctrlBox .next {position:absolute;background:transparent url(img/pre_next3.gif) no-repeat scroll -20px 0;display:block;height:20px;right:1px;top:24px;width:19px;z-index:20;}
div#sliderBox_xx1 div#ctrlBox .pre:hover {background-position:0 -20px;}
div#sliderBox_xx1 div#ctrlBox .next:hover {background-position:-20px -20px;}


#Tsection1 {clear:both;}
#Tsection1 #tabHead{clear:both;position:relative;background-color:#FF9966;display:inline;}
#Tsection1 #tabHead span{float:right;}
#Tsection1 #tabHead ul{height:24px;background:url(/images/gnchem/notice_event2.gif) no-repeat;overflow:hidden;float:left;}
#Tsection1 #tabHead ul li{float:left;}
#Tsection1 #tabHead ul.selected01{background-position:0 0}
#Tsection1 #tabHead ul.selected02{background-position:0 -24px}
#Tsection1 #tabContent3 {
position:relative;
clear:both;
height:90px;
padding:5px;
padding-left:5px;background-color:#FFF;
}