@charset "utf-8";
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 800;
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* base */
 body , body, td, div
 						{	font: 100%/1.0 NanumGothic, NanumGothicWeb,"돋움",Dotum,"굴림",Gulim,"Lucida Grande",Tahoma,Verdana,AppleGothic,UnDotum,sans-serif; 
							font-size:14px;
							line-height:1.6em;
							color:#555;}
							
textarea, input, select, textarea, button
						{	font: 100%/1.0 NanumGothic, NanumGothicWeb,"돋움",Dotum,"굴림",Gulim,"Lucida Grande",Tahoma,Verdana,AppleGothic,UnDotum,sans-serif; 
							font-size:13px;
							line-height:1.6em;
							color:#555;}								
							
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, fieldset,  img{ margin: 0;	 padding: 0; border: 0; }


fieldset, img {border:none}
legend {display:none}
caption {display:none}

/* a-style */
A:link		  { text-decoration: none; color:#555;}
A:visited  { text-decoration: none; color:#555;}
A:active   { text-decoration: none; color:#555;}
A:hover   { text-decoration: underline; color:#000; }   

html, body {height:100%;  }
body { overflow: auto;  }
table{border-collapse:collapse; width:100%}

/******메뉴******/
#header {
	margin:0 auto; width:1000px; min-height:85px;
}
#header2	{
	position:relative;z-index:2;
	width:100%;min-width:1000px;min-height:85px;
	margin:0 auto;
}

/****   gnb_list */
#header #gnb {
	position:relative;z-index:1;width:1000px;margin:0 auto;
	}
#gnb h1{
	position:absolute;z-index:2;top:0;left:0;
	}
#gnb .gnb_list {
	position:absolute;z-index:3;right:0;overflow:hidden
	}
#gnb .gnb_list ul {
	list-style:none; float:right;overflow:hidden
	}
#gnb .gnb_list ul li { 
	list-style:none;  float:left;display:inline-block;
	}
#gnb .gnb_list ul li a{ 
	display:block;height:20px;width:100%;
	}
#gnb .gnb_list ul li a img{
	float:none;clear:both; padding:0px;
	}

#navigation{
	position:relative;z-index:2;padding:35px 0 0 0px;
	}
#navigation ul.depth1Ul{
	list-style:none; zoom:1;padding-top:7px;
	}
#navigation ul.depth1Ul:after {
	content:""; display:block; clear:both
	}
#navigation ul.depth1Ul li.depth1	{
	 list-style:none; float:left;position:relative;z-index:2;
	  }
#navigation .goMallBtn	{
	position:absolute;z-index:1;right:0;top:44px;display:block;width:86px;height:26px;
	}

.depth2background	{
	display:none;position:absolute;z-index:0;top:95px;left:0;min-width:980px;width:100%;height:295px;
	background:url(../images/bg_subMenu2.png) 0 0 repeat-x;
	}
.depth2visual	{
	display:block;position:absolute;z-index:1;
	width:980px;height:136px;top:55px;left:50%;margin-left:-510px;
	background:url(http://kiqt.co.kr/Images/bg_subMenuOn.gif) 0 0 no-repeat;
	} /*로고아래이미지*/


.menu1	{padding-left:20px;}


.depth2Ul		{
	display:none;position:absolute;z-index:2;top:80px;left:0px;min-height:120px;border-left:1px solid #d3d3d3;
	}
.depth2Ul li  {
	list-style:none; margin-bottom:2px; padding-left:10px; padding-right:10px;
	}
.depth2Ul li a	{
	display:inline-block;line-height:24px;vertical-align:middle;
	font-size:13px;letter-spacing:-0.05em;font-weight:bold;color:#666666
	font-family:Nanum Gothic;
	}
.depth2Ul li a.on		{
	color:#ffffff;
	background:#222222 url(http://kiqt.co.kr/img/bg_depth2_on.gif) right no-repeat;
	} /* 하부메뉴색상변경 #ea0e15*/
.depth2Menu1		{
	width:70px;}
.depth2Menu1 a	{
	width:70px;padding:0px; text-decoration:none;padding-left:5px;
	}
.depth2Menu2		{
	width:70px;}
.depth2Menu2 a	{
	width:70px;padding:0px; text-decoration:none;padding-left:5px;
	}
.depth2Menu3		{
	width:130px;}
.depth2Menu3 a	{
	width:120px; padding:0px; text-decoration:none;padding-left:5px;
	;}
.depth2Menu4		{
	width:140px;}
.depth2Menu4 a	{
	width:130px;padding:0px; text-decoration:none;padding-left:5px;
	}
.depth2Menu5		{
	width:85px;}
.depth2Menu5 a	{
	width:75px;padding:0px; text-decoration:none;padding-left:5px;
	}
.depth2Menu6		{
	width:65px;}
.depth2Menu6 a	{
	width:65px;padding:0px; text-decoration:none;padding-left:5px;
	}
.closeDepth2			{
	display:none;position:absolute;z-index:3;right:0px;bottom:-220px;width:40px;height:40px;
	}


 /****   메뉴 전체보기 */
.searchCate1	{
	float:left;width:351px;height:64px;
	padding-top:6px;
	border-right:1px solid #e5e5e5;
}
.searchCate2	 { 
	float:right;width:325px;height:64px;
	padding-top:6px;padding-right:20px;
}
.searchCate1 ul	 {
	list-style:none; overflow:hidden
}
.searchCate1 ul li  {
	list-style:none; float:left;
	width:110px;line-height:24px;
	vertical-align:middle:
}
.searchCate1 ul li input,.searchCate1 ul li label {
	line-height:24px;vertical-align:middle
}
.searchCate2 ul {
	list-style:none; clear:both;float:left;width:160px;overflow:hidden;
}
.searchCate2 ul li {
	list-style:none; float:left;
	width:75px;line-height:24px;
	vertical-align:middle;
}
.searchCate2 ul li input,.searchCate2 ul li label {
	line-height:24px;vertical-align:middle
}
.searchCate2 .searchBtn{float:right;}


 /****  메인 이미지*************************************************/
#mainpic_bg	{ 
background:url(../images/mainpic_bg.png); background-position:center top; background-repeat:no-repeat;
 width:100%; height:421px;
 margin:0 auto;  
 }
