/*@font-face{
font-family: "NanumBarunGothic";
src: url('fonts/NanumBarunGothic.eot')format('eot');
src: url('fonts/NanumBarunGothic.woff') format('woff');
}*/
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);

*{margin:0; padding:0;}
body{font-size:14px; line-height:150%;
	 font-family: "Nanum Barun Gothic";
	 height:auto;}

a{text-decoration:none; color:#0c5640;}
li{list-style:none;}
img{border:0; vertical-align:middle;}
/*.fl{float:left;}
.fr{float:right;}*/
.cb:after{content:""; display:block; clear:both;}


.lato{font-family: 'Lato', sans-serif;}
.sectionOneGreen{color:#377b36;}

/* 시각장애인을 위한 웹 접근성 향상: 각 영역 소개 */
.forYou{margin-left:-99999px; height:0px;}


/* header 영역 스타일 시작 */
header{width:100%; height:638px; /*background:#0c5640purple;*/
background:url(../images/mainbg.jpg) center center no-repeat;
background-size:cover;
margin:0 auto; position:relative;}

#headerWrap{width:100%; height:76px; 
			position:fixed;
			z-index:10000;	
			padding:10px;
			box-sizing:border-box;}
			
.headerBg{background:rgba(12,86,64,0.9);
		box-shadow:0px 1px 3px rgba(49,49,49,0.6);}

#headerWrap .perrierLogo{float:left;}
#headerWrap .wholeMenu{float:right; padding-top:12px; padding-right:5px;}
#headerWrap .exit{float:right; padding-top:8px; padding-right:2px;}
/*#headerWrap .perrierLogo{padding-top:11px;
						 padding-left:10px;}
#headerWrap .wholeMenu{margin-top:-47px;
					   padding-right:14px;}*/

					   
/* nav 영역 스타일 시작 */
nav{width:100%; height:314px;
	background:rgba(12,86,64,0.9);
	text-align:center;
	position:fixed; top:76px;
	z-index:2;}
nav ul{padding-top:30px;}
nav ul li{color:#8ebd8e;}
nav ul li:nth-child(1){margin-bottom:28px;}
nav ul li:nth-child(2){margin-bottom:28px;}
nav ul li:nth-child(3){margin-bottom:28px;}
nav ul li a{color:#fff; font-family: 'Lato', sans-serif;
			font-size:1.8em; box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;}	
nav .navSub{display:none; color:#8ebd8e;}
nav .navSub a{font-family: "Nanum Barun Gothic";
			  font-size:1em;
			  color:#fff;}
nav hr{width:32px; border-top:2px solid #d7ede1;
			border-left:0; border-right:0; border-bottom:0;
			margin:0 auto; margin-bottom:10px;}			  

			
/* footer 영역 스타일 시작 */
footer{width:100%; text-align:center;
	   height:300px;
	   padding-top:100px;
	   padding-bottom:20px;
	   box-sizing:border-box;
	   -webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	   background:url("../images/footerbg2.jpg") no-repeat center -30px;
	   background-size:cover;}
#footerWrap{width:93%; height:186px;
			background:rgba(12,86,64,0.7);
			margin:0 auto;
			box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding-top:20px;}
.footerSns{padding-bottom:10px;}
.footerSns p a:nth-child(1){margin-right:6px;}
.footerSns p a:nth-child(2){margin-right:6px;}
.footerSns p a:nth-child(3){margin-right:6px;}
span.footerGreen{color:#8ebd8e;}
#footerWrap p{color:#d7ede1; font-size:0.9em;}
#footerWrap p>a{color:#d7ede1; font-size:0.95em;}
#footerWrap p.copy{padding-top:26px;}


/* top버튼 스타일 시작 */
#topBtn{position:fixed; bottom:10px; right:10px;
		width:50px; height:50px; z-index:1000;}
#topBtn a{width:100%; height:100%;border-radius:25px;
		  background:rgba(12,86,64,0.9);
		  display:block; line-height:50px;
		  box-shadow:0px 1px 1px #444;}
#topBtn a:hover{background:rgba(12,86,64,1);}
#topBtn img{padding-left:11px; width:28px;}