/*하위브라우져를 위한 인식*/
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { 
    display:block;
 }
html{
	font-size:14px !important;
}
.go2top{
	display:block;
	float:right;
	padding:5px 10px;
	background-color:#777;
	color:#fff;
	font-size:0.9rem;
	text-align:center;
	cursor:point;
}
.sec01{
	width:100%;
	float:left;
	margin-bottom:40px;
	overflow:hidden;
}
.mapsize{
	max-width:99%!important;
}
.mapArea{
	max-width:1300px;
	width:100%;
	margin:0 auto;
}
.bggray{
	background-color:#ddd;
}
.bgblue{
	background-color:#009cde;
	color:#FFF;
}
/*반응형*/
@media only screen and  (min-width:1025px){
	/*top*/
	#global{
		height:100px;
	}
	.globalbody{
		display:block;
		width:100%;
		max-width:1400px;
		margin: 0 auto;
	}
	.logo{
		display:block;
		line-height:45px;
		width:20%;
		float:left;
		padding-left:5px;
	    min-width: 360px;
	}
	.topmsg{
		display:none;
		line-height:25px;
		width:50%;
		float:left;
		padding-top:5px;
		padding-left:5px;
	}
	.telNo{
		display:block;
		font-size:1.25em;
		line-height:20px;
		width:30%;
		float:right;
		text-align:left;
		padding-right:5px;
		min-width:200px;
	}
	#nav{
		width:100%;
	    background-color: #333;
		line-height:50px;
		float:left;
		color:#FFF;
	}

	/*menu*/
	#pcmenu01 li a:hover {
	  background-color: #111;
	  color:#fff;
	}
	ul#pcmenu01 {
		display:block;
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
/*		background-color: #333;*/
		max-width:1400px;
		margin: 0 auto;
	}
	#pcmenu01 li {
		float: left;
	}
	#pcmenu01 li a {
		display: block;
		/*color: white;*/
		text-align: center;
		padding: 5px 14px;
		text-decoration: none;
		cursor:pointer;
		font-size:1.0rem;
		color:#FFF;
		font-weight:500;

	}
	#pcmenu01 li a:hover:not(.active .menulogo) {
		background-color: #111;
	}
	#pcmenu01 .active {
		background-color: #4CAF50;
	}
	#mobilemenu01{
		display:none;
	}
	#mobiletop{
		display:none;
	}
	/*menu 끝*/


	/*content*/
	.w3-container{
		width: 1400px; 
		height: 394px; 		
	}
	.mainimg{
		background:url(../images/main/greensupportersimg.png) 0 0 repeat-x;
	}

	#section{
		float:left;
		width:100%;
	}



	.contentsForm{
		float:left;
		width:100%;
		min-height:430px;		
	}
	.contentsbody{
/*		width: 1400px;*/
		max-width:1400px;
		margin: 0 auto;
		display: block;
	}
	.content101{
		float:left;
		width:50%;
		min-height:430px;
		padding-left:80px;
	}
	#menu05c > div > div.content101 > img{
		width:100%;
	}
	.content102{
		float:left;
		width:50%;
		min-height:430px;
	}
	/*content 끝*/

	/*albumbox*/

	div.albumbox{
		display:block;
		width:100%;
		float:left;
		text-align:center;
	}
	.albumbox figure{
		float:left;
		margin:10px;
	}
	.albumbox figcaption{
	    line-height: 30px;
		font-size: 1.5em;
		padding-top: 5px;
		background-color: darkcyan;
		color: wheat;
		padding-bottom: 5px;
		margin-top:2px;
		border: 1px solid #555;
		border-radius: 5px;
		text-shadow: #999999 5px 5px 5px;
		box-shadow: 3px 3px 10px #888888;
	}
	/*albumbox 끝*/

	/*bottom*/
	.bottom dd{
		display:block;
		float:left;
	}
	.sectionbody{
		display:block;
		/*width:1400px;*/
		max-width:1400px;
		margin:0 auto;
	}
	
	
	
	#footer{
		float:left;
		width:100%;
		/*background-color:#E3E3E3;*/
		background-color:#2D2D2F;		
	}
	#footer .bottom{
		width: 100%;
		max-width: 1300px;
		margin: 0 auto;
		display: block;
	}
	dl.bottom01{
		float:left;
		width:100%;
		max-width:1300px;
	}
	dl.address{
		float:left;
		max-width:1300px;
	}
	dl.address {
		margin-bottom: 100px;
	}

	dl.bottom01 dd{
		float:left;
	}
	.btmleft{
	/*	padding-left:10%;*/
	}
	.btmleft dd{
		float:left;
/*		padding-left:10%;*/
		padding-top:20px;
		width:100%;
		line-height:30px;
	}
	.btmright{
		padding-left:10%;
		width:50%;
		line-height:30px;
		font-size:1.2em;
	}
	

}
@media only screen and  ( min-width:768px) and (max-width:1024px){
	#global{
		height:100px;
	}	
	
	.logo{
		display:block;
		line-height:45px;
		width:20%;
		float:left;
		padding-left:5px;
	    min-width: 360px;
	}
	.topmsg{
		display:none;
		line-height:25px;
		max-width:40%;
		float:left;
		padding-top:5px;
		padding-left:5px;		
	}
	.telNo{
		display:block;
		font-size:1.25em;
		line-height:20px;
		width:30%;
		float:right;
		text-align:left;
		padding-right:5px;
		min-width:200px;
	}
	.sectionbody{
		display:block;
		width:768px;
		margin:0 auto;
	}
	.bottom dd{
		display:block;
		float:left;
	}