#mainpic	{ 
width:1000px; height:421px; padding-top:60px; 
margin:0 auto;  
text-align:center; 
 }

 /****  메인 컨텐츠 *************************************************/
#maincontent	 	{ 
	width:1000px; margin:0 auto; 
 }
#maincontent	#maintable		, #maincontent	#mainbanner			{ 
	width:100%;   
}
#maincontent	#maintable td				{ 
	vertical-align:top;   
}
#maincontent	#maintable #left 		{ 
	border-right:solid 1px #e5e6e6; 
	border-left:solid 1px #e5e6e6; 
	border-bottom:solid 1px #e5e6e6; width:230px;
}
#maincontent	#maintable #center	{ 
	border-bottom:solid 1px #e5e6e6;
}
#maincontent	#maintable #right		{ 
	border-right:solid 1px #e5e6e6; 
	border-left:solid 1px #e5e6e6;
	border-bottom:solid 1px #e5e6e6;  
	width:230px;
}
#maincontent	#maintable  .space		{ 
	padding:30px 25px; 
}
#maincontent  #maintable .t				{ 
	padding-bottom:15px; 
}
 /****  메인 배너****/
#maincontent	#mainbanner #line				{ 
	border-right:solid 1px #f3f3f3; 
	border-left:solid 1px #f3f3f3; 
	width:8%;
	padding:10px 0px;
}
#maincontent	#mainbanner #linel				{ 
	border-left:solid 1px #e5e6e6; 
	width:8%;
	padding:10px 0px;
}
#maincontent	#mainbanner #liner				{ 
	border-right:solid 1px #e5e6e6; 
	width:8%;
	padding:10px 0px;
}
 /****  메인 가이드****/

#guide li			{
	 list-style:none; display:block; float:left; text-align:center; line-height:1em;
	  }
#guide span		{ 
	text-align:center; font-size:12px; line-height:100%;  width:74px;
 }
 
 /****  메인 링크 ****/
#link_area					 					 { 
	float:left; text-align:left;  width:100%;
}
#link_area	 #link  A:link	 , #link_area	 #link A:visited,  #link_area	 #link A:active	 {  
	float:left; display:block;   
	height:28px;  width:185px; padding-left:10px;
	background:#76a6e5; 
	color:#FFF;  font-size:14px; font-weight:bold; text-align:left;
 }
#link_area	 #link  A:hover 		 {   
	background:#397ed9;  text-decoration:underline;
 }
#link_area	 #icon 						 {  
	float:left; 
	height:28px;  width:22px; 
	text-align:center; vertical-align:middle;  color:#FFF; 
	background:#397ed9;
 }
#link_area	 #icon img 				 {  
	vertical-align:middle; 
 }

 /****  메인 업무분야****/
#maincate { 
float:left; width:100%; font-size:13px;}
#maincate  li {
	 float:left; width:100%; list-style:none; }
#maincate  li img {
	 float:left;  vertical-align:middle; padding:5px 5px 5px 0; }

 /****  메인 공지사항****/
#mainnotice { 
float:left; width:100%; font-size:14px;
}
#mainnotice  li { 
float:left; width:100%; list-style:none; color:#6b6b6b
}
#mainnotice  li 	A:link	 , A:visited,  A:active { 
color:#666;
}
#mainnotice  li img { 
	float:left;  vertical-align:middle; padding:12px 6px 12px 0; 
}

