/*
 * 작성일 : 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:1440px; 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:1440px; margin:0 auto; }
	nav ul#top_gnb_re2					{ position:relative; width:57%; height:100%; float:right; border-right:1px solid #f5f5f5; }
	nav ul#top_gnb_re2 li					{ width:18.59%; height:100%; line-height:52px; float:left; font-size:16px; text-align:center; border-left:1px solid #f5f5f5; }
	nav ul#top_gnb_re2 li.w_width { width:25%; }
	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: 41.5%;
    margin-left: 0;
    width: 68.5%;
    margin-top: 15px;
	}
	#top_snb_re2 ul						{ width:19%; float:left; }
	#top_snb_re2 ul:nth-child(2) { width:24%; }
	#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/main_img_01.jpg') no-repeat center top; z-index:0; border-top:3px solid #066aa7; margin-bottom: 50px; }
.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:345px; 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; bottom: 110px; z-index:99; }
			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; 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; }

.disabled {
    /*pointer-events: none;*/
    opacity: 0.5;
    color: gray;
      }

/****************************************************************************************/
/* 메인 전용*/
/****************************************************************************************/
#content_wrap2								{ position:relative; width:1440px; margin:0 auto; }

.sectioncon { padding-bottom: 100px; }
.sec01tit { 
    text-align: center;
    margin-bottom: 80px;
    font-size: 25px;
    display: flex;
    justify-content: center;
}
.sec01tit span { 
    margin-top: 8px;
    margin-left: 10px;
}
.sec01cont {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 0;
}
.add-notice {
    position: relative;
    width: 100%;
    font-size: 0px;
}
.add-notice .latest {
    width: 20%;
    display: inline-block;
    margin-right: 3%;
    position: relative;
    vertical-align: top;
    text-align: center;
}
.add-notice .latest:before {
    content: '';
    position: absolute;
    top: 0px;
    right: -60px;
    height: 100%;
    width: 1px;
    border-right: solid 1px #dcdcdc;
    background: none;
}
.add-notice .latest:nth-child(2),
.add-notice .latest:nth-child(3) {
    padding-left: 3%;
}
.add-notice .latest:last-child {
    margin-left: 3%;
    margin-right: 0px;
}
.add-notice .latest:last-child::before {
    border-right: 0;
}
.add-notice .latest figure {
    margin-top: 50px;
    margin-bottom: 25px;
}
.add-notice .latest p {
    font-size: 15px;
}
.add-notice .tit_con {
    font-size: 25px;
    line-height: 32px;
    position: relative;
    font-weight: bold;
    letter-spacing: 0px;
}
.add-notice .tit_plus {
    position: absolute;
    top: 35px;
    left: 39%;
    font-weight: bold;
    color: #ed1f24;
    font-size: 17px !important;
}
.add-notice .tit_plus2 {
    position: absolute;
    top: 35px;
    left: 25%;
    font-weight: bold;
    color: #ed1f24;
    font-size: 17px !important;
}
.add-notice .latest span { 
    display: block;
}
.add-notice .latest span > a {
    position: relative;
    font-size: 14px;
    margin-top: 35px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    background: #363636;
    padding: 10px 25px;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    border-radius: 25px;
    text-decoration: auto;
}
.add-notice .latest span > a.btn01 {
    background: #ed1f24;
}
.add-notice .latest span > a.btn02 {
    background: #555;
}
.add-notice .latest span > a.btn03 {
    background: #54a300;
}
.add-notice .latest span > a.btn04 {
    background: #f37021;
}
.add-notice .latest span > a:first-child {
    margin-right: 4px;
}

.banner_tti {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 327px;
    margin-bottom: 80px;
}
.banner_tti img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.msec {
    background:url('../../images/00main/re2/msecbg.jpg') no-repeat top;
    height: 250px;
    margin-bottom: 50px;
	color:#fff;
}
.dv_wrap {
    width: 1440px;
    margin: 0 auto;
    position: relative;
}
.titbox {
    padding: 40px 70px 0;
}
.msec_tit {
    font-size: 17px;
    font-weight: bold;
}
.msec_tit2 {
    font-size: 26px;
    font-weight: bold;
    padding: 8px 0 12px;
}
.msec_copy {
    font-size: 16px;
    font-weight: bold;
}
.titbox a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 10px 50px;
    font-size: 15px;
    display: inline-block;
    margin-top: 25px;
    text-decoration: none;
}


	/*
	 * FOOTER
	 */
	footer									{ width:1440px; margin:20px auto; border:1px solid #ccc; border-bottom:3px solid #0066a5; }
	#footer_main							{ width:1440px; margin:60px auto 20px; 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 span		{ color:#0A1AC3; font-size:14px; 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:0; }
				.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; }