@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; }
	
	
	
	
/*추가*/
.sub_header { margin-bottom:20px; }
.sub_title { margin-bottom:12px; padding-top:8px; font-size:1.333em; font-weight:400; color:#2963AB; }
.sub_stitle1 { display:block; margin-bottom:8px; font-size:1.167em; font-weight:600; color:#111; text-decoration:underline; }
.sub_stitle2 { display:block; margin-bottom:8px; font-size:1.167em; font-weight:600; color:#E41B1B; }
.sub_tbox1 { position:relative; margin-bottom:20px; padding:12px 15px; border:3px dotted #ddd; background:#f8f8f8; }
.sub_tbox2 { position:relative; margin-bottom:20px; }
.sub_copy { position:relative; margin-bottom:60px; text-align:center; }
.sub_info { position:relative; margin-bottom:30px; overflow:hidden; }
.sub_info_tit1 { margin-bottom:25px;}
.sub_info_tit2 { margin-bottom:15px;}

/* Table */
.table_box { position:relative; width:100%; margin-bottom:30px; border-top:3px solid #70B1E1; }
.table_box_l { float:left; width:460px; }
.table_box_r { float:right; width:460px; }
.table_title { margin:20px 0 10px 0; font-size:14px; font-weight:600; color:#023255; }

table.type1 { width:100%; border-top:3px solid #15B25A; }
table.type1 caption { position:absolute; visibility:hidden; font-size:0; }
table.type1 thead th { padding:4px 0px; font-size:14px; font-weight:600; color:#0D8441; text-align:center; background:#E6FCF0; border-bottom:2px solid #42D783; }
table.type1 tbody th { padding:7px 0px; font-size:15px; font-weight:600; color:#023255; background:#fff; border-right:0px solid #D6E4E8; border-bottom:1px solid #555; }
table.type1 tbody td { padding:4px 0px; font-size:14px; color:#555; text-align:center; background:#fff; border-right:0px solid #ddd; border-bottom:1px solid #ddd; }
table.type1 tbody td.sjt { text-align:left; }
table.type1 tbody td.spc { height:20px; border-bottom:1px solid #555; }

.page_table { margin-bottom:30px; }
table.ttype2 { width:100%; }
table.ttype2 caption { position:absolute; visibility:hidden; font-size:0; }
table.ttype2 thead th { padding:10px 0px; font-weight:600; color:#023255; text-align:center; background:#EAF8FE; border-right:1px solid #D6E4E8; border-bottom:1px solid #D6E4E8; }
table.ttype2 thead th.rgt { border-right:0px; }
table.ttype2 tbody th.rgt { border-right:0px; }
table.ttype2 tbody th { padding:10px 0px; font-weight:600; color:#023255; text-align:center; background:#F7FBFD; border-right:1px solid #D6E4E8; border-bottom:1px solid #D6E4E8; }
table.ttype2 tbody td { padding:10px 10px; font-size:13px; color:#555; text-align:center; background:#fff; border-right:1px solid #D6E4E8; border-bottom:1px solid #D6E4E8; }
table.ttype2 tbody td.rgt { border-right:0px; }
