html,body{height:100%}

*html{height:100%; overflow-x:hidden;}
html {overflow-y:scroll;}
body {background:url(../../images/common/bg_main.gif) 0 0 repeat; }
#wrap {width:100%;}
#wrap #header {
	width:100%; 
	height:25px;
	background:url(../../images/common/bg_top.gif) 0 0 repeat-x;
	z-index:10;
	position:fixed; top:0; left:0;

}


#wrap #header #headerInner {
	width:960px;
	height:25px;
	margin:0 auto 30px;
	position:relative; top:0; left:0;
	
	
}

#wrap .logoArea {
	clear:both;
	width:80px;
	margin:0 auto;
	padding:50px 0 30px;
}

*html #wrap .logoArea {
	clear:both;
	width:80px;
	margin:0 auto;
	padding:0 0 30px;
}


#wrap .logoArea h1 {
	
}
#wrap #header ul {
	float:left;
	padding:8px 0 0 10px;
	font-size:11px;
}

#wrap #header ul li {

	margin-right:30px; 
	display:inline;
	cursor:pointer;
}

#wrap #header ul li ul {

	
}

#wrap #header ul li ul li {

	
}

#wrap #header div.gnb {
	
	background:#000;
	float:right
}

#wrap #header div.gnb  ul li {
	margin:0 0 0 15px;
}

#wrap #header div.gnb .searchBtn {
	float:right;
	padding:8px 20px 0 0;
	display:inline;
}

#wrap #header div.searchForm {
	width:270px;
	height:100%;
	background:rgb(34,34,34);
	float:right;
}
#wrap #header div.searchForm .searchIpt{
	background:rgb(34,34,34);
	border:0;
	font-family:Times New Roman;
	font-size:11px;
	color:rgb(254,254,254);
	float:left;
	margin:30px 0 0 20px;
	display:inline
}

#wrap #header div.searchForm span{
	float:right;
	margin:20px 20px 0 0 ;
	display:inline;
}

#wrap #container {
	clear:both;
	
	width:960px; 
	margin:0 auto;
	_height:650px;
	padding-bottom:30px;

	
	
}

#wrap #container .visualManager {
	position:relative; 
	width:100%;
	zoom:1;
	top:0; left:0;
	height:1440px;
	
	
}
#wrap #container .visualManager  a {
	position:absolute; 
}
#wrap #container .visualManager  a.pos1 {top:0; left:0; }
#wrap #container .visualManager  a.pos2 {top:0;; right:0;}
#wrap #container .visualManager  a.pos3 {top:917px; left:0;}
#wrap #container .visualManager  a.pos4 {top:1150px; left:0;}
#wrap #container .visualManager  a.pos5 {top:458px; right:0;}
#wrap #container .visualManager  a.pos6 {top:533px; left:0;}
#wrap #container .visualManager  a.pos7 {top:915px; right:0;}
#wrap #container .visualManager  a.pos8 {top:1370px; right:0;}
#wrap #container .visualManager  a.pos9 {top:1380px; right:160px;}
#wrap #container .visualManager  a.pos10 {top:1380px; right:0;}


#wrap #container h2 {
	margin:50px 0;
	text-align:center;
	background:url(../../images/main/bg_maintitle.gif) 0 5px repeat-x;
}

#wrap #header .depth2 {
	position:absolute; top:25px; left:0;
	clear:both;
	width:100%;
	background:#000;
	height:145px;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	display:none;
	
}


#wrap #header .depth2Bg {
	width:960px;
	margin:0 auto;
	
}
#wrap #header .depth2 .depth2List {
	padding:15px 0 0 0;
	overflow:hidden; zoom:1;
	float:left;
}

#wrap #header .depth2 .depth2List2 {
	float:right;
	padding:15px 20px 0 0;
}
#wrap #header .depth2 .depth2List2 ul {
	
	padding-left:0;
}

#wrap #header .depth2  ul {
	float:left
	padding-left:0;
	display:inline;
	overflow:hidden; zoom:1;
	
}

*:first-child+html #wrap #header .depth2  ul {
	float:left;
	display:block;
	overflow:hidden; zoom:1;	
}

#wrap #header .depth2  ul.menu1 {

	padding-left:65px;
}

#wrap #header .depth2  ul.menu1 li ul.menu1_1{

	margin-right:50px;
}

#wrap #header .depth2  ul.menu1 li ul.menu1_2 {

	
}

#wrap #header .depth2  ul.menu1 li ul.menu1_2 p {

	color:#666;
}

#wrap #header .depth2  ul.menu1 li ul.menu1_2 ul {

	padding-left:0;
	float:left;
	margin-right:30px;
	display:inline;
}