#mainnews { 
float:left; width:100%; font-size:14px;
}
#mainnews  li { 
float:left; width:100%; list-style:none; color:#6b6b6b
}
#mainnews  li 	A:link	 , A:visited,  A:active { 
color:#666;
}
#mainnews  li img { 
	float:left;  vertical-align:middle; padding:12px 6px 12px 0; 
}

#mainqna { 
float:left; width:100%; font-size:14px;
}
#mainqna  li { 
float:left; width:100%; list-style:none; color:#6b6b6b
}
#mainqna  li 	A:link	 , A:visited,  A:active { 
color:#666;
}
#mainqna  li img { 
	float:left;  vertical-align:middle; padding:12px 6px 12px 0; 
}

/****  메인 사이트맵****/
#maincontent	#mainsite #line 		{ 
	border-right:solid 1px #e5e6e6; 
	border-left:solid 1px #e5e6e6; 
	border-top:solid 1px #e5e6e6;
}
#mainsite { 
	float:left; width:100%; font-size:13px; text-align:center; 
	padding-top:20px;
	padding-bottom:5px;
}
#mainsite  li   	{ 
	float:left;  list-style:none;  
}
#mainsite  li   p	{
	 font-size:14px; font-weight:bold;  color:#666;   padding-bottom:5px;
}
#mainsite  #txt 	{ 
	width:165px;
}
#mainsite  #txt  A:link	 , #mainsite  #txt   A:visited, #mainsite  #txt   A:active	{  
	color:#8f8f8f;
}

 /****  메인 카피라이트****/
#copyarea { 
	float:left; width:100%; 
	background:#dfdfdf; 
	padding:40px 0px;
 }
#copy   		{  
	width:980px; margin:0 auto; 
 }
#copytxt	{  
	float:left;
	font-size:12px; color:#797979;
	width:700px; 
}
#copylogo {  
	float:right;
	width:180px; 
	text-align:right;
}

 /****  서브 이미지*************************************************/
#subpic_bg	{  
	background:url(../images/subpic_bg.png); background-position:center top; background-repeat:no-repeat; 
	width:100%; margin:0 auto; 
	height:125px;
 }
#subpic	{  
	margin:0 auto; width:1000px;
	height:125px;  
	background:url(../images/subT_bg.png); background-position:left bottom; background-repeat:no-repeat; 
 }
#subT {  
	float:left; 
	text-align:center; width:240px; padding-top:80px; 
	font-size:22px;  color:#FFF; font-weight:bold; 
}

 /****  서브 영역 *************************************************/
#subarea	 		{ 
	width:1000px; margin:0 auto;  
}
#subleft				{ 
	float:left; 
	width:240px;  padding-bottom:70px; 
}
#subcontent	{ 
	float:left; 
	width:715px;  padding-left:45px; padding-bottom:70px;
 }

/**** 서브 왼쪽메뉴****/
#subarea #subleft 	#cate							{ 
	float:left; padding:10px 0 40px 0;
}
#subarea #subleft 	#cate	 li						{ 
	float:left;   list-style:none; 
 }
#subarea #subleft 	#cate	 li	a					{ 
	float:left; 
	list-style:none; 
	width:240px;padding:10px 0;
	border-bottom:solid 1px #ddd;  
	size:14px; font-weight:bold;  
}
#subarea #subleft  #cate	 li	a:hover		{ 
	float:left; 
	list-style:none; 
	width:240px;padding:10px 0;
	border-bottom:solid 1px #ddd;  
	background:#f6981e; color:#FFF;  
	text-decoration:none;
 }
#subarea #subleft  #cate	 li	a	span 		{ 
	float:left; 
	padding:0 8px; font-size:10px; 
}

#subarea #subleft .tline						 { 
	float:left; 
	padding:20px 0;width:240px;  
	border-top:solid 3px #7fc6e6;  
  }
#subarea #subleft .tline	p					 {  
	padding-bottom:15px; 
}
#subarea #subleft .tline2						 { 
	float:left; 
	padding:15px 0;width:240px;   
	border-top:solid 3px #7fc6e6;   
	border-bottom:solid 1px #7fc6e6;
 }

/**** 서브 컨텐츠 타이틀 ****/
#subcontent #subTit								{ 
	float:left; 
	width:715px; font-size:30px; font-weight:bold; letter-spacing:-2px; 
	padding-top:0px; 
	border-bottom:solid 1px #99d1eb; 
}
#subcontent #subTit	span					{ 
	font-size:12px; font-weight:normal;  letter-spacing:-1px;  color:#999; 
	padding-left:10px; padding-bottom:0px; 
}
#subcontent #subTit	span img			{ 
	padding-left:10px; padding-right:5px;
}

