@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; }

.subcon { position:relative; margin:20px 0 30px 0; }
.subcon h1 { font-size:28px; color:#111; line-height:32px; margin-bottom:10px; text-align:left; letter-spacing:-1px; }
.subcon h1 span { font-size:20px; color:#444; line-height:24px; }
.subcon h2 { font-size:18px; color:#00b8de; line-height:22px; margin-bottom:7px; font-weight:bold; text-align:left; }
.subcon h3 { font-size:15px; color:#333; line-height:18px;  margin-bottom:5px; font-weight:bold; text-align:left; }
.subcon p { font-size:14px; color:#777; line-height:18px; margin-bottom:10px; letter-spacing:-0.5px; }
.subcon img { margin:10px 0; }

.subcon .tit1 { font-size:24px; color:#e9a93f; line-height:30px; font-weight:bold; }
.subcon .tit2 { font-size:16px; color:#7b909a; line-height:20px; font-weight:bold; letter-spacing:-0.5px; }
.subcon .name { width:100%; display:block; font-size:18px; color:#222; line-height:22px; font-weight:bold; text-align:right; }

/*오시는길*/
.map_box { position:relative; width:100%; margin-top:20px; }
.map1 { height:50px; line-height:50px; margin-bottom:10px; padding-top:7px; padding-left:60px; background:url(/image/common/map_icon1.png) left top no-repeat; line-height:20px; }
.map2 { height:50px; line-height:50px; margin-bottom:10px; padding-top:7px; padding-left:60px; background:url(/image/common/map_icon2.png) left top no-repeat; line-height:20px; }
.map3 { height:90px; line-height:50px; padding-left:60px; background:url(/image/common/map_icon3.png) left top no-repeat; line-height:20px; letter-spacing:-0.5px; }