@charset "utf-8";

/* MOBILE 모드 CSS */

html, body { height:100%; }

#main_menu_area { position:fixed; bottom:0px; left:0px; top:0px; right:0px; padding-top:45px; background:#FFF; z-index:30; display:none; overflow-y:scroll; }
	#main_menu_area #main_menu_head { z-index:31; position:fixed; left:0px; right:10px; top:0px; width:100%; height:45px; background:URL('../img/sitemap_bg1.jpg'); text-align:center;  }
	#main_menu_area #main_menu_head #title_text { display:inline-block; margin:0px 50px 0px 50px; text-align:center; color:#FFF; font-size:18px; line-height:45px; font-weight:bold; }
	#main_menu_area #main_menu_head img.btn_close { cursor:pointer; position:absolute; right:10px; top:6px; }
	#main_menu_area #main_menu_head img.btn_home { position:absolute; left:10px; top:6px; }
	#main_menu_area #menu { }
	#main_menu_area #menu ul { position:relative; }
	#main_menu_area #menu ul li { overflow:hidden; position:relative; }
	#main_menu_area #menu ul li.m1 { line-height:35px; background:URL('../img/sitemap_bg2.jpg'); }
	#main_menu_area #menu ul li.m2 { line-height:35px; background:URL('../img/sitemap_bg3.jpg'); }
	#main_menu_area #menu ul li.m3 { height:35px; line-height:35px; background:URL('../img/sitemap_bg4.jpg'); }
	#main_menu_area #menu ul li span.m1 { margin-left:20px; margin-right:40px; color:#A5A5A5; font-size:14px; font-weight:bold; display:block; height:35px; line-height:35px; overflow:hidden; }
	#main_menu_area #menu ul li span.m2 { margin-left:20px; margin-right:40px; color:#9b9b9b; font-size:14px; font-weight:normal; display:block; height:35px; line-height:35px; overflow:hidden; }
	#main_menu_area #menu ul li span.m3 { margin-left:20px; margin-right:40px; color:#CCC; font-size:14px; font-weight:normal; display:block; height:35px; line-height:35px; overflow:hidden; }
	#main_menu_area #menu ul li span.sitemap_low1 { display:inline-block; width:5px; height:35px; background:URL('../img/sitemap_low.png') center center no-repeat; margin-left:1px; margin-right:8px; vertical-align:middle; }
	#main_menu_area #menu ul li span.sitemap_low2 { display:inline-block; width:5px; height:35px; background:URL('../img/sitemap_low.png') center center no-repeat; margin-left:11px; margin-right:8px; vertical-align:middle; }
	#main_menu_area #menu ul li span.sitemap_bul1 { position:absolute; top:0px; right:20px; display:inline-block; width:6px; height:35px; background:URL('../img/sitemap_bul1.png') center center no-repeat; vertical-align:middle; }
	#main_menu_area #menu ul li span.sitemap_bul2 { position:absolute; top:0px; right:20px; display:inline-block; width:6px; height:35px; background:URL('../img/sitemap_bul2.png') center center no-repeat; vertical-align:middle; }
	#main_menu_area #menu ul li span.sitemap_bul3 { position:absolute; top:0px; right:20px; display:inline-block; width:6px; height:35px; background:URL('../img/sitemap_bul3.png') center center no-repeat; vertical-align:middle; }
	#main_menu_area #etc_menu {  }
	#main_menu_area #etc_menu ul { position:relative; }
	#main_menu_area #etc_menu ul li { overflow:hidden; position:relative; height:35px; line-height:35px; background:URL('../img/sitemap_bg5.jpg'); }
	#main_menu_area #etc_menu ul li span.m4 { margin-left:20px; margin-right:40px; color:#222; font-size:14px; font-weight:bold; display:block; height:35px; line-height:35px; overflow:hidden; }
	#main_menu_area #etc_menu ul li span.sitemap_bul4 { position:absolute; top:0px; right:20px; display:inline-block; width:6px; height:35px; background:URL('../img/sitemap_bul4.png') center center no-repeat; vertical-align:middle; }