/*menu*/
	#pcmenu01 li a:hover {
	  background-color: #111;
	}
	ul#pcmenu01 {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #333;
	}
	#pcmenu01 li {
		float: left;
	}
	#pcmenu01 li a {
		display: block;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
	}
	#pcmenu01 li a:hover:not(.active) {
		background-color: #111;
	}
	#pcmenu01 .active {
		background-color: #4CAF50;
	}
	#mobilemenu01{
		display:none;
	}
	#mobiletop{
		display:none;
	}
	/*menu 끝*/
	
div.albumbox{
		display:block;
		width:100%;
		float:left;
		text-align:center;		
	}
	.albumbox figure{
		float:left;
		margin:15px;
		border: 1px solid #555;
		border-radius: 5px;
		text-shadow: #999999 5px 5px 5px;
		box-shadow: 3px 3px 10px #888888;
	}
	.albumbox figcaption{
		margin-top:5px;
		line-height: 30px;
		font-size: 1.5em;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: darkcyan;
		color: wheat;
	}
	.albumalign{
		margin: 0 auto;
		display: block;
		width: 95%;
	}

	/*content*/
	#section{
		float:left;
		width:100%;
	}

	.contentsForm{
		float:left;
		width:100%;
		min-height:430px;		
	}
	.contentsbody{
		width: 768px;
		margin: 0 auto;
		display: block;
	}
	.content101{
		display:none;
		float:left;
		width:330px;
		min-height:430px;
		padding-left:0px;
	}
	.content102{
		float:left;
		width:100%;
		min-height:430px;
	}
	/*content 끝*/
	
	#footer{
		float:left;
		width:100%;
		/*background-color:#E3E3E3;*/
		background-color:#2D2D2F;		
	}
		dl.address {
		margin-bottom: 100px;
	}

}
@media only screen and  ( min-width:640px) and (max-width:767px) {
	/*mobile top*/
	#global{
		display:none;
	}
	#nav{
		min-width:767px;
	}
	.sectionbody{
		display:block;
		width:100%;
	}
	#mobiletop li a:hover {
	  background-color: #111;
	}
	ul#mobiletop {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #333;
	}
	#mobiletop li {
		float: left;
	}
	#mobiletop li a {
		display: block;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
	}
	#mobiletop li a:hover:not(.active) {
		background-color: #111;
	}
	#mobiletop .active {
		background-color: #4CAF50;
	}
	#mobilemenu01{
		display:none;
		position:absolute;
		left:0;
		top:50px;
		height:100%;
		width:50%;
	}
	/*menu 시작*/
	#pcmenu01{
		display:none;
	}
	ul#mobilemenu01 {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 200px;
		background-color: #f1f1f1;
	}

	#mobilemenu01 li a {
		display: block;
		color: #000;
		padding: 8px 0 8px 16px;
		text-decoration: none;
	}

	/* Change the link color on hover */
	#mobilemenu01 li a:hover {
		background-color: #555;
		color: white;
	}
	/*menu 끝*/

	/*테이블 정렬*/
	table td{
		width:100%;
		float:left;
	}
	.divTitle{
		width:100%;
		text-align:left!important;
		padding-left:0;
		height:40px;
		padding-top:10px;
		padding-bottom:5px;
		background: url(../../../images/common/dot6.png) 0 -87px no-repeat;
	}

	.btmleft{
		width:100%;
		margin-left:-30px;
	}
	.btmright{
		width:100%;
		margin-left:10px;
	}
	.content101{
		display:none;
		width: 320px;
		overflow: hidden;
		margin: 0 auto;
	}
	dl dt{
		padding-top:10px!important;
		background: url(../../../images/common/dot7.png) 0 -237px no-repeat;
	}
	dl dd{
		padding-left:0px!important;
	}
	div.albumbox{
		display:block;
		width:100%;
		float:left;
		text-align:center;		
	}
	.albumbox figure{
		float:left;
		margin:5px;
		border: 1px solid #555;
		border-radius: 5px;
		text-shadow: #999999 5px 5px 5px;
		box-shadow: 3px 3px 10px #888888;
	}
	.albumbox figcaption{
		margin-top:5px;
		line-height: 30px;
		font-size: 1.5em;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: darkcyan;
		color: wheat;
	}
	.albumalign{
		margin: 0 auto;
		display: block;
		width: 100%;
	}
	#footer{
		float:left;
		width:100%;
		/*background-color:#E3E3E3;*/
		background-color:#2D2D2F;		
	}
		dl.address {
		margin-bottom: 100px;
	}
}
@media only screen and  (max-width:639px){
	/*mobile top*/
	#global{
		display:none;
	}
	#header{
		min-width:320px;
	}
	#nav{
		width:100%;
		min-width:320px;
		display:block;
		float:left;
	    position: fixed;
	}
	.sectionbody{
		display:block;
		width:100%;
		margin:0 auto;
	}
	#mobiletop li a:hover {
	  background-color: #111;
	}
	ul#mobiletop {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #333;
		position: absolute;
		z-index: 10000;
		width: 100%;
	}
	#mobiletop li {
		display:block;
		float: left;
	}
	#mobiletop li a {
		display: block;
		color: white;
		text-align: center;
		padding: 14px 8px;
		text-decoration: none;
	}
	#mobiletop li a:hover:not(.active) {
		background-color: #111;
	}
	#mobiletop .active {
		background-color: #4CAF50;
	}
	#mobiletop .topmsg {
		width:auto;
		letter-spacing:0px;
	}
	
	#mobilemenu01{
		display:none;
		position:absolute;
		left:0;
		top:50px;
		height:100%;
		width:50%;
	}
	/*menu 시작*/
	#pcmenu01{
		display:none;
	}
	ul#mobilemenu01 {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 200px;
		background-color: #f1f1f1;
	    position: fixed;
	}

	#mobilemenu01 li a {
		display: block;
		color: #000;
		padding: 8px 0 8px 16px;
		text-decoration: none;
	}

	/* Change the link color on hover */
	#mobilemenu01 li a:hover {
		background-color: #555;
		color: white;
	}
	/*menu 끝*/

	/*테이블 정렬*/
	table td{
		width:100%;
		float:left;
	}
	.divTitle{
		width:100%;
		text-align:left!important;
		padding-left:0;
		height:40px;
		padding-top:10px;
		padding-bottom:5px;
		background: url(../../../images/common/dot6.png) 0 -87px no-repeat;
	}

	.btmleft{
		width:100%;
		margin-left:-30px;
	}
	.btmright{
		width:100%;
		margin-left:10px;
	}
	.content101{
		display:none;
		width: 320px;
		overflow: hidden;
		margin: 0 auto;
	}
	dl dt{
		padding-top:10px!important;
		background: url(../../../images/common/dot7.png) 0 -237px no-repeat;
	}
	dl dd{
		padding-left:0px!important;
	}
	div.albumbox{
		display:block;
		width:100%;
		float:left;
		text-align:center;		
	}
	.albumbox figure{
		margin:15px;
		border: 1px solid #555;
		border-radius: 5px;
		text-shadow: #999999 5px 5px 5px;
		box-shadow: 3px 3px 10px #888888;
	}
	.albumbox figcaption{
		margin-top:5px;
		line-height: 30px;
		font-size: 1.5em;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: darkcyan;
		color: wheat;
	}
	.albumalign{
		margin: 0 auto;
		display: block;
		width: 95%;
	}
	#footer{
		float:left;
		width:100%;
		/*background-color:#E3E3E3;*/
		background-color:#2D2D2F;		
	}
	dl.address {
		margin-bottom: 50px;
	}
}
.doc_list * {font-size:1.15rem!important;}
.blog_box{display:block;width:513px;margin:5px 0px;}
.blog_icon_menu{color:#73f778 !important;}
@media (max-width:767px){
	.blog_box{width:100%;}
}
.blog_box a{}
.blog_box a .blog_icon{width:100%;}
/*@media only screen and  (max-width:767px) 끝*/

/*추출*/