/*
 * 작성일 : 2014-02-06 / 작성자 : 장종수 / 수정시 문의바람.
 * 아래 스타일은 main2.php 전용 스타일이며,
 * main.css 와 public.css 외부 파일은 따로 사용하지 않으며,
 * main2.php 편집시 일절 편집/수정되지 않았음.
 * 클래스명이 2로 끝나는 Selector 는 새로 작성된 스타일.
 */
/****************************************************************************************/
/*																						*/
/* 메인 & 서브 일부공용	(TOP-GNB, FOOTER)												*/
/*																						*/
/****************************************************************************************/
/*
* 메인바로가기 숨김
*/
.hidden_area							{ position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px; }
/*
 * TOP UTIL ( Logo & util btn )
 */
#top_wrap_re2							{ position:relative; margin:0 auto; width:100%; height:117px; display:block; background:url('../../images/common/top_wrap_bg.gif') repeat-x left top; z-index:999; }
	.top_wrap_innerwrap_re2_main		{ position:relative; width:1000px; height:35px; margin:0 auto; }
	.top_wrap_innerwrap_re2				{ position:relative; width:1200px; height:35px; margin:0 auto; }

		#top_link_tab_re2				{ width:400px; height:30px; border-left:1px solid #e2e2e2; border:1px solid #e2e2e2; margin-top:4px; float:left; }
		#top_link_tab_re2 ul			{ height:100%; background:#fff; }
		#top_link_tab_re2 ul li			{ width:49%;/*width:33%;*/ height:100%; float:left; text-align:center; line-height:30px; border-right:1px solid #e2e2e2; cursor:pointer; }
		#top_link_tab_re2 ul li.last	{ border-right:0; }
		#top_link_tab_re2 ul li a		{ display:block; font-size:11px; color:#444; text-decoration:none; }
		#top_link_tab_re2 ul li a:hover	{ font-weight:bold; }

		.tab01_bg						{ background:url('../../images/common/link_tab01_bg.png') no-repeat 15px top; no-repeat left top; text-indent:25px; }
		.tab01_bg:hover					{ background-position:15px -31px; text-indent:35px; }

		.tab02_bg						{ background:url('../../images/common/link_tab02_bg.png') no-repeat 25px top; no-repeat left top; text-indent:15px; }
		.tab02_bg:hover					{ background-position:25px -31px; text-indent:20px;  }

		#top_site_util_re2				{ margin-top:4px; float:right; }
		#top_site_util_re2 ul			{  }
		#top_site_util_re2 ul li		{ background:#fff; float:left; margin-left:8px; text-align:center; border:1px solid #e2e2e2; }
		#top_site_util_re2 ul li a		{ display:block; height:26px; line-height:26px; padding:0 10px; text-decoration:none; }
		#top_site_util_re2 ul li a:hover{ display:block; text-decoration:underline; }
		#top_site_util_re2 ul li a img	{ float:left; margin:5px 5px 0 0; }

		#top_logo_re2					{ width:240px; float:left; text-align:center; }
		#top_logo_re2 a					{ display:block; padding:25px 0 17px 0; }

/*
 * TOP UTIL ( GNB )
 */
nav.nav_core_main						{ position:relative; display:block; width:1000px; margin:0 auto; }
nav.nav_core							{ position:relative; display:block; width:1200px; margin:0 auto; }
	nav ul#top_gnb_re2					{ position:relative; width:74%; height:100%; float:right; border-right:1px solid #f5f5f5; }
	nav ul#top_gnb_re2 li				{ width:19%; height:100%; line-height:52px; float:left; font-size:16px; text-align:center; border-left:1px solid #f5f5f5; }
	nav ul#top_gnb_re2 li a				{ display:block; width:100%; height:100%; text-decoration:none; color:#333; line-height:80px; }
	nav ul#top_gnb_re2 li a:hover		{ text-decoration:underline; }
