@charset "utf-8";
/* ----------
css
---------- */

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://fonts.googleapis.com/css?family=Raleway:400,600,700,900");
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url("font.css");
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

/* layout */
body, table, th, td,
textarea, button, input[type="button"] {
	font-family:'Noto Sans Korean',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	font-size:13px;
	color:#2a2a2a;;
	word-break:keep-all;
}
::-moz-selection { color:#fff; background:#07702f; }
::selection { color:#fff; background:#07702f; }
/* ===================================
	공통클래스
 =================================== */
body { background-color:#fff; }
button{cursor:pointer; padding:0; margin:0px;}
input[type="button"]{cursor:pointer;}
#wrap {overflow:hidden; width:100%; } /* min-width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.font-nanum{font-family:"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.font-nanumbarun{font-family:NanumBarunGothic,"Nanum Barun Gothic","나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
table {width:100%;table-layout:fixed;}
.material-icons{vertical-align:middle;}


@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}




	
#middleArea{padding:30px 0;}

	
.area{width:100%;}

	
/* -------- 헤더 -------- */
#header{position:fixed; top:0px; left:0px; width:100%; background-color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .3); box-shadow: 0 1px 4px rgba(0, 0, 0, .2); z-index:9999; }
#headerInner{padding:5px 0 5px 0; position:relative; width:100%; margin:0 auto;}
#headerInner .logo{position:static; top:0; width: 120px; z-index:1; padding: 7px 0 7px 20px;}
#headerInner .logo a{width:184px; height: 44px; display:block; background:url(/images/common/logo.png) no-repeat center;  font-size:0; background-size:100%; }


.gnb-open-btn{ position:absolute; top: 22%; right:15px; visibility:visible; opacity:1;filter:Alpha(opacity=100); transform:translateX(0); -moz-transform:translateX(0); text-align: center;}
.gnb-open-btn i{font-size:34px; line-height: 100%; color:#2a2a2a;}
	
	
#gnbM{/* width:86%; */ width:300px; height:100%; position:fixed; top:0px; right:-100%; max-width:550px; background-color:#07702f; z-index:99999; overflow-y:auto;
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
#gnbM.open{right:0px;}
.close-box{cursor:pointer; display:block; height:114px; line-height:114px; padding:0 5%; border-bottom:1px solid rgba(255,255,255,0.2); text-align:right;}
.close-box i { color: #fff; font-size: 30px; }
#gnbNavigation > ul{width:100%; overflow:hidden;}
#gnbNavigation > ul > li{position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,0.2); }
#gnbM.open  #gnbNavigation> ul > li{animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
#gnbNavigation > ul > li > a{position:relative; display:block;  height:48px; line-height:48px; padding:0 7%; color:#fff; font-size:17px; font-weight:400; letter-spacing:-0.25px;}
#gnbNavigation > ul > li > a > i { float: right; margin-top: 12px; }
#gnbNavigation > ul > li .gnb-2dep{display:none; padding:13px 0; background-color:#1b8644}
#gnbNavigation > ul > li .gnb-2dep li{}
#gnbNavigation > ul > li .gnb-2dep li a{display:block; color:#fff; font-size:14px; padding:12px 7%;}
#gnbNavigation > ul > li .gnb-2dep li a:hover{}
#gnbMenuBg{display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; cursor:pointer; background-color:#000; background-color:rgba(0,0,0,0.83); z-index:99998}
	
.mobile_myp { padding-top: 15px; }
.mobile_myp li { float: left; }
.mobile_myp .myp { padding: 0 0 0 13px; }
.mobile_myp .myp a { display:inline-block; }
.mobile_myp .myp a .tit01 { color:#fff; font-family: "Noto Sans Korean", 'Nanum Gothic'; font-size: 13px; line-height: 31px; font-weight: 500; }
.mobile_myp .myp a:hover .tit01 { color: #fff; }
.mobile_myp .myp a i { font-size:14px; color:#fff; padding-right: 5px; }
.mobile_myp .myp a:hover i { color: #fff; }


		
	.subtit { text-align: center; font-size: 20px; line-height: 24px; font-family: "Noto Sans Korean", 'Nanum Gothic'; color: #2d2d2d; font-weight: 500; letter-spacing: -1px; }
	.subtit_line{ width:25px; height:2px; background: #2d2d2d; margin: 0 auto; margin-bottom: 5px; }
	.subtit span { font-size: 15px; line-height: 18px; font-weight: 400; letter-spacing: -1px; }
	

	/* -------- 푸터 -------- */
	.TopScroll { position:fixed; right:20px; bottom:-100px; width:38px; height:38px; background-size:15px; background:#000 url(../images/common/top_icon.png) no-repeat center; border-radius:5px; text-align:center; 
z-index:9999; opacity: 0.6; filter:alpha(opacity=60); transition:all 200ms linear; -webkit-transition:all 200ms linear;    -moz-transition:all 200ms linear;    -ms-transition:all 200ms linear;  
 -o-transition:all 200ms linear;}
	.TopScroll:hover {background-size:15px; background:#07702f url(../images/common/top_icon.png) no-repeat center; opacity: 1; filter:alpha(opacity=100)}
	.TopScroll a { text-indent:-99999em; display:block; overflow:hidden; width:38px; height:38px;}



footer {position:relative; width:100%; z-index:5; border-top: 1px solid #dbdbdb;}
.footerWrap{ padding: 30px 0 30px 0;}
.footerArea{ width: 90%; margin:0 auto; position: relative; text-align: center;}
.footerArea .leftCon{ clear: both; }
.footerArea .f_logo{ margin: 0 auto;}
.footerArea .f_logo img { width: 150px; }
.footerArea .leftCon address{ font-size: 11px; font-family: "Noto Sans Korean", 'Nanum Gothic'; line-height: 1.3; color: #5d5d5d; font-weight: 500; font-style: normal; padding-top: 5px; letter-spacing: -1px;}
.footerArea .leftCon address span{ color: #5d5d5d; font-weight: 100; font-size: 11px; padding: 0 5px;}
.footerArea .leftCon .copyright{ color: #252525; margin-top: 7px; font-family: "Noto Sans Korean", 'Nanum Gothic'; font-weight: 500; font-size: 11px; letter-spacing: -1px;}
.footerArea .leftCon .footerMenu span{ color: #2b2b2b; font-weight: 100; padding: 0 4px;}
.footerArea .leftCon .footerMenu a{ font-size: 12px; font-family: "Noto Sans Korean", 'Nanum Gothic'; color: #2b2b2b; font-weight: 500; letter-spacing: -1px;}
.footerArea .leftCon .footerMenu a:hover,
.footerArea .leftCon .footerMenu a:focus,
.footerArea .leftCon .footerMenu a.on{ color: #000;}
	
	

/* ===================================
	애니메이션효과
 =================================== */
@-webkit-keyframes inFromRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes inFromLeft {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}