#wrap { min-height:100%; min-width:360px; position:relative; }

	#wrap #top { position:relative; }
		#wrap #top #logo {  }
		#wrap #top #logo #logo_in { margin:0 auto; width:360px; min-height:53px; text-align:center; overflow:hidden; } /*수정전  margin:0 auto; width:360px; min-height:45px; text-align:center; overflow:hidden; */
		#wrap #top #logo #logo_in #top_logo_text { display:inline-block; margin:10px 50px 10px 50px; text-align:center; color:#FFF; font-size:18px; line-height:24px; font-weight:bold; }
		#wrap #top #logo #logo_in h1 { margin-left: -25px; }
		#wrap #top #top_title { position:relative; min-height:45px; text-align:center; background:URL('../img/bg_top_title.jpg') center bottom; }
		#wrap #top #top_title #top_title_text { display:inline-block; margin:10px 50px 10px 50px; text-align:center; color:#FFF; font-size:18px; line-height:24px; font-weight:bold; }
		#wrap #top #banner_top { position:relative; overflow:hidden; margin: 20px 0 10px 0; }
		#wrap #top img.btn_menu { width: 12%; cursor:pointer; position:absolute; right:10px; top:7px; }
		#wrap #top img.btn_home { position:absolute; left:10px; top:6px; }

	#wrap #main_visual { position:relative; margin:0px auto; width:360px; overflow:hidden; text-align:center; }
	#wrap #main_banner { margin:10px auto; width:360px; overflow:hidden; text-align:center; }
	#wrap #main_banner ul li { display:inline-block; }

	#wrap #content_area { position:relative; overflow:hidden; }
		#wrap #content_area #content_area_padding { position:relative; overflow:hidden; padding:10px; text-align:justify; }
		#wrap #content_area #content_area_padding2 { position:relative; overflow:hidden; padding:10px; text-align:justify; font-size:11pt; margin-top:30px; }
		#wrap #content_area #banner_bottom { position:relative; overflow:hidden; }
		#wrap #content_area #content_area_padding #no_auth { padding:25px 40px; background:#333; color:#FFF; font-weight:bold; text-align:center; }
		#wrap #content_area #content_area_padding #no_auth span.msg { color:#289ECC; }
		#wrap #content_area #content_area_padding #no_data { padding:25px 40px; background:#333; color:#FFF; font-weight:bold; text-align:center; }
		#wrap #content_area #content_area_padding #no_data span.msg { color:#289ECC; }
		#wrap #content_area #content_area_padding div.bottom_btn { margin:10px 0px 10px 0px; }
		#wrap #content_area #content_area_padding div.bottom_btn span.button2ea1 { float:left; display:inline-block; width:49%; }
		#wrap #content_area #content_area_padding div.bottom_btn span.button2ea2 { float:right; display:inline-block; width:49%; }

	#wrap #bottom { position:absolute; left:0px; bottom:55px; width:100%; height:55px; overflow:hidden; background:URL('../img/copyright_bg.jpg') center top no-repeat #000; }
		#wrap #bottom #copyright { text-align:center; height:51px; line-height:51px; color:#999; }
		#wrap #bottom #copyright span.private { margin-left:10px; color:#AAA; }

/*수정전
#menu_n_call { position:fixed; bottom:0px; left:0px; width:100%; min-width:360px; height:55px; overflow:hidden; z-index:20; background:URL('../img/menu_n_call_bg.jpg') left top repeat-x; }
	#menu_n_call ul { width:360px; margin:0 auto; }
	#menu_n_call ul li { float:left; }
*/