#top_snb_re2							{
		position:absolute; height:285px; top:117px; z-index:99; display:none; width:100%; margin-top:0px; border-top:3px solid #0066a5;
		background:url('../../images/common/header_snb_bg.png') repeat left top;
		/* http://kilianvalkhof.com/2010/css-xhtml/how-to-use-rgba-in-ie/ */
		/*
		background:rgba(0, 0, 0, .8);
		_background:none; zoom: 1;
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
		*/
	}
	.top_snb_innerwrap_re2_wrap_main	{ position:relative; display:block; width:1000px; margin:0 auto; }
	.top_snb_innerwrap_re2_wrap			{ position:relative; display:block; width:1200px; margin:0 auto; }
	.top_snb_innerwrap_re2				{ position:absolute; left:50%; margin-left:-24%; width:74.8%; margin-top:5px; }
	#top_snb_re2 ul						{ width:19%; float:left; }
	#top_snb_re2 ul h2					{ font-size:14px; color:#fff; font-weight:normal; text-align:center; }
	#top_snb_re2 ul.last_child			{ border:0; }
	#top_snb_re2 ul li					{ width:98%; color:#fff;padding:5px 0; margin:0 auto; text-align:center; font-size:12px; }
	#top_snb_re2 ul li.last_child		{ border:0; }
	#top_snb_re2 ul li a				{ color:#ccc; text-decoration:none; }
	#top_snb_re2 ul li a:hover			{ color:#fff; text-decoration:underline; }

/*
 * KEY VISUAL 영상 부분
 */