/**** 서브 컨텐츠 내용  *************************************************/
/**** 인사말 ****/
#subcontent #about_area 	{ 
	float:left;   padding-top:30px; width:100%;  
	font-size:15px; color:#666;  line-height:1.6em;  
	background:url(../images/about1.png); background-repeat:no-repeat;  
}
#subcontent #about_area 		p 	{ 
	padding-top:135px; 
	font-size:22px; color:#045ab1;   font-weight:bold;  line-height:1.6em;  
}
#subcontent #about_area 		p	 span 	{ 
	font-size:22px;  color:#1d9bd3;    
}
#subcontent #about_area 		span 	{ 
	font-size:15px; color:#1d9bd3;  
}
#subcontent #about_area 		b 	{ 
	font-size:15px; color:#f6741e; font-weight:bold;  
}

/**** 게시판 ****/
#subcontent 	#board_area 	{ 
float:left; padding-top:35px; width:100%;	line-height:1em; 
 }
#subcontent #board_area 		table 	{ 
	padding:6px 12px 8px; 
} 
#subcontent #board_area 		td 	{ 
	line-height:1em;  
 }
#subcontent #board_area  #board_view {
	line-height:1.6em;  	
	}

/**** 연혁 ****/
#subcontent 	#history_area	{ 
	float:left;   	
	font-size:15px; 	color:#666;  line-height:2.2em;
	width:100%; padding-top:30px; 	
	background:url(../images/history1.png);  background-repeat:no-repeat;   
}
#subcontent 	#history_area	span	{ 
	padding-top:30px; 
	font-size:15px;  	color:#f6741e;/*주황색*/ 	font-weight:bold;   
	padding-right:30px; 	padding-left:70px; 
 }
#subcontent 	#history_area	.area1	{  
	float:left; 
	font-size:18px; 	color:#FFF;   	font-weight:bold; 
	padding-left:10px;   	height:240px; 	width:125px; 
	background:url(../images/history2.png); background-repeat:no-repeat;
}
#subcontent 	#history_area	.area2 {  
	float:left;
	font-size:18px; color:#FFF;   font-weight:bold; 
	padding-left:10px; height:240px; width:125px; 
	background:url(../images/history3.png); background-repeat:no-repeat;
}
#subcontent 	#history_area	p		{
font-size:22px;  font-weight:bold; color:#045ab1;   /*파랑색*/
line-height:1.6em; 
 } 
#subcontent 	#history_area	p	 span	{
	font-size:22px; color:#1d9bd3;  /*하늘색*/
	padding-right:0px; padding-left:0px;
 }  

/**** 조직도 ****/
#subcontent 	#organi_area	{  
	float:left;   	
	font-size:15px; color:#666;  
	width:100%;  padding-top:120px; 
	background:url(../images/organi5.png); 	background-repeat:no-repeat;    
}
#tabel_a1  { 
	float:left; 	width: 100%; 	border-collapse: collapse;
}
#tabel_a1  td { 
	text-align:center;
}
#tabel_a1  thead   span { 
	text-align:center; 
	background:#868d96; 
	padding:7px 50px; 
	font-size:22px; 	color:#FFF;  	font-weight:bold; 
}
#tabel_a1  .area3 { 
	background:url(../images/organi2.png); 	background-repeat:no-repeat; 
	width:143px; 	height:80px; 
	color:#fff; 	font-size:15px; 	font-weight:bold; 
	vertical-align:top; 	padding-top:10px; 
}
#tabel_a1  .area4 { 
	background:url(../images/organi3.png);  	background-repeat:no-repeat; 
	width:143px; 	height:80px; 
	color:#fff; 	font-size:15px; 	font-weight:bold; 
	vertical-align:top; 	padding-top:10px; 
}
#tabel_a1  .area5 { 
	text-align:left;  vertical-align:top; 
	background:#ddd;  background:url(../images/organi4.png);   	background-repeat:no-repeat; 
	width:143px; padding:20px 20px; 	
	font-size:13px;	letter-spacing:-0.5px;	line-height:1.8em; 
  }

/**** 오시는길 ****/
#subcontent  	#location_area {  
	float:left;   padding-top:50px; width:100%; 
}
#subcontent  	#location_area .line {  
	border:solid 1px #ccc; width:710px; 
}
#subcontent  	#location_area ul {  
	padding-left:20px;   padding-top:40px; line-height:2em; 
}
#subcontent  	#location_area .uls1 li {   
	color:#f6741e;  font-weight:bold;
	list-style:square;
}
#subcontent  	#location_area .uls2 li {   
	color:#1d9bd3;   font-weight:bold;
	list-style:circle;
}
#subcontent  	#location_area li		span {  
	color:#666; font-weight:normal; 
}

