@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 기본속성 */
body,p,img,div,th,ul,li,dl,dt,dd{
	margin:0px; padding:0px; border:none; border-spacing:0px;
	border-collapse:collapse; list-style:none;}







/************************************
*           전체레이아웃            *
************************************/
body{overflow-x:hidden;font:normal 12px "Nanum Gothic"}
div.wrap{width:1920px;; position:absolute; left:50%; margin:0 0 0 -960px;}


/************************************
*            header                 *
************************************/
div#header_wrap{
	width:100%;
	height:164px;
	float:left;
	position:relative;
	z-index:500
}
div.header{
	width:100%;
	height:164px;
	margin:0px auto;
	position:relative;
}
p.logo{
	float:left;
	padding-top:-15px;
}
div.smenu{
	float:none;
	width:960px;
	position:relative;
	text-align:right;
	;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div.nav_wrap{float:right;width:760px;position:relative;}

ul.submenu{position:absolute; left:0px; top:55px; width:100%;text-align:center;}
ul.submenu li{font:bold 14px "Nanum Gothic"; line-height:22px; color:#4a4a4a; position:relative;width:100%;z-index:9999; }
ul.submenu li a{display:block;z-index:9999; }
ul.submenu li a:link{text-decoration:none;color:#4a4a4a;}
ul.submenu li a:visited { text-decoration:none;  color:#4a4a4a;}
ul.submenu li a:active{text-decoration:none;  color:#4a4a4a;}
ul.submenu li a:hover {text-decoration:none;  color:#ea7724;}

div#sub_bg{
	width:100%;
	background:#fff;
	position:absolute;
	top:164px;
	height:200px;
	left:0;
	z-index:999;
	opacity:0.95;
}/*height=서브메뉴길이조정*/

div#gnb_wrap{
	float:none;
	width:1012px;
	position:relative;
	margin: 0 auto;
	;
}
ul.gnb{float:left;}
ul.gnb li{float:left;position:relative}
ul.gnb li.gnb_last{margin:0}
a.menu{cursor:pointer}

ul.gnb2{float:left;}
ul.gnb2{float:left;}
ul.gnb2 li{float:left;position:relative}
ul.gnb2 li.gnb_last{margin:0}


/************************************
*            visual                 *
************************************/
div.visual_bg{width:100%;position:relative; float:left;}
div.visual_wrap{width:1920px; height:502px;margin:0px auto;overflow:hidden;position:relative;}

div.visual_wrap2{
	width:1920px;
	height:271px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}
div#visual_content{
	width:1920px;
	position:absolute;
}
div#visual_content img{float:left;}
ul.dot{position:absolute; left:1000px; top:480px;}
ul.dot li{float:left;margin:0 0 0 5px}
ul.dot li a{float:left;width:9px; height:9px;background:url(/images/dot2.png) no-repeat;}
ul.dot li a.select{width:9px; height:9px; background:url(/images/dot1.png) no-repeat;}
span#play{position:absolute; left:885px; top:250px;}



div.popup_wrap{width:100%; position:absolute;height:100%; left:0px; top:0px; background:url(/images/video_bg.png); z-index:9999;padding:80px 0 0 0}
div.video{width:1280px; height:720px; position:relative ;margin:0px auto; border:solid 1px #dbdbdb; overflow:hidden;}
span#close{position:absolute; left:1200px; top:30px}
p.skip{text-align:center; margin:0 0 40px 0}


/************************************
*            content                *
************************************/
div.contents_wrap{width:100%; min-height:178px; float:left;}
div.contents1_wrap{
	width:100%;
	height:263px;
	float:left;
}
div.contents1{
	width:1920px;
	margin:0px auto;
}
div.contents2_wrap{width:37%;height:170px; float:left; background:#17416c;}
div.contents2{width:1000px; min-height:1px;margin:0px auto;}
div.contents3_wrap{width:100%;margin:20px 0 20px 0 ; float:left;}
div.contents3{
	width:1160px;
	margin:0 auto;
}
ul.con_list{float:left;}
ul.con_list li{float:left;margin:0 4px 0 4px;} 
ul.icon_list{float:left}
ul.icon_list li{float:left;}



/************************************
*            footer                *
************************************/
div.footer_wrap01{
	width:100%;
	height:45px;
	float:left;
	background:#595f6b;
}
div.footer_wrap02{
	width:100%;
	padding:20px 0 25px 0;
	float:left;
	background:#595f6b;
}
div.footer{width:1000px; margin:0px auto;position:relative;}
ul.f_menu2{display:block; text-align:center; line-height:45px; color:#898989;}

ul.f_menu{
	display:block;
	text-align:center;
	line-height:45px;
	color:#FFFFFF;
}
ul.f_menu li{display:inline-block; margin:0 25px 0 25px;}
ul.f_menu li a:link, ul.f_menu li a:visited, ul.f_menu li a:active{color:#FFFFFF;text-decoration:none;}
ul.f_menu li a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
ul.f_text{
	margin:10px 0 0 50px;
	float:left;
	line-height:16px;
	color:#bcb8b8;
}
div#quickmenu{line-height:0px; width:84px; height:265px;border:solid 1px #dbdbdb;}
p.select_box{float:right; margin:-50px -30px 0 280px;}


/************************************
*            sub                    *
************************************/
div.location_wrap{width:100%; height:30px; border-bottom:solid 1px #e0e0e0;float:left; background:#fff}
div.location{
	width:1170px;
	margin:0px auto;
	padding-top:10px
}
div.location p{float:right;}
div.sub_contents_wrap{width:100%; min-height:1px;margin-top:20px; float:left;}
div.sub_contents{
	width:1170px;
	margin:0px auto;
	position:relative;
}
div.left{
	line-height:0px;
	width:272px;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
}

div.right{
	width:898px;
	min-height:500px;
	margin:0 0 0 272px;
 }
ul.banner{margin:115px 0 0 0;float:left;}
div.right_c img{margin:0px 0 0 0;}
div.board{padding:25px;width:751px;}
div.map{padding:25px;margin:30px 0 0 0;float:left;}
p.adress{float:left;}






.site_map_wrap {
	position:fixed;
	left:0;right:0;top:0;bottom:0;
	z-index:100;
	background-color:rgba(255,255,255,0.5);
}
.site_map {
	width:1210px;
	position:fixed;
	left:50%;top:50%;
	z-index:0;
	-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
	background-color:#f1f1f1;
}
	.site_map_title {
		position:relative;
		height:30px;
		float:left;
		width:100%;
	}
		.map_title {
			padding-left:30px;
			font-size:25px;
			color:#ffffff;
			font-weight:600
		}
		.close {
			position:absolute;
			right:14px;top:50%;
			-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);
			font-size:0; 
			cursor:pointer;
		}

	.map_contents {
		overflow:hidden;
		padding:50px 50px 50px 50px;
		float:left;
	}


	.site_list{}	
	.site_list li {
		color:#666;
		margin:0 7px 0 0;
		width:172px;
		float:left;
		
	}
	.site_list li.last{
		margin:0 0 0 0;
		
	}
	.site_list li ul {
		text-indent:10px;
		font-size:15px;
	}


	.site_list li ul li{
		border-bottom:solid 1px #e9e9e9;
		line-height:46px;
		width:100%;
		font-weight:600;
	}

	img.map_dot{margin:0 10px 0 0}

	.site_list li ul li a:link, .site_list li ul li a:visited, .site_list li ul li a:active{
		text-decoration:none;
		color:#000000
	}

	.site_list li ul li a:hover{
		text-decoration:none;
		color:#887864
	}



	

	p.p_btn1{position:absolute; right:0px ; top:180px}
	p.p_btn2{position:absolute; right:0px ; top:690px }
.stop {
	background-color: #4d5151;
	height: 30px;
}
#header_wrap .header .logo {
	text-align: center;
}
#header_wrap .header .nav_bg {
	background-color: #3478c1;
}
.header #nav_bg {
	background-color: #3478c1;
	width: 100%;
}
.nav_bg {
	background-color: #3478c1;
	width: 100%;
	height: 49px;
}