@charset "utf-8";

/* font */
@font-face {
	font-family:'NanumBarunGothic';
	src: url('NanumBarunGothic.otf');
	src: local('?'), url('NanumGothic.eot') format('eot'), url('NanumGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html { -webkit-text-size-adjust:none;}

body {  background:url(../images/common/bg_menu.png) left top repeat-x; 
		color:#666666; font-size:14px; background-color:#ffffff;
		font-family: NanumBarunGothic, NanumGothicWEB, 나눔고딕, Dotum, 굴림, Gulim, Helvetica, sans-serif ;}

/* Reset */
body, h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td,
form, fieldset, legend,
hr {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
ul, ol {
	list-style:none;
}
input,textarea	{
	font-family: NanumBarunGothic, NanumGothicWEB, 나눔고딕, 돋움, Dotum, 굴림, Gulim, Helvetica, sans-serif;
}
table {
	margin:0;
	padding:0;
	border-spacing:0;
	border:0;
	border-collapse:collapse;
}

img, fieldset, abbr, acronym {
	border:0;
}

a {
	color:#666666;
	text-decoration:none;
}
a:focus, a:hover, a:active {
	
}



.L		{ float:left; }
.R		{ float:right; }
.aC		{ text-align:center; }

/**  폰트설정  **/
.b	{ font-weight:bold; }
.n	{ font-weight:normal; }
.u	{ text-decoration:underline; }

.red	{ color:#e21a22; }
.black	{ color:#000000; }
.gray33		{ color:#333333; }
.gray99		{ color:#999999; }


/**  여백  **/
.m_t10	{ margin-top:10px; }
.m_t40	{ margin-top:40px; }
.m_t70	{ margin-top:70px; }
.m_b10	{ margin-bottom:10px; }
.m_r10	{ margin-right:10px; }
.m_r50	{ margin-right:50px; }


/**  기본영역  **/
#SJ_top		{ width:1000px;height:111px; position:relative; margin-top:54px;left:50%;margin-left:-500px; }
	#SJ_top h1		{ width:210px; position:absolute; left:50%; top:0; margin-left:-500px; cursor:pointer; }
	#SJ_top h2		{ display:none; position:absolute; top:0; right:19px; }
	#SJ_top .notice		{ width:974px; position:absolute; top:49px;left:50%; font-size:1.1em; padding-top:28px; margin-left:-487px; }
		#SJ_top .notice b	{ color:#999999; font-size:1.1em; padding-right:15px; }
		#SJ_top .notice p	{ float:right; font-size:1.1em; }
			#SJ_top .notice p a		{ color:#e21a22; text-decoration:underline; letter-spacing:-1px; font-weight:bold; }
		

		/* 웹화면 일때 메뉴 */
	#Menu_1depth	{ width:790px; float:right; text-align:right; }
		#Menu_1depth ol		{ display:table; float:right; position:relative; }
		#Menu_1depth li		{ float:left; position:relative; height:40px; cursor:pointer; background:url(../images/common/bg_menu_1depth.gif) top left no-repeat; font-size:1.25em; padding-top:14px; }
			#Menu_1depth li:first-child		{ background:none; padding-left:0; }
			#Menu_1depth li img		{ vertical-align:top; }
			#Menu_1depth a		{ display:inline-block;letter-spacing:-1px; height:35px; padding-left:12px;padding-right:11px; }
			#Menu_1depth b		{ letter-spacing:-2px; }

	.Menu_2depth	{ position:absolute; top:50px; left:1px; display:none; }
			.Menu_2depth span	{ font-size:1.0em; padding-right:0; }
			.Menu_2depth span a	{ display:block; color:#e21a22; letter-spacing:-2px;padding-top:28px; }
				.Menu_2depth .on a		{ font-weight:bold; color:#e21a22; text-decoration:underline; }

		#tmenu1		{ background:url(../images/common/pointer_2depth.gif) 145px top no-repeat; width:460px; margin-left:-115px; }
		#tmenu2		{ background:url(../images/common/pointer_2depth.gif) 240px top no-repeat; width:530px; margin-left:-180px;}
		#tmenu3		{ background:url(../images/common/pointer_2depth.gif) 370px top no-repeat; width:440px; margin-left:-320px; }
		#tmenu4		{ background:url(../images/common/pointer_2depth.gif) 140px top no-repeat; width:320px; margin-left:-105px; }
		#tmenu5		{ background:url(../images/common/pointer_2depth.gif) 215px top no-repeat; width:350px; margin-left:-190px; }
		#tmenu6		{ background:url(../images/common/pointer_2depth.gif) 330px top no-repeat; width:380px; margin-left:-285px; }

		/* 모바일 일때 메뉴 */
	#SJ_menu	{ width:100%; position:relative; background:#ffffff; display:none; font-size:1.3em; transition: all 0.4s; }
		#SJ_menu.spread		{ display:block; }
		#SJ_menu li		{ display: inline-block; width:100%; 
								transition: background-color 0.5s ease-out;     -o-transition: background-color 0.5s ease-out;    -moz-transition: background-color 0.5s ease-out;    -webkit-transition: background-color 0.5s ease-out;}
			#SJ_menu li a	{ display:block; color:#000000; padding:12px 0 11px 23px; }
			#SJ_menu ul li	{ background:url(../images/common/arrow_menu.gif) right 0 no-repeat #ffffff; border-top:1px solid #cccccc; }
				#SJ_menu ul li:first-child	{ border-top:0; }
/*
				#SJ_menu ul li .on	{ background:url(../images/common/arrow_menu.gif) right -44px no-repeat #e91000; }
					#SJ_menu ul li a.on		{ color:#ffffff; }
					#SJ_menu ul li .on ol li a		{ color:#000000; }
*/
			#SJ_menu ol		{ display:none; }
			#SJ_menu ol li	{ background:#ededed; }
				#SJ_menu ol li:first-child	{ border-top:0; }
				#SJ_menu ol li a	{ background:#ededed; padding-left:30px; }
		#SJ_menu p		{ text-align:center; border-top:1px solid #cccccc; padding-top:12px;padding-bottom:13px; }

#SJ_bottom		{ width:100%;height:150px; position:relative; border-top:1px solid #ee3224; }
	#SJ_bottom h1	{ width:210px; position:absolute; left:50%; top:44px; margin-left:-450px; }
	#SJ_bottom p	{ position:absolute; left:50%; top:33px; margin-left:-125px; font-size:1.1em; line-height:1.7em; }

#SJ_main_view	{ width:1424px; position:relative; top:0; left:50%; margin-left:-712px; overflow:hidden; }
	#SJ_main_view ol	{ position:relative; width:960px; left:50%; margin-left:-480px; padding-bottom:90px; overflow:hidden; }
	#SJ_main_view ol li	{ float:left; margin-left:3px;margin-bottom:4px; }

#SJ_body		{ width:911px; position:relative; left:50%; margin-left:-456px; font-size:1.3em; line-height:1.7em; padding-top:36px;padding-bottom:80px; }
	#SJ_body h1.tit		{ font-size:1.83em;color:#000000; font-weight:normal; padding-bottom:26px; }
	#SJ_body h3.stit		{ font-size:1.1em;color:#5c9500; font-weight:bold; padding-bottom:34px;padding-top:36px; }
	#SJ_body h3.report_name			{ font-family:batang; font-size:1.7em; color:#000000; font-weight:normal; letter-spacing:-4px; padding-top:36px; margin-bottom:20px; }
		#SJ_body h3.report_name p	{ font-family:NanumBarunGothic; font-size:0.6em; color:#999999; letter-spacing:-1px; padding-top:6px;padding-left:4px; }
			#SJ_body h3.report_name	a	{ color:#999999; }
	#SJ_body h4.bold		{ font-size:1.5em;color:#000000; font-weight:bold; padding-bottom:10px; }
	#SJ_body h4.blue		{ font-size:1.5em;color:#087da4; font-weight:bold; padding-bottom:10px; }



/**  메인스타일  **/
.visual_box { padding:0; }
.visual {position:relative; width:100%; overflow:hidden;}
	.visual .img {width:99999px; overflow:hidden;}
		.visual .img li {float:left;}
		.visual .img li img {width:100%;}
		.visual .img li .mobile {display:none;}
	.visual .next {position:absolute; right:5px; bottom:285px; cursor:pointer;}
	.visual .icons {width:100%; text-align:center; font-size:0; line-height:0; overflow:hidden;  margin-top:10px;margin-bottom:15px; transition: all 0.4s;}
		.visual .icons span {display:inline-block; height:23px; margin:0 6px; cursor:pointer; overflow:hidden; transition: all 0.4s;}
			.visual .icons span img {width:100%;}
			.visual .icons span.on img {margin-top:-23px;}



/**  페이지 디테일  **/
.tab_menu	{ overflow:hidden; margin-top:17px;margin-bottom:28px; }
	.tab_menu dd	{ float:left; width:141px; border:1px solid #e5e5e5; text-align:center; margin-right:12px; }
	.tab_menu .on	{ border-color:#e91000;background:#e91000; }
	.tab_menu a		{ display:block; padding-top:7px;padding-bottom:6px; }
		.tab_menu .on a		{ color:#ffffff; font-weight:bold; }

.img_full	{ width:100%; text-align:center; overflow:hidden; }
	.img_full img	{ vertical-align:top; }
	.img_full img.border1	{ border:1px solid #dedede; }

.img_seperate	{ width:100%; text-align:center; overflow:hidden; }
	.img_seperate img	{ vertical-align:top; }
	.img_seperate img.border2	{ border:1px solid #666666; }
	.img_seperate.aC p	{ float:left; text-align:center; margin-left:5%; }
		.img_seperate.aC p img	{ margin-bottom:8px;margin-top:40px; }

.space_left		{ padding-left:46px; }

.tb_list01 	{ width:100%; border-top:1px solid #ee3224; border-bottom:1px solid #bbbbbb; font-size:0.9em; margin-bottom:30px; }
	.tb_list01 th 	{ background:#f2f2f2; color:#333333; font-size:0.9em;font-weight:bold; line-height:1.5em; padding-top:10px;padding-bottom:10px; }
	.tb_list01 td 	{ border-bottom:1px solid #eeeeee; color:#999999; text-align:center; padding-top:11px;padding-bottom:9px; }
		.tb_list01 	a:link { color:#454545; }  	 .tb_list01 a:hover { color:#454545; } 	 	.tb_list01 a:visited { color:#454545; }     .tb_list01 a:actived { color:#454545; }
	.tb_list01 .tit 	{ text-align:left; padding-left:15px; }

.tb_view01	{ width:100%; border-top:1px solid #ee3224;border-bottom:1px solid #bbbbbb; font-size:1.0em; margin-bottom:35px; }
	.tb_view01 th	{ background:#f2f2f2; color:#333333; text-align:left; padding-top:10px;padding-bottom:10px;padding-left:3%; }
		.tb_view01 th p  { float:right; font-size:0.7em; padding-right:15px; }
	.tb_view01 td	{ padding-top:20px;padding-bottom:35px;padding-left:3%;padding-right:4%; }
	.tb_view01 .report_down		{ text-align:center;padding-left:4%; }

.tb_write01		{ width:100%; border-top:1px solid #ee3224;border-bottom:1px solid #bbbbbb; font-size:1.0em; margin-bottom:40px; }
	.tb_write01 th	{ font-size:1.2em; text-align:left; vertical-align:top; padding-top:40px;padding-left:2%; }
	.tb_write01 td	{ padding-top:31px; }
		.tb_write01 input[type="text"]	{ border:1px solid #dadada; height:48px; font-size:1.2em; color:#666666; }
		.tb_write01 textarea	{ border:1px solid #dadada; margin-bottom:40px; font-size:1.2em; color:#666666; padding-top:10px; }
		.tb_write01 .width_01	{ width:35%; }
		.tb_write01 .width_02	{ width:80%; }

.page_num		{ font-size:0.8em; text-align:middle;margin:auto; margin-bottom:60px; }		/*  리스트 페이지 번호  */	
	.page_num th	{ width:4px; height:33px; }
	.page_num td	{ width:32px; border:1px solid #ffffff;background:#ffffff; text-align:center;font-weight:bold; color:#ea003b; letter-spacing:-1px; vertical-align:middle; }
	.page_num .on	{ border:1px solid #e91000; }
	.page_num .td_over	{ border:1px solid #cccccc; }
	.page_num .td_out	{ border:1px solid #ffffff; }
		.page_num img	{ vertical-align:top; }
		.page_num a { color:#525252; } 

.search		{ position:relative; padding-top:30px;padding-bottom:28px; }
	.search select	{ border:1px solid #cccccc; width:130px; height:30px; font-size:0.9em; color:#e21a22; text-align:right; vertical-align:middle; }
	.search input[type="text"]		{ border:1px solid #cccccc; height:28px;width:280px; font-size:1.0em; vertical-align:middle; margin-left:9px;margin-right:17px; }
	.search .btn	{ height:30px; border:1px solid #cccccc; background:#e21a22; }
		.search .btn button		{ height:30px; color:#ffffff; padding:0 40px; }


/**  회사소개  **/
.history_list	{ margin-bottom:70px; overflow:hidden; }
	.history_list dt	{ width:80px; clear:left; float:left; }
	.history_list dd	{ float:left; }

/**  조사 및 분석사업  **/
.list_asbestos	{ width:100%; overflow:hidden; }
	.list_asbestos dt	{ width:555px; clear:left; float:left; padding-bottom:70px; }
		.list_asbestos dt img	{ border:1px solid #ebebeb; }
	.list_asbestos dd	{ width:355px;height:295px; float:left; font-size:1.2em; padding-top:10px; }
		.list_asbestos dd font	{ font-size:1.1em; color:#333333; }
	.list_asbestos .btn	button, .list_asbestos .btn		{ height:56px; }

/**  환경자료  **/
.list_relate	{ width:100%; margin-top:40px; overflow:hidden; }
	.list_relate dt	{ width:455px; clear:left; float:left; padding-bottom:30px; }
		.list_relate dt img	{ border:1px solid #cccccc; }
	.list_relate dd	{ float:left; font-size:1.3em; line-height:1.6em; color:#333333; }
		.list_relate dd a	{ font-size:0.8em; line-height:1.0em; }

/**  온라인 조사보고서  **/
.tb_login		{ width:70%; font-size:1.0em; margin:auto; margin-bottom:40px;margin-top:30px; }
	.tb_login th	{ width:27%; font-size:1.5em; text-align:left; vertical-align:top; padding-top:40px; }
	.tb_login td	{ padding-top:30px; }
		.tb_login input[type="text"]	{ border:1px solid #dadada; height:45px;width:64%; font-size:1.2em; color:#666666; vertical-align:middle; margin-right:10px; }
		.tb_login input[type="text"].width_03		{ width:20%; }
		.tb_login input[type="text"].width_04		{ width:65%; }
		.tb_login td p	{ font-size:0.9em; color:#999999; line-height:1.3em; padding-top:10px; }
	.tb_login .small	{ font-size:0.7em; padding-left:25px; }


/** 버튼 **/
.btn,
.btn button { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; border:0; white-space:nowrap; background:url(none); font-size:0.9em;font-family:'NanumGothicWEB','NanumGothic';color:#333333; overflow:visible; }
.btn { height:32px; background-color:#ffffff; border:1px solid #c0c0c0; padding:0; vertical-align:middle; text-align:center; margin-right:2px; }
.btn button { vertical-align:top; cursor:pointer; height:32px; padding:0 20px; }

.btn.big	{ height:46px; }
	.btn.big button		{ height:46px; font-size:1.1em; color:#666666; padding:0 28px; }

.btn.gray button	{ background:#666666; color:#ffffff; padding:0; }
.btn.red button	{ background:#e91000; color:#ffffff; padding:0 20px; }

.tb_login .btn button	{ width:140px; }
.tb_view01 .report_down .btn.down	{ height:45px; }
	.tb_view01 .report_down .btn.down button	{ height:45px; background:#cccccc; font-size:1.1em; color:#000000; padding:0 50px;  }




/** 창 사이즈 변화에 따른 스타일 변형 **/

@media only screen and (max-width : 768px) {
	body	{ background:none; }
	#SJ_top		{ width:100%; height:53px; left:0;margin-left:0; margin-top:11px; border-bottom:1px solid #ee3224;  }
		#SJ_top h1	{ margin-left:-95px; }
			#SJ_top h1 img	{ width:180px; }
		#SJ_top h2	{ display:block; }
	#Menu_1depth	{ display:none; }
	#Menu_2depth	{ display:none; }
	#SJ_top .notice	{ display:none; }

	#SJ_bottom	{ height:auto; }
		#SJ_bottom h1	{ display:none; }
		#SJ_bottom p	{ width:92%; left:0; top:20px; margin-left:4%; font-size:1.0em; line-height:1.5em; padding-bottom:30px; }

	#SJ_body	{ width:96%; left:0; margin-left:2%; font-size:1.1em; padding-bottom:50px; }
		#SJ_body h4.bold		{ font-size:1.3em; padding-bottom:0; }
		#SJ_body h4.blue		{ font-size:1.3em; padding-bottom:0; }

	#SJ_main_view		{ width:100%; left:0; margin-left:0; }
	#SJ_main_view ol 		{ width:96%; left:0; margin-left:2%; padding-bottom:40px; }
		#SJ_main_view ol li		{ width:45%; margin-left:3%;margin-bottom:13px; }
			#SJ_main_view ol li img		{ width:100%; }
		#SJ_main_view li.pc		{ display:none; }

	.visual .img li .pc {display:none;}
	.visual .img li .mobile {display:inline;}



	.m_t70	{ margin-top:50px; }

	.img_full img	{ width:100%; }
	.img_seperate img	{ margin-right:0; }
		.img_seperate.aC p	{ float:none; }
	.btn button		{ font-size:1.0em; }

	.tab_menu dd	{ width:126px; margin-right:6px;margin-bottom:6px; }

	.tb_list01	{ margin-bottom:20px; }
		.tb_list01 td 	{ line-height:1.4em; }

	.list_asbestos dt	{ padding-bottom:0; }
		.list_asbestos dt img	{ width:100%; }
	.list_asbestos dd	{ width:95%;height:auto; font-size:1.2em; text-align:center; line-height:1.0em; padding-bottom:55px; }

	.list_relate dt	{ width:100%; padding-bottom:5px; }
		.list_relate dt img		{ width:99%; }
	.list_relate dd		{ width:100%; word-break:break-all; padding-bottom:50px; }

	.tb_login		{ width:84%; }
		.tb_login th	{ width:25%; font-size:1.3em; }
		.tb_login input[type="text"]	{ width:56%; margin-right:4px; }
			.tb_login input[type="text"].width_03		{ width:27%; }
			.tb_login input[type="text"].width_04		{ width:63%; }
		.tb_login .btn button	{ width:114px; }

}




@media screen and  (max-width: 480px) { 

	#SJ_bottom p	{ top:15px; font-size:0.9em; }

	.space_left		{ padding-left:30px; }
	.img_seperate	{ text-align:center; }
	.img_seperate img	{ width:100%; }
		.img_seperate img.border2	{ width:90%; }
		.img_seperate.aC p	{ float:none;margin-right:5%; }

	.tab_menu dd	{ width:113px; }
		.tab_menu dd:last-child	{ width:94px;margin-right:0; }

	.list_asbestos dt	{ width:100%; }

	.tb_write01 .width_01	{ width:70%; }
		.tb_write01 .width_02	{ width:95%; }

	.tb_login		{ width:100%; }
		.tb_login th	{ width:30%; padding-left:2%; }
		.tb_login input[type="text"]	{ width:95%; margin-bottom:5px; }

	.search		{ overflow:hidden; }
		.search select	{ float:left; width:80%; margin-bottom:5px; }
		.search input[type="text"]	{ float:left; width:80%; margin-left:0;margin-right:0; }
		.search .btn	{ position:absolute; top:30px;right:0; width:17%;height:64px; }
			.search .btn button		{ width:100%;height:64px; padding:0; }
}