/**** 업무분야 ****/
#subcontent  	#txtcate_area	#area1 .pb	{
padding-bottom:50px;	
}
#subcontent  	#txtcate_area	#area1 li	{ 
	float:left;  width:95%;
	list-style:none; 
	padding:8px 15px;   margin:5px 0;
	background:#fafafa;  border:solid 1px #ccc;
	font-size:14px;  font-weight:bold; 
}

#subcontent  	#txtcate_area	 #area2  { 
	padding-left:60px;   padding-top:0px; padding-bottom:20px;
}
#subcontent  	#txtcate_area	#area2 li	{ 
	list-style:square; padding:0px; margin:2px 0; /*list-style:decimal; */
	background:#fff;  border:none;
	font-size:14px; font-weight:normal;
}
#subcontent  	#txtcate_area  #area3 {
	float:left; width:100%;
}
#subcontent  	#txtcate_area  #area3 li {
	list-style:none;  width:100%;
}
#subcontent  	#txtcate_area  #area3 	.txt1 {
	color:#fca904 ; font-weight:bold;
}
#subcontent  	#txtcate_area #area3 	.txt2 {
	color:#f78009 ; font-weight:bold;
}
#subcontent  	#txtcate_area #area3 	.txt3 {
	color:#fc3f04; font-weight:bold;
}
#subcontent  	#txtcate_area .lineT {
	padding-top:40px;
	border-top:dashed 1px #ddd;
}

/**** 품질시험업무 공용 ********************************************************/
#subcontent  	#txtcate_area,	 #subcontent  	#info_area, #subcontent  	#contact_area , #subcontent  	#test_area, #subcontent  #pay_area { 
 	float:left;   padding-top:50px; width:100%; 
}
#subcontent  	#txtcate_area  #t,	 #subcontent  	#info_area	#t ,	 #subcontent  	#contact_area 	#t , #subcontent  #pay_area #t, #subcontent  	#test_area #t { 
 	float:left;   width:100%; 
	padding-bottom:10px;
	font-size:20px; 	font-weight:bold; letter-spacing:-1px;
}


/**** 품질시험의뢰관련 ****/
#subcontent  	#info_area	#list1  { 
 	float:left;
	width:100%; padding:10px 0 40px 40px;
}
#subcontent  	#info_area	#list1 li { 
 	list-style:decimal; 
	padding:5px 0; 
	font-weight:bold;
}
#subcontent  	#info_area	#list1 li span { 
	padding-left:10px;
 	color:#f6741e ; font-weight:normal; 
}
#subcontent  	#info_area	#list2  li { 
	float:left;
	width:100%; padding:7px 20px; margin:2px 0; 	
	list-style:none; 
	background:#fafafa;  border:solid 1px #ccc;
	font-weight:bold; 
}
#subcontent  	#info_area	#list2  li  img { 
	padding-right:10px;
}
#subcontent  	#info_area	#list2  li  span { 
	padding-left:10px;
 	color:#f6741e ; font-weight:normal; 
}
#subcontent  	#info_area	 #list2	#area2  { 
	padding-left:60px;   padding-top:0px; padding-bottom:20px;
}
#subcontent  	#info_area	#list2	#area2 li	{ 
	list-style:square; padding:0px; margin:2px 0; /*list-style:decimal; */
	background:#fff;  border:none;
	font-size:14px; font-weight:normal;
}

#subcontent  	#info_area	#list3  { 
 	float:left;
	width:100%; padding-left:15px;
}
#subcontent  	#info_area	#list4   { 
	padding-left:20px; padding-bottom:20px; padding-top:10px;
}
#subcontent  	#info_area	#list4  li { 
 	list-style:square;   
	padding:2px 0;
	font-weight:normal;
}


/*************테이블***************/
/**** 품질시험 상담자 ****/
#tablelist1     { 
float:left;
 border-top:2px solid #3a7ab8;
 }
#tablelist1     table {
	table-layout: fixed; width: 100%;
	}