#wrap #header .depth2  ul.menu1 li ul.menu1_2 ul li{
	
	padding-left:10px;
	background:url(../../images/common/bg_topmenu.gif) left 6px no-repeat;

}

*:first-child+html #wrap #header .depth2  ul.menu1 li ul.menu1_2 ul li{
	
	padding-left:0;
	background:url(../../images/common/bg_topmenu.gif) left 6px no-repeat;

}

#wrap #header .depth2  ul.menu2 {
	 width:210px;
	 margin-left:150px;
}

#wrap #header .depth2  ul.menu3 {
	 width:66px;
	margin-left:370px;
}

#wrap #header .depth2  ul.menu4 {
	
	margin-left:370px;
}

#wrap #header .depth2  ul.menu5 {
	margin-left:450px;
	
}

#wrap #header .depth2  ul.mr40 {
	margin-right:40px;
}
#wrap #header .depth2  ul li {
	clear:both;
	font-family:Times New Roman;
	margin-bottom:10px;
	margin-right:0;
	display:block;
	
	
}
#wrap #header .depth2  ul li a {
	color:#666;

}
#wrap #header .depth2  ul li a:hover {
	color:#fff;
}


#footer {
	clear:both;
	width:100%;
	height:25px;
	background:url(../../images/common/bg_top.gif) 0 bottom repeat-x;


}
#footer #footerInner {clear:both; width:960px; margin:0 auto; padding:8px 0;}
#footer .txt {float:left; cursor:pointer}

#footer .txt a {color:#666; font-size:11px}
#footer #footerInner .siteArea {float:right;}

#footer #footerInner .link {float:left;}
#footer #footerInner .link a {font-size:11px; color:#666; margin-right:25px;}
#footer #footerInner .link a:hover {color:#fff;}

#footer #footerInner .familySite {
	float:left;
	position:relative; 
	top:0;
	left:0;
	z-index:1000;
}
#footer #footerInner .familySite p {
	cursor:pointer;
	padding-left:5px;
}
#footer #footerInner .familySite ul {
	position:absolute;
	bottom:17px; 
	left:0px;
	display:none;
	background:#000;
	padding:10px 5px 10px 5px;
	width:115px;
	
}

#footer #footerInner .familySite ul li {
	clear:both;
	font-size:11px;
}


.intro {width:1400px; margin:0 auto; padding-top:70px; overflow:hidden; zoom:1; font-family:Times New Roman; }
.mainVisualArea {float:left; height:583px;  overflow:hidden; zoom;1}
.mainVisual {float:left; padding:0 0 0 70px; width:784px; height:583px}
.introList {float:left; width:490px;}
.introList li {float:left; padding-left:23px; padding-bottom:24px;}
.txtArea {clear:both; text-align:center;width:100%; margin:0 auto; min-width:854px; padding:50px 0 0 0 ; height:80x}
.skip {padding-bottom:15px}
.skip a {color:#666; font-family:Times New Roman; font-size:12px;}
.copyRight {color:#999; font-family:Times New Roman; font-size:9px; }


.mainBanner {width:980px; margin-bottom:20px; overflow:hidden; zoom:1;}
.mainBanner li {float:left; margin-right:20px;}

.depth1 a {color:#666; font-size:11px;}
.depth1 a:hover {color:#fff;}

.gnbLink2 a {color:#666; font-size:11px;}
.gnbLink2 a:hover {color:#fff;}


#footer {position:relative; top:0; left:0; 	z-index:100}
#footer .menu5 {position:absolute; bottom:25px; left:0; background:#000; width:100%; padding:20px 0 0 0; display:none}
#footer .menu5 ul {width:960px; margin:0 auto; }
#footer .menu5 ul li{padding-bottom:10px}
#footer .menu5 ul li a {color:#666; font-size:11px}
#footer .menu5 ul li a:hover {color:#fff; }
#footer .menu4 {position:absolute; bottom:25px; left:0; background:#000; width:100%; padding:20px 0 0 0; display:none}
#footer .menu4 ul {width:960px; margin:0 auto; }
#footer .menu4 ul li{padding-bottom:10px; padding-left:85px}
#footer .menu4 ul li a {color:#666; font-size:11px}
#footer .menu4 ul li a:hover {color:#fff; }
#footer .menu2 {position:absolute; bottom:25px; left:0; background:#000; width:100%; padding:20px 0 0 0; display:none}
#footer .menu2 ul {width:960px; margin:0 auto; }
#footer .menu2 ul li{padding-bottom:10px; padding-left:160px}
#footer .menu2 ul li a {color:#666; font-size:11px}
#footer .menu2 ul li a:hover {color:#fff; }