.movie_set								{ position:relative; width:100%; height:630px; background:url('../../images/00main/key_visual_k_1_bg.jpg') no-repeat center top; z-index:0; border-top:3px solid #066aa7; }
.movie_set .shadow						{ width:100%; height:16px; background:url('../../images/00main/shadow_bg.png') repeat-x left top; }

	.key_visual_wrap					{ width:1000px; margin:0 auto; text-align:right; padding-top:30px; }
	.key_visual_wrap p					{ font-size:24px; color:#000; margin-top:15px; }
	.key_mask_1, .key_mask_2			{ position:absolute; width:100%; height:16px; z-index:1; }
	.key_mask_1							{ top:0; background:url('../../images/00main/re2/key_mask1.png') repeat-x left top; }
	.key_mask_2							{ bottom:0; background:url('../../images/00main/re2/key_mask2.png') repeat-x left top; }
	.movie_start_btnwrap				{ position:relative; display:block; width:100%; height:549px; }
		.movie_ment, .movie_start		{ display:block; width:100%; margin:0 auto; text-align:center; }
		.movie_ment						{ padding-top:80px; }
		.movie_start					{ position:absolute; margin-top:60px; }
	.movie_set_core						{ position:absolute; width:100%; height:100%; display:none; }
		.movie_set_core_pano			{ width:100%; height:100%; }

/*
 * CONTENTS FLOOR 1
 */
.floor_1_re2							{ }
	.fl1_box							{ position:relative; width:298px; height:286px; border:1px solid #ccc; float:left; border-left:1px solid #fff; }
	.fl1_box1_re2						{ background:url('../../images/00main/re2/main_fl1_box1.jpg') no-repeat 10px 10px; border-left:1px solid #ccc; }
	.fl1_box2_re2						{ background:url('../../images/00main/re2/main_fl1_box2.jpg') no-repeat 10px 10px; }
	.fl1_box3_re2						{ background:url('../../images/00main/re2/main_fl1_box3.jpg') no-repeat 10px 10px; }
	.fl1_box4_re2						{ background:url('../../images/00main/re2/main_fl1_box4.jpg') no-repeat 10px 10px; }
		.fl1_box_p						{ margin:20px 0 0 20px; }
		.fl1_box_p1						{ font-size:17pt; font-weight:bold; }
		.fl1_box_p2						{ font-size:12pt; font-weight:normal; color:#0066a5; }
		.fl1_box_p3						{
			color:#fff; font-size:11pt;  margin-bottom:3px;
			background:rgba(0, 0, 0, .7);
			_background:none; zoom: 1;
			-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
		}
		.f11_box_a_wrap					{ }
		.fl1_box_a						{ position:absolute; margin:4px 0 0 20px; width:50%; display:block; padding:5px 0; text-align:center; text-decoration:none; background-color:#fff; border:1px solid #767676; color:#767676; }
		.fl1_box_a:hover				{ text-decoration:underline; color:#000; }
		.fl1_box_a1						{ bottom:50px; }
		.fl1_box_a2						{ bottom:20px; }
		.fl1_box_a3						{ margin-top:107px; }

.floor_2_re2							{ margin-top:30px;  }
	.fl2_box							{ width:492px; height:187px; background:#fff; }
	.fl2_box1_re2						{ float:left; }
		.fl2_box1_wrap1					{ height:91px; border-bottom:1px solid #ccc; background:url('../../images/00main/re2/main_fl2_box1_1.jpg') no-repeat 92% bottom; }
		.fl2_box1_wrap2					{ height:91px; border-bottom:1px solid #ccc; background:url('../../images/00main/re2/main_fl2_box1_2.jpg') no-repeat 88% bottom; }
			.fl2_box1_p					{ margin-left:0; padding-top:10px; }
			.fl2_box1_p1				{ font-size:13pt; font-weight:bold; }
			.fl2_box1_p2				{ font-size:10pt; font-weight:normal; color:#767676; }
			.fl2_box_a					{ }
			.fl2_box_a1					{ margin:0 0 0 50px; padding:5px 20px; text-align:center; text-decoration:none; background-color:#fff; border:1px solid #ccc; color:#767676; }
			.fl2_box_a1:hover			{ text-decoration:underline; color:#000; }
			.fl2_box_a2					{ text-decoration:none; }
			.fl2_box_a2:hover			{ text-decoration:underline; color:#000; }
	.fl2_box2_re2						{ position:relative; float:left; margin-top:12px; }
	.fl2_box3_re2						{ float:right; }
		.fl2_box3						{ width:196px; height:91px; float:left; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
		.fl2_box3_1						{ background:url('../../images/00main/re2/main_fl2_box3_1.jpg') no-repeat 92% 90%; }
		.fl2_box3_2						{ background:url('../../images/00main/re2/main_fl2_box3_2.jpg') no-repeat 80% 100%; }
		.fl2_box3_3						{ background:url('../../images/00main/re2/main_fl2_box3_3.jpg') no-repeat 96% 80%; }
		.fl2_box3_4						{ background:url('../../images/00main/re2/main_fl2_box3_4.jpg') no-repeat 92% 100%; }
		.fl2_box3_border_r				{ border-right:0; }
			.fl2_box3_p					{ margin-left:10px; }
			.fl2_box3_p1				{ padding-top:10px; font-size:11pt; font-weight:bold; margin-bottom:5px; }
			.fl2_box3_p2				{ color:#0066a5; }
			.fl2_box3_p3				{  }
			.fl2_box3_a					{ display:block; width:100%; height:100%; text-decoration:none; }

	#touchSlider_re2						{ width:100%; height:187px; margin:0 auto; position:relative; overflow:hidden; border:1px solid #ccc; }
		#touchSlider_re2 ul					{ width:100%; height:100%; position:absolute; top:0; left:0; }
		#touchSlider_re2 ul li				{ float:left; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; }
		.btn_area_re2						{ position:absolute; float:left; top:10px; z-index:99; } /* overflow:hidden; */
			button.btn_prev,
			button.btn_next,
			button.btn_stop,
			button.btn_start				{ position:absolute; float:left; margin:0; padding:0; width:10px; height:20px; top:130px; border:0; background:none; cursor:pointer; }
			.btn_area_re2 button.btn_prev	{ left:20px; }
			.btn_area_re2 button.btn_stop	{ left:60px; }
			.btn_area_re2 button.btn_start	{ left:42px; }
			.btn_area_re2 button.btn_next	{ left:80px; }
			.btn_area_re2 .btn_area02		{ position:relative; margin-left:315px; width:200px; height:50px; }
			.btn_area_re2 .btn_page			{ margin:0; padding:0 18px 0 0; border:0; display:inline-block; margin-right:4px; background:url('../../images/00main/btn_page_bg.png') no-repeat left -11px; width:12px; height:12px; cursor:pointer; }
			.btn_area_re2 .btn_page.on		{ background-position:left top; }
		li.touchSlider_page					{ }

.clear_b								{ clear:both; }
.full_space								{ width:100%; height:100%; display:block; }



/****************************************************************************************/
/*																						*/
/* 서브 전용																			*/
/*																						*/
/****************************************************************************************/
/*
 * 서브페이지 KEY VISUAL
 */
.sub_key_visual_re2					{
	position:relative; display:block; width:100%; height:280px; z-index:0;
	background-color:#000; background-repeat:no-repeat; background-position:center top;
}

/*
 * 서브페이지 CONTENTS (LEFT MENU + BODY)
 */
.sub_content_wrap_re2				{ position:relative; width:1198px; margin:-80px auto 30px auto; background-color:#fff; border:1px solid #ccc; z-index:0; }
.contents_body_re2						{ width:920px; border-left:1px solid #ccc; /* background-color:#ddd; */ }
	/*
	 * left_menu_re2, contents_body_re2 공통 헤딩부분
	 */
	.left_menu_re2,
	.contents_body_re2						{ position:relative; float:left; }
	.section_heading						{ position:relative; width:100%; height:150px; border-bottom:1px solid #ccc; }
	.section_heading_box					{ position:absolute; margin:0 0 0 20px; padding:0; bottom:15px; }
	.section_heading_box span				{ font-size:14px; margin-left:10px; color:#ba4b52; }
	.section_heading_box img				{  }
	.section_heading_box p					{ color:#666; margin:10px 0 0 3px; }
	.section_heading_box p b.page_header	{ font-size:26pt; color:#0066a5; }
	/*
	 * LEFT SNB_MENU
	 */
	.left_menu_re2							{ width:277px; /* background-color:#eee; */ }
		nav#left_menu_re2					{ margin-top:50px; }
		nav#left_menu_re2 ul				{ width:237px; margin:0 auto; }
		nav#left_menu_re2 ul li				{ display:block; height:40px; font-size:16px; border-bottom:1px dashed #dcdcdc; }
		nav#left_menu_re2 ul li a			{ display:block; width:100%; margin:2px 0; line-height:38px; height:38px; text-decoration:none; text-indent:10px; }
		aside#aside_re2						{ width:100%; margin-top:100px; }
			aside#aside_re2 .banner1_re2	{ background:#fff url('../../images/common_sub/left_banner01_bg.png') no-repeat 85% 10px; border-bottom:1px solid #dcdcdc; }
			aside#aside_re2 .banner2_re2	{ background:#fff url('../../images/common_sub/left_banner02_bg.png') no-repeat 85% 10px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
			aside#aside_re2 .banner4_re2	{ background:#fff url('../../images/common_sub/left_banner03_bg.png') no-repeat 85% 10px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
			aside#aside_re2 .banner3_re2	{ border-bottom:0px solid #dcdcdc; margin:0; padding:0; }
			a.aside_banner_re2				{ display:block; font-size:15px; line-height:160%; padding:20px 33px; text-decoration:none;  }
			a.aside_banner_re2:hover		{ text-decoration:underline; }
			a.aside_banner_re2_banner3		{ display:block; padding:0; text-align:center; }



	/*
	 * CONTENTS_BODY
	 */
	.contents_body_re2						{ width:920px; border-left:1px solid #ccc; /* background-color:#ddd; */ }
		/*
		 * 현재문서 페이지 경로
		 */
		.article_path_re2					{ height:40px; float:right; line-height:40px; color:#696969; margin-right:20px; display:block; }
		.article_path_re2 a					{ text-decoration:none; }
		.article_path_re2 a:hover			{ text-decoration:underline; }

		/*
		 * 현재문서 ARTICLE
		 */
		.contents_body_re2 article			{ width:880px; margin:50px 0 0 20px; }
		.article_block_re2					{ position:relative; width:100%; display:block; margin-bottom:50px; }
		.article_block_re2 h1 p				{ font-size:11pt; }
		.article_block_re2 h2				{ height:17px; background:url('../../images/common_sub/bullet_h2_style.gif') no-repeat left top; font-weight:normal; padding:0 0 0 10px; margin-bottom:15px; line-height:10px; }
		.article_block_re2 h2 span			{ font-size:15px; border-bottom:2px solid #ccc; padding-bottom:4px; }
		.article_block_re2_h2color			{ color:#956a0d; }
		.article_block_re2_h2color a		{ color:#956a0d; }
		.article_block_re2_h2color a:hover	{ text-decoration:underline; color:#956a0d; }

		/*
		 * PANORAMA 영상 및 지도 UI
		 */
		.movie_show_viewport	{ width:880px; height:440px; margin:20px 0; }
		.movie_desc				{ width:880px; height:100px; border:1px solid #ccc; overflow:auto; text-align:center; line-height:170%; }
		.movie_desc p			{ display:none; }
		.map_view_ui			{ width:878px; height:535px; border:1px solid #ccc; background:url('../../images/03vr/re2_140710/art_02.jpg') no-repeat left top; }
		ul.map_ui				{ }
		ul.map_ui li			{ position:absolute; width:124px; height:36px; }
		ul.map_ui li.l_1		{ top:482px; left:92px; } /* 부산역 */
		ul.map_ui li.l_2		{ top:599px; left:87px; }
		ul.map_ui li.l_3		{ top:608px; left:202px; }
		ul.map_ui li.l_4		{ top:458px; left:381px; } /* UN기념공원 */
		ul.map_ui li.l_5		{ top:392px; left:350px; } /* 부산박물관 */
		ul.map_ui li.l_6		{ top:260px; left:472px; } /* 광안리 해수욕장 */
		ul.map_ui li.l_7		{ top:280px; left:639px; } /* 누리마루 */
		ul.map_ui li.l_8		{ top:253px; left:674px; } /* 해운대 해수욕장 */
		ul.map_ui li.l_9		{ top:179px; left:685px; } /* (구)해운대 기차역 */
		ul.map_ui li.l_10		{ top:146px; left:532px; } /* 신세계백화점 */
		ul.map_ui li.l_11		{ top:205px; left:566px; } /* 시립미술관 */
		ul.map_ui li.l_12		{ top:343px; left:521px; } /* 광안대교 */

		ul.map_ui li a:hover	{ text-decoration:underline; }
		.a_t, .a_b				{ display:block; width:100%; height:100%; text-align:center; text-decoration:none; width:140px; height:42px; }
		ul.map_ui li a.a_t		{ background:url("../../images/03vr/re2/map_ui_back2_re2.png") no-repeat center top; line-height:26px; }
		ul.map_ui li a.a_t img	{ vertical-align:middle; margin-top:-3px; }
		ul.map_ui li a.a_b		{ background:url("../../images/03vr/re2/map_ui_back1_re2.png") no-repeat center top; line-height:46px; }
		ul.map_ui li a.a_b img	{ vertical-align:middle; margin-top:-2px; }

		/*
		 * 진행보류
		 */
		.map_view_ui_re2			{ width:878px; height:535px; border:1px solid #ccc; background:url('../../images/03vr/re2_141120/art_02.jpg') no-repeat left top; }
		ul.map_ui_re2 li			{ position:absolute; width:124px; height:36px; }
		ul.map_ui_re2 li.l_1		{ top:495px; left:108px; } /* 부산역 */
		ul.map_ui_re2 li.l_2		{ top:599px; left:87px; }
		ul.map_ui_re2 li.l_3		{ top:608px; left:202px; }
		ul.map_ui_re2 li.l_4		{ top:458px; left:381px; } /* UN기념공원 */
		ul.map_ui_re2 li.l_5		{ top:392px; left:350px; } /* 부산박물관 */
		ul.map_ui_re2 li.l_6		{ top:260px; left:472px; } /* 광안리 해수욕장 */
		ul.map_ui_re2 li.l_7		{ top:280px; left:639px; } /* 누리마루 */
		ul.map_ui_re2 li.l_8		{ top:253px; left:674px; } /* 해운대 해수욕장 */
		ul.map_ui_re2 li.l_9		{ top:179px; left:685px; } /* (구)해운대 기차역 */
		ul.map_ui_re2 li.l_10		{ top:146px; left:532px; } /* 신세계백화점 */
		ul.map_ui_re2 li.l_11		{ top:205px; left:566px; } /* 시립미술관 */
		ul.map_ui_re2 li.l_12		{ top:343px; left:521px; } /* 광안대교 */

		ul.map_ui_re2 li a:hover	{ text-decoration:underline; }
		.a_t, .a_b					{ display:block; width:100%; height:100%; text-align:center; text-decoration:none; width:140px; height:42px; }
		ul.map_ui_re2 li a.a_t		{ background:url("../../images/03vr/re2/map_ui_back2_re2.png") no-repeat center top; line-height:26px; }
		ul.map_ui_re2 li a.a_t img	{ vertical-align:middle; margin-top:-3px; }
		ul.map_ui_re2 li a.a_b		{ background:url("../../images/03vr/re2/map_ui_back1_re2.png") no-repeat center top; line-height:46px; }
		ul.map_ui_re2 li a.a_b img	{ vertical-align:middle; margin-top:-2px; }

	/*
	 * FOOTER
	 */
	footer									{ width:1200px; margin:20px auto; border:1px solid #ccc; border-bottom:3px solid #0066a5; }
	#footer_main							{ width:1000px; margin:20px auto; border:1px solid #ccc; border-bottom:3px solid #0066a5; }
		.footer_util, .footer_copy			{ position:relative; width:97%; display:block; margin:0 auto; }
		.footer_util						{ border-bottom:1px solid #ccc; }
			.footer_util ul					{ float:right; margin-top:25px; }
			.footer_util ul li				{ float:left; height:28px; line-height:28px; border:1px solid #ccc; margin-left:2px; }
			.footer_util ul li a			{ display:block; height:100%; text-decoration:none; padding:0 20px; font-weight:bold; }
			.footer_util ul li a:hover		{ text-decoration:underline; }
			.footer_util select				{ float:right; margin:14px 14px 0 0; }
				.holi						{ padding:20px; color:#ca0000; font-size:24px; font-weight:bold; float:left; }

		.footer_copy						{ height:110px; }
			.footer_copy > div				{ border:0px solid #f00; }
			.footer_copy_logo				{ float:left; padding:15px 0 15px 20px; }
			.footer_copy_text				{ float:left; padding:20px 0 0 20px; font-size:12px; line-height:150%; }
			.footer_copy_qrcode				{ position:absolute; top:10px; right:10px; }

			.web_link_box					{ position:absolute; overflow:hidden; float:right; top:70px; right:110px; }
				.web_link_sel				{ float:left; border:1px solid #ccc; color:#808080; }
				.web_link_btn				{ float:left; margin-left:3px; border:1px solid #cbcbcb; padding:2px 7px; text-decoration:none; background:#eaeaea; }
				.web_link_btn:hover			{ text-decoration:underline; }