#tablelist1     th { 
font-weight:bold; color:#444; text-align:center; 
border-right:1px solid #dedede; border-bottom:1px solid #3a7ab8; 
/** 
border-right:1px solid #dedede; border-bottom:1px solid #dedede;  
**/
padding:8px 0px; 
background:#f8f9fb; 
}
#tablelist1     th:first-child		{
	border-left:1px solid #dedede;
}
#tablelist1     td		{
	text-align:center; 
	color:#555; letter-spacing:0px; font-size:13px;
	border-right:1px solid #dedede; border-bottom:1px solid #dedede; 
	padding:8px 0px; 
}
#tablelist1     td.txtblue { 
	color:#1d9bd3; 
}
#tablelist1     td.txtorg { 
	color:#e97416; 
}
#tablelist1     td:first-child {border-left:1px solid #dedede}
#tablelist1     td.bgGray {background:#f8f9fb; text-align:center;}
#tablelist1     td.taC {text-align:center; padding:9px 0 11px}
#tablelist1     td.taR {text-align:right; padding-right:20px;}
#tablelist1     td.taL {text-align:left; padding-left:10px; padding-right:0; letter-spacing:-1px}
#tablelist1     td p:first-child {margin-top:0}
#tablelist1     td.bgGray {background:#fcfbf8;  text-align: center; padding:9px 0 11px}
#tablelist1     td.fontS {font-family:"SimHei"}
#tablelist1		 .t {font-size:16px; font-weight:bold; }

/**** 수수료 견적서 테이블****/
#tablepay     { 
float:left; width: 100%;
 border-top:2px solid #3a7ab8;
 }
#tablepay      table {
	table-layout: fixed; width: 100%;
	}
#tablepay      th { 
font-weight:bold; line-height:14px;font-size:13px;  color:#444; text-align:center; 
 border-bottom:1px solid #dedede;  
padding:4px 0 ; 
background:#f8f9fb; 
}
#tablepay      th:first-child		{
}
#tablepay      td		{
	line-height:14px;  text-align:center; 
	color:#555; letter-spacing:0px; font-size:13px;
	 border-bottom:1px solid #dedede; 
	padding:4px 0; 
}
#tablepay      td.txtblue { 
	color:#1b64c7;text-align:left;padding-left:5px;
}
#tablepay      td.txtorg { 
	color:#e97416; 
}
#tablepay      td:first-child {  }
#tablepay      td.bgGray {background:#f8f9fb; text-align:center;}
#tablepay      td.taC {text-align:center; padding:9px 0 11px}
#tablepay      td.taR {text-align:right; padding-right:5px;}
#tablepay      td.taL {text-align:left; padding-left:10px; padding-right:0; letter-spacing:-1px}
#tablepay      td p:first-child {margin-top:0}
#tablepay      td.bgGray {background:#fcfbf8;  text-align: center; padding:9px 0 11px}
#tablepay      td.fontS {font-family:"SimHei"}
#tablepay 		 .t {font-size:16px; font-weight:bold; }

#tablepay   .amount_field {
	width:10px;
	height:28px;
	border:1px solid #FFF;
	background:#FFF;
	background-color:#ffffff;
	font-size:12px;	
}
#tablepay   .fee_field {
	width:50px;
	height:28px;
	border:1px solid #FFF;
	background:#FFF;
	font-size:12px;
}



/**** 성적서발급 총계 계산 ****/
#tableRes     { 
float:left; width: 100%;
 border-top:2px solid #9eafc6; 
}
#tableRes      table {
	table-layout: fixed; width: 100%;
}
#tableRes     td		{
	color:#555;  font-size:13px;
	border-bottom:1px solid #dedede; 
	padding:6px 0px; 
}
#tableRes     	.t	{
	font-size:14px;  color:#1b64c7;  font-weight:bold;
}
/*#tableRes       td:first-child { 
border-left:1px solid #dedede;
}
#tableRes       .rline { 
border-right:1px solid #dedede
}*/
#tableRes   .fee_field {
	width:130px;	height:28px; 
	font-weight:bold; color:#ff6600;
	border:1px solid #FFF;
	background:#FFF; text-align:right;
}

/**** 성적서발급조회 ****/
#subcontent  	#test_area 	#tap1		{
	 float:left; width:100%;
	 padding-top:50px; 
 } 
#subcontent  	#test_area 	#tap1		.area1	{
 float:left; width:200px;  
 padding: 0 5px;
} 
#subcontent  	#test_area 	#tap1	 	.area2	{
 float:left; width:500px;
 font-size:15px;
} 
#subcontent  	#test_area 	#tap1	 	p	{
 font-size:13px; color:#aaa; line-height:1.3em; 
} 
#subcontent  	#test_area 	#tap1	 	p	 span {
 font-size:13px; color:#f6651e;
} 
#subcontent  	#test_area 		.pb_line 	{
	padding-bottom:50px;
 	border-bottom:solid 1px #538cd2;
}
#subcontent  	#test_area 	#tap2	,#subcontent  	#login_area 	#tap2		{
	 float:left; width:100%;
	 border:solid 1px #ccc;
	 padding-top:40px; padding-bottom:20px;  
 } 
#subcontent  	#test_area  #tap2	.line,  #subcontent  	#login_area  #tap2	.line {	
	float:left; width:100%;
	border-top:dashed 1px #ccc;
}
 
 /*성적서발급 조회 입력창*/ 