#menu_n_call { position:fixed; bottom:0px; left:0px; width:100%; min-width:320px; height:60px; overflow:hidden; z-index:20; background:#fff; border-top:1px solid #eee;}
	#menu_n_call ul { width:320px; margin:0 auto; }
	#menu_n_call ul li { float:left; width:20%; height:60px; }
	#menu_n_call ul li span img { width:100%; }
	#menu_n_call ul li a img { width:100%; }

	
	.sns_link {margin:20px; text-align:center; }
	.sns_link ul{}
	.sns_link ul li {display:inline;margin:8px;}
	
	.bottom_menu { background:#f9f9f9; padding:20px; text-align:center;}
	.bottom_menu ul li { display:inline; color:#686868; font-size:12px; }
	.bottom_menu ul li span { color:#979797; padding-right:20px; padding-left:10px; background:URL('../img/bul_copy_slice3.jpg') right center no-repeat;}
	.bottom_menu ul li span.private { background:none; color:#ff6930;}
	
	.copyright { height: 160px; background:#393939; font-size:0.7em; color:#a2a2a2; padding:20px 10px; margin-bottom:55px; }
	.copyright span { padding-right:10px;}



	/*방문카운터 시작*/

		.count { background:#1b7adb; height:28px; text-align:center; }
		.count dd { display:inline-block; padding:0 5px; color:#fff; line-height:28px; }
		.count dd span.c_red { color:#fff03c; padding:0 3px; font-weight:bold; }




	/* main_content1 - KCIC인증업체 소개칸 */
		
		div.box3 { clear:both; display:block; width:100%; margin:0 auto; text-align:center; margin-top:10px; background:url('../img_visual/m_mainbg3.png') no-repeat; background-position:top left; background-size:cover; }
		div.box3 .title { display:block; width:100%; height:45px; padding:15px 0; text-align:center; line-height:14px; }
		div.box3 .title h1 { display:inline-block; font-size:20px; font-weight:700; color:#222222; letter-spacing:-1px; text-align:center; }
		div.box3 .title h1 span.point { color:#123a75; }
		div.box3 .title span.s_span { float:left; margin-left:10px; padding:8px 0; font-size:13px; color:#010101; letter-spacing:-1px; font-weight:bold; }

		div.box3 div.box_gr { display:inline-block; width:100%; margin:0 auto; padding-bottom:10px; } /*수정전 display:inline-block; width:94%; margin:0 auto; border:1px solid #ddd; padding-bottom:10px;*/
		div.box3 div.box_gr div.thumb { display:inline-block; box-sizing:border-box; width:45%; margin:5% 1%; } /*수정전 display:inline-block; width:150px; height:150px; float:left; box-sizing:border-box; margin:10px 9px 0px 9px;*/
		div.box3 div.box_gr div.thumb a img { width:100%; height:100px; border:1px solid #f1f1f1; }
		div.box3 div.box_gr div.thumb .data { text-align:center; }
		div.box3 div.box_gr div.thumb .data a .tit { padding:5px 0; width:140px; height:20px; display:inline-block; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:12px; color:#333; }

	/* popup */
	div.popup_area { position:fixed; display:block; z-index:100; }
	div.popup_border { border:1px solid #444444; padding:2px; overflow:hidden; }
	div.popup_border > div { width: 200px!important; }
	div.popup_title { height:23px; line-height:23px; color:#F7F8FA; font-weight:bold; background:URL('../../img/pop.jpg') no-repeat left top; overflow:hidden; padding:0px 5px 0px 40px; font-size:11px; cursor:pointer; }
	div.popup_close { height:31px; text-align:right; overflow:hidden; }
	button.popup_close_but1 { margin-top:4px; background:URL('../../img/pop_today.png'); border:0px; width:101px; height:23px; cursor:pointer; }
	button.popup_close_but2 { margin-top:4px; background:URL('../../img/pop_close.png'); border:0px; width:60px; height:23px; cursor:pointer; }
	.se2_outputarea img {width: 200px!important;}