@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:#CCC; 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:320px; position:relative; }

	#wrap #top { position:relative; }
		#wrap #top #logo { background:URL('../img/bg_top_title.jpg') center bottom; }
			#wrap #top #logo #logo_in { margin:0 auto; width:320px; 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 #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; }
		#wrap #top img.btn_menu { cursor:pointer; position:absolute; right:10px; top:6px; }
		#wrap #top img.btn_home { position:absolute; left:10px; top:6px; }

	#wrap #main_visual { position:relative; margin:0px auto; width:320px; overflow:hidden; text-align:center; }
	#wrap #main_banner { margin:10px auto; width:320px; overflow:hidden; text-align:center; }
	#wrap #main_banner ul li { display:inline-block; }

	#wrap #content_area { position:relative; overflow:hidden; padding-bottom:80px; }
		#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; font-family:dotum; }
		#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:29px; width:100%; height:51px; 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:320px; height:29px; overflow:hidden; z-index:20; background:URL('../img/menu_n_call_bg.jpg') left top repeat-x; }
	#menu_n_call ul { width:320px; margin:0 auto; }
	#menu_n_call ul li { float:left; width:80px; height:29px; }



/*서브페이지*/
#content_area h1 { font-size:28px; color:#150278; margin-bottom:10px; font-weight:600; }
#content_area h2 { font-size:20px; color:#333; margin-bottom:5px; font-weight:600; }
#content_area h3 { font-size:16px; color:#612d75; font-weight:600; }
#content_area .text1 { font-size:16px; color:#555; }
#content_area .text2 { font-size:14px; color:#555; }
#content_area .text9 { font-size:14px; color:#bc4848; }
#content_area .text_big { font-size:18px; color:#bc4848; font-weight:600; }

#content_area .list1 { list-style:none; }
#content_area .list1 li { padding-left:15px; font-size:15px; color:#555; margin-bottom:5px; background:url(/image/li_dot.jpg) 5px 8px no-repeat; }
#content_area img { margin-top:10px; }
#content_area .table1 { width:100%; border-collapse:collapse; margin:10px auto 10px auto; border-top:#33476d 3px solid; background:#fff; }
#content_area .table1 th { border:#ccc 1px solid; border-collapse:collapse; padding:10px; background:#f5f5f5; color:#33476d; text-align:center; font-size:14px; font-weight:600; }
#content_area .table1 td { border:#ccc 1px solid; border-collapse:collapse; padding:10px; text-align:center; font-size:12px; }
#content_area .table1_left { width:100%; border-collapse:collapse; margin:10px auto 10px auto; border-top:#33476d 3px solid; background:#fff; }
#content_area .table1_left th { border:#ccc 1px solid; border-collapse:collapse; padding:10px; background:#f5f5f5; color:#33476d; text-align:center; font-size:14px; font-weight:600; }
#content_area .table1_left td { border:#ccc 1px solid; border-collapse:collapse; padding:10px; text-align:left; font-size:12px; }
#content_area .table1_left td .red { color:#bc4848; }
#content_area .table2 { width:100%; border-collapse:collapse; margin:10px auto 10px auto; border-top:#33476d 3px solid; background:#fff; }
#content_area .table2 th { border:#ccc 1px solid; border-collapse:collapse; padding:5px; background:#f5f5f5; color:#33476d; text-align:center; font-size:14px; font-weight:600; }
#content_area .table2 td { border:#ccc 1px solid; border-collapse:collapse; padding:5px; text-align:center; font-size:12px; }
#content_area .table3 { width:100%; border-collapse:collapse; margin:10px auto 10px auto; border-top:#33476d 3px solid; background:#fff; }
#content_area .table3 th { border:#ccc 1px solid; border-collapse:collapse; padding:5px 0px; background:#f5f5f5; color:#33476d; text-align:center; font-size:13px; font-weight:600; }
#content_area .table3 td { border:#ccc 1px solid; border-collapse:collapse; padding:5px 0px; text-align:center; font-size:12px; }

#content_area .btn_center { position:relative; width:300px; text-align:center; display:block; margin:0 auto; padding:10px 20px; font-size:16px; font-weight:600; border:#253450 1px solid; background:#33476d; color:#fff; text-decoration:none; }