#form_wrap   {
	float:left;
	width:100%;
}
#form_wrap  li {
	float:left; width:100%;
	font-size:14px; font-weight:bold;
	padding:5px 0;
}
#form_wrap li p {	
	float:left;
	width:120px; 
}
#form_wrap  li span {		
	font-size:12px;  color:#f67f1e;   font-weight:normal;
	padding-left:10px; letter-spacing:-1px;
}
#form_wrap   .text_field {
	width:180px;
	height:28px;
	border:1px solid #dcdcdc;
	background:#f4f4f4;
}
#join_wrap   .stext_field {
	width:180px;
	height:28px;
	border:1px solid #dcdcdc;
	background:#f4f4f4;
}



 /*성적서발급 버튼*/
 .form_btn {
	width:100%;
	float:left;
	margin-top:2em;
	text-align:center;
	padding-bottom:20px;
}
.form_btn .fbutton01 {
	width:20%;
	padding:0.2em 0;
	font-size:18px;
	color:#fff;
	background:#3ab0b8;
	border:1px solid #3ab0b8;
}
.form_btn .fbutton02 {
	width:20%;
	padding:0.2em 0;
	font-size:18px;  
	color:#08848c;
	background:#fff;
	border:1px solid #3ab0b8; 
}
#join_wrap .sbutton {
	padding:0.2em 5px;
	font-size:14px; font-weight:bold; letter-spacing:-1px; color:#fff;
	background:#999;
	border:1px solid #888;
}
 

/* 성적서 발급조회 탭메뉴  */
#category-test		{
	width:100%; padding:20px 0;
}
#category-test .area1 {
	float:left;
	width:30%; margin:0px; padding:8px 0;
	background-color:#538cd2;
	border:solid 1px #3872ba;
	text-align:center; text-decoration:none;
	color:#FFF ; font-size: 18px;  
}
#category-test .area2 {
	float:left;
	width:30%; margin:0px; padding:8px 0;
	background-color:#FFF;
	border:solid 1px #3872ba;
	text-align:center; text-decoration:none;
	color:#0e52a5 ; font-size: 18px;  
}
#category-test .area3 {
	float:left;
	width:39%; margin:0px; padding:8px 0;
	background-color:#fff; 
	border-bottom:solid 1px #3872ba;	
	border-top:solid 1px #FFF;	
	text-align:center; text-decoration:none;
	color:#fff;  font-size: 1px; 
}
#category-test .area4 {
	float:left;
	width:69%; margin:0px; padding:8px 0;
	background-color:#fff; 
	border-bottom:solid 1px #3872ba;	
	border-top:solid 1px #FFF;	
	text-align:center; text-decoration:none;
	color:#fff;  font-size: 1px; 
}
#category-test  A:hover {
	color:#FFF ; 
	background-color: #3872ba;
}

/**** 시험성적서 시험분류 ****/
.tab1{overflow:hidden; position:relative}
.tab1{width:715px; overflow:hidden; border-top:1px solid #c3d2de; border-left:1px solid #c3d2de;}
.tab1 a{text-decoration:none; width:197px; float:left; border-bottom:1px solid #c3d2de; border-right:1px solid #c3d2de; background:url('../images/pay_btn1.png') no-repeat 205px center;text-align:left; padding:0 20px 0; height:38px; line-height:40px}
.tab1 a.on{text-decoration:none; color:#fff; background:url('../images/pay_btn1.png') no-repeat 340px center #3a7ab8}
.tab1 a.active{text-decoration:none; color:#fff; background:url('../images/pay_btn1.png') no-repeat 340px center #3a7ab8}
.tab1 a:hover{text-decoration:none; color:#fff; background:url('../images/pay_btn1.png') no-repeat 340px center #3a7ab8}

/**** 시험성적서 검색****/
#subcontent  	#pay_area	  #form_search 	{
	padding-top:20px; 
	padding-bottom:40px;
}
#subcontent  	#pay_area 	#form_search   .text_field {
	width:350px;
	height:28px;
	border:1px solid #dcdcdc;
	background:#f4f4f4;
}
#subcontent  	#pay_area 	#form_search   p {
	color:#f67f1e;	font-size:14px; font-weight:bold; padding-bottom:10px;
}
#subcontent  	#pay_area 	#form_search .btn {
	width:15%; 
	padding:2px 5px; 
	font-size:16px;  
	color:#fff;
	background:#3ab0b8;
	border:1px solid #1ea2ab; 
}
#subcontent  	#pay_area	 	#search_result		ul {
	padding-left:40px;  padding-top:20px; 
}
#subcontent  	#pay_area	 	#search_result		li   {
	float:left;
	width:50%; 	padding:5px 0 ;
	text-align:left; font-size:13px; letter-spacing:-1px;
}
#subcontent  	#pay_area		.txt1  {
	float:left; width:100%;
	font-size: 16px;
	padding-bottom:10px;
}
#subcontent  	#pay_area 	#form_search  select {
   background: transparent;
   width: 200px;
   padding: 5px;
   font-size: 13px;
   line-height: 1;
   border:1px solid #dcdcdc;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }

/**** 로그인 ********************************************************/
#login_area , #join_area, #login_wrap {
	float:left; width:100%;
	padding-top:40px; padding-bottom:40px;
}
#login_area  .txt{
	padding-bottom:10px;
}
#login_area  .t, #join_area  .t{
	padding-bottom:5px;
	font-size:20px; 	font-weight:bold; letter-spacing:-1px;
}
#login_area  .t span, #join_area  .t span{
	font-size:13px; 	color:#ff9602;	 font-weight:bold; letter-spacing:-1px;
}

#login_wrap	b {
	float:left; width:150px;height:28px;
}
#login_wrap	.text_field {
	width:200px;
	height:28px;
	border:1px solid #dcdcdc;
	background:#f4f4f4;
}
#login_wrap	li {
	float:left; width:100%;
	list-style:none;
	padding:3px 0;
}
#login_wrap	li a {
	font-size:14px;font-weight:bold;color:#ff9602;	
	text-decoration:none;
}
#form_wrap ul li {
	width:100%;
	list-style:none;
	padding-top:0.7em;
	padding-bottom:0.7em;
	float:left;
}
#form_wrap ul li .ftit {
	width:20%; 
	float:left;
	font-family:NanumGothic, 나눔고딕;
	font-size:14px;
	font-weight:bold;
	margin-top:0.5em;
}
#form_wrap ul li .ftit span {
	color:#ff0000;
}
#form_wrap ul li .fcon {
	width:70% !important;
	float:left;
	font-family:NanmuGothic, 나눔고딕;
	font-size:13px;
}

 /*회원가입*/ 
#join_wrap   {
	float:left;
	width:100%;
}
#join_wrap  li {
	float:left; width:100%;
	list-style:none;
	font-size:14px; font-weight:bold;
	padding:3px 0;
}
#join_wrap li p {	
	float:left;
	width:120px; 
}
#join_wrap  li span {		
	font-size:12px;  color:#f67f1e;   font-weight:normal;
	padding-left:10px; letter-spacing:-1px;
}
#join_wrap   .text_field {
	width:300px;
	height:28px;
	border:1px solid #dcdcdc;
	background:#f4f4f4;
}
#join_wrap   .text_field2 { 
	height:28px;
	border:1px solid #dcdcdc;
	background:#f4f4f4;
}
#join_wrap ul li .ftit {
	width:20%; 
	float:left;
	font-family:NanumGothic, 나눔고딕;
	font-size:14px;
	font-weight:bold;
	margin-top:0.5em;
}
#join_wrap ul li .ftit span {
	color:#ff0000;
}
#form_search .select_field { 
	width:100px;
	height:30px;
	border:1px solid #dcdcdc;
	background:#f4f4f4;
}
#join_wrap ul li .fcon {
	width:70% !important;
	float:left;
	font-size:13px;
}
#form_wrap02 {	
	float:left;width:100%;
}
#sub_wrap .sub_contents_wrap .pri_wrap {
	width:100%;
	float:left;
	padding-top:2em;
	padding-bottom:1em;
	border-bottom:2px solid #000;	
}
 .pri_wrap textarea {
	width:99.5%;
	height:16em;
	background:#f4f4f4;
	border:1px solid #dcdcdc;
	float:left;
	font-size:13px;
	color:#666;
}
 .pri_wrap .check {
	width:100%;
	float:left;
	margin-top:1em;
	text-align:right;
}

/*

.find_txt  a{ 
	font-size:14px;
	font-weight:bold;
	color:#ff9602;
	height:40px;
}

#login_wrap	p  {
	float:left; width:30%; height:28px;
	color:#333; font-weight:bold;
}
#login_wrap	.text_field {
	width:180px;
	height:28px;
	border:1px solid #dcdcdc;
	background:#f4f4f4;
}

#sub_wrap .sub_contents_wrap .fomr_tit {
	width:100%;
	float:left;
	font-family:NanumGothic, 나눔고딕;
	font-size:18px;
	font-weight:bold;
	color:#000;
	border-bottom:2px solid #000;
	padding-bottom:1em;
	margin-top:3em;
}
#sub_wrap .sub_contents_wrap .fomr_tit span {
	font-size:13px;
	color:#ff0000;
	font-weight:100;
}
#sub_wrap .sub_contents_wrap  .find_txt  { 
	width:100%;float:left; 
	font-size:12px;
	color:#999;
}
 */