@charset "utf-8";

/*나눔글꼴 웹폰트설정*/

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


html,body{
	margin: 0;
	padding: 0;
	font-family:Nanum Gothic, Dotum, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 100%;
	background-color: #fff;
	width: 100%;
	color:#787878;
	position:relative;
	line-height:20px;
}


*{margin:0; padding:0}
html, body, blockquote, caption, dd, div, dl, dt, fieldset, form, frame, h1, h2, h3, h4, h5, h6, hr,
iframe, input, legend, li, object, ol, p, pre, q, select, table, textarea, tr, td, ul {margin:0; padding:0;}
ol, ul{list-style:none;}
fieldset, img {border:0 none;}
img {vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {font-style:normal; font-size:12px;}
hr {display:none;}
table {border-collapse:collapse; border:0; empty-cells:show; table-layout:fixed;word-break: break-all;}
textarea {resize:none;}
.end{border:0 none !important; background:0 none !important}

a:link, a:visited, a:active, a:focus{text-decoration:none; color:#3c3c3c;}  
a:hover{color:#3c3c3c;}

body.hidden{
	overflow: hidden;
}


#wraper{
	height: 100%;
	position:relative;
}

/*--------------------------------- header ---------------------------------*/

#header{
	z-index:100;
	width: 100%;
	height:111px;
	position:relative;
	}

#header .utill{
	background-color:#fafafa;
	border:1px solid #ebebeb;
	width:100%;
	height:33px;
	}
#header .utill ul{
	float:right;
	padding-right:2%;
	}

#header .utill li{
	display:inline-block;
	padding-left:10px;
	margin-left:10px;
	margin-top:12px;
	border-left:1px solid #a0a0a0;
	color:#a0a0a0;
	height:12px;
	}

#header .utill li:first-child{
	border-left:none;
	}

#header .utill li a{
	margin-top:-4px;
	display:block;
	}

#header .utill li a:link, #header .utill li a:visited, #header .utill li a:active, #header .utill li a:focus{
	color:#a0a0a0;
	}

#header .utill li a:hover{
	color:#3c3c3c;
	}

#header .menu{
	position:relative;
	width: 100%;
	z-index:100;
	background: #fff;
	}




.menu>a{
	clear:both;
	display:block;

	}

.menu a.logo{
	position:absolute;
	top:15px;
	left:2%;
	width:213px;
	height:51px;
	}


/*메뉴전체보기*/
.menu a.member{
	position:absolute;
	top:35px;
	right:0.8%;
	overflow:hidden;
	background:url('../images/common/member.png') no-repeat;
	width:70px;
	height:50px;
	}

.menu a.member:hover{
	background:url('../images/common/member_on.png') no-repeat;
	width:70px;
	height:50px;
	}


.menu a.logout{
	position:absolute;
	top:35px;
	right:0.8%;
	overflow:hidden;
	background:url('../images/common/logout.png') no-repeat;
	width:70px;
	height:50px;
	}

.menu a.logout:hover{
	background:url('../images/common/logout_on.png') no-repeat;
	width:70px;
	height:50px;
	}




#panelLeft{
	width:0%;
	height:100%;
	position:fixed;
	right:0;
	top:0;
	z-index:1000;
	background-color:rgba(132,197,43,0.95);
	color:#fff;
	font-size:15px;
	}

#panelLeft .sitemap{
	width:900px;
	margin:100px auto;
	}

#panelLeft .sitemap>ul{
	border-bottom:10px double #fff;
	overflow:hidden;
    margin-bottom: 50px;
    padding-bottom: 25px;	
	}

#panelLeft .sitemap>ul:last-child{
	border-bottom:none;
	}


#panelLeft .sitemap .sitemapList>li{
	float:left;
	width:180px;
	}

#panelLeft .sitemap .sitemapList>li>a{
	color:#fff;
	font-size:23px;
	display: block;
    margin-bottom: 30px;
	padding-left: 15px;
    border-left: 7px solid #fff;	
	}

#panelLeft .sitemap .sitemapList>li ul{
    border-left: 1px dashed #fff;
    padding-left: 15px;
	height:160px;
	}

#panelLeft .sitemap .sitemapList>li ul>li{
	padding-bottom:7px;
	}

#panelLeft .sitemap .sitemapList>li ul>li>a{
	color:#fff;
	font-size:16px;
	}

#panelLeft .sitemap .sitemapList>li ul>li>a:hover{
	text-decoration:underline;
	}




#panelLeft .closeX{
	background:url('../images/common/closeX.png') no-repeat;
	width:20px;
	height:19px;
	padding-top:3px;
	position: absolute;
    right: 2%;
    top: 70px;
	display:none;
	cursor:pointer;

	}



/*네비게이션*/
#gnb { 
	overflow:hidden;
	width:100%;; 
	z-index:200;
	}

#gnb .gnbBg{
	background:url('../images/common/gnbBg.gif') repeat-x 0 0;
	opacity:0.97;
	width:100%;
	}

#gnb ul{
	position:relative; 
	width:800px; 
	height:246px;
	margin:0 auto;  
	}

#gnb ul li{
	position:relative; 
	list-style:none;
	width:160px; 
	}

#gnb ul li a{
	position:relative; 
	z-index:200;  
	}

#gnb ul li, #gnb ul li a{
	float:left; 
	}

#gnb ul ul.first{
	position:absolute; 
	top:76px; 
	left:0px; 
	width:160px; 
	height:163px; 
	clear:both; 
	background:#84c52b; 
	padding-top:7px;
	}

#gnb ul ul{ 
	position:absolute; 
	top:76px; 
	left:0px; 
	width:160px; 
	height:163px; 
	clear:both; 
	background:#84c52b;
	padding-top:7px;
	}

#gnb ul ul li{
	position:static; 
	width:100%; 
	font-size:13px; 
	font-weight:bold; 
	padding:0; 
	}

#gnb ul ul li a{
	padding:3px 0 3px 18px; 
	letter-spacing:-0.5px;
	color:#fff;
	}

#gnb ul ul li a:hover{
	text-decoration:underline; 
	font-weight:bold;
	}

#gnb ul ul li img{
	margin:0; 
	padding:4px 0 0 4px; 
	}