@charset "utf-8";
/* CSS Document */

body {
	background: url(../img/body_bg.gif) repeat fixed;
}

div.contentInner {clear:both; position:relative; z-index:777; 
width:1000px;
top:-20px; margin:0 auto; 
padding: 50px 40px;
}

.subheader {
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;
	font-size: 27px;
	line-height: 32px;
	margin-bottom: 25px;
	color :#464545;
	font-style: normal;
	font-weight: 900;
	}

.subheader_1 {
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;
	font-weight: 600;
	font-size: 18px;
	color :#464545;
} 

.content_text{
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;
	font-weight: 300;
	font-size: 15px;
	color :#464545;
	text-align : left;
	line-height: 25px;
}

.content_text_1 {
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;
	font-weight: 600;
	font-size: 18px;
	color :#464545;
}

.content_text_2 {
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;
	font-weight: 300;
	font-size: 13px;
	color :#464545;
	text-align : center;
}

.content_text_3 {
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;
	font-weight: 300;
	font-size: 15px;
	text-align : left;
}

p {
	text-align : center;
}

a:link {
	text-decoration: none; 
	font-family: 'Open Sans', sans-serif;
}

#intro {
	height: 410px;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;	
}

#headerbox {
	position:relative; 
	width:100%; 
	height:70px; 
	z-index:1000; 
	top:0; 
	left:0;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 7px 0px #818181;
	-moz-box-shadow: 0px 0px 7px 0px #818181;
	box-shadow: 0px 0px 7px 0px #818181;
}

#headerbox .headerInner {
	position:relative; 
	width:880px; 
	height:50px;  
	z-index:999; 
	margin : 0 auto;
}
						
#headerbox .logo {
	position:absolute;
	padding-top:12px; 
}

#headerbox .logo a {
	display:block; 
	width:140px; 
	height:50px; 
	background:url('../img/hent_logo.png') no-repeat 0 0; 
	text-indent:-9999em; 
	margin : 0 auto;
}

#headerbox .tMenu {
	position:relative; 
	left : 150px;
}

#headerbox .tMenu ul {
	padding-top:20px; 
	display:inline-block; 
	width:100%; 
}

#headerbox .tMenu ul li {
	float:left; 
	display:block;
	margin-left:25px;
}

#headerbox .tMenu ul li a {
	display:block; 
	height:30px; 
	background:url('../img/tmenu.png') no-repeat 0 0;
	text-indent:-9999em; 
	margin-right:12px;
	margin : 0 auto;
}

#headerbox .tMenu ul li a.tGo_1 {
	background-position:0 0;  
	width:85px;		
}

#headerbox .tMenu ul li a.tGo_2 {
	background-position:-96px 0; 
	width:85px;
}

#headerbox .tMenu ul li a.tGo_3 {
	background-position:-189px 0; 
	width:85px;
}

#headerbox .tMenu ul li a.tGo_4 {
	background-position:-281px 0; 
	width:85px;
}

#headerbox .tMenu ul li a.tGo_5 {		
	background-position:-375px 0; 
	width:85px;
}

#headerbox .tMenu ul li a.tGo_6 {		
	background-position:-469px 0; 
	width:85px;
}

#headerbox .tMenu ul li a.tGo_7 {
	background-position:-587px 0; 
	width:85px;
}

#headerbox .tMenu ul li a.tGo_1:hover {
	background-position:0 -30px;
}

#headerbox .tMenu ul li a.tGo_2:hover {
	background-position:-96px -30px;
}

#headerbox .tMenu ul li a.tGo_3:hover {
	background-position:-189px -30px;
}

#headerbox .tMenu ul li a.tGo_4:hover {
	background-position:-281px -30px;
}

#headerbox .tMenu ul li a.tGo_5:hover {
	background-position:-375px -30px;
}

#headerbox .tMenu ul li a.tGo_6:hover {
	background-position:-469px -30px;
}

#headerbox .tMenu ul li a.tGo_7:hover {
	background-position:-587px -30px;
}

#about {
	background: url(../img/grey_bg.png) repeat;
	width: 100%;
	height: 470px;
	position: relative;
	z-index: 400;
	margin-top: -13px;
	border-top: 2px groove #ddd; 
}

#about .subheader {
	margin-top: 53px;
}
			
.about_copy {
	margin-top: 30px;
}

.about_copy_line {
	background: url(../img/about_line.png) repeat;
	margin-top: 30px;
	margin-left: 15px;
	height : 220px;
	width : 1px;
	-webkit-box-shadow: 0px 0px 2px 0px #818181;
	-moz-box-shadow: 0px 0px 2px 0px #818181;
	box-shadow: 0px 0px 2px 0px #818181;
}

.about_bg_bottom {
	background: url(../img/about_bg_bottom.png) repeat-x;
	background-color: #fff;
	width: 100%;
	height: 14px;
	position: relative;
	z-index: 500;
}

#CI {
	width: 100%;
	height: 750px;
	background-color: #fff;
	position: relative;
	z-index: 400;
	text-align: center;
}

.CI_icons {
	margin: 50px 0 20px 0;
}

.CI_icon1 {
	background: url(../img/ic_icon1.png) no-repeat;
	width: 181px;
	height: 181px;
	text-align: center;
	margin: 0 auto;
}

.CI_icon2 {
	background: url(../img/ic_icon2.png) no-repeat;
	width: 181px;
	height: 181px;
	text-align: center;
	margin: 0 auto;
}

.CI_icon3 {
	background: url(../img/ic_icon3.png) no-repeat;
	width: 181px;
	height: 181px;
	text-align: center;
	margin: 0 auto;
}

.CI_icon4 {
	background: url(../img/ic_icon4.png) no-repeat;
	width: 181px;
	height: 181px;
	text-align: center;
	margin: 0 auto;
}

span.first_letter{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 26px;
	text-transform: uppercase;
	color: #0f6936;
	margin-right : -7px;
}

span.other_letter{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #4e4e4e;
}

.ci_box {
    margin: 0 auto;
	margin-top: 80px;
}

.CI_bg_bottom {
	background: url(../img/ci_bg_bottom.png) repeat-x;
	width: 100%;
	height: 13px;
	position: relative;
	z-index: 500;
}

#ba {
	background: url(../img/grey_bg.png) repeat;
	width: 100%;
	height: 900px;
	position: relative;
	z-index: 400;
	margin-top: -13px;
}
                                            
.ba_box {
	background:  url(../img/ba.png) no-repeat;
	width: 90%;
	height: 230px;
	margin-left : 60px;
	margin-top : 50px;
}

.ba_bg_bottom {
	background: url(../img/about_bg_bottom.png) repeat-x;
	background-color: #fff;
	width: 100%;
	height: 14px;
	position: relative;
	z-index: 500;
}

#work {
	margin-top: -12px;
	background-color: #fff;
	width: 100%;
	height: 950px;
	position: relative;
	z-index: 400;
}

.subheader {
	text-align: center;
	margin-top: 70px;
}

.gallery {
	width : 95%;
	margin: 0 auto;
	margin-top: 70px;
}

.work_pic1{ 
	width:280px; height:180px; 
	background: url(../img/br_topis.png) no-repeat;
	-webkit-box-shadow: 0px 0px 0px 1px #d9d7d7;
	-moz-box-shadow: 0px 0px 0px 1px #d9d7d7;
	box-shadow: 0px 0px 0px 1px #d9d7d7;
} 
.work_pic2{ 
	width:280px; height:180px; 
	background: url(../img/br_lh.png) no-repeat;
	-webkit-box-shadow: 0px 0px 0px 1px #d9d7d7;
	-moz-box-shadow: 0px 0px 0px 1px #d9d7d7;
	box-shadow: 0px 0px 0px 1px #d9d7d7;
} 
.work_pic3{ 
	width:280px; height:180px; 
	background: url(../img/br_tr.png) no-repeat; 
	-webkit-box-shadow: 0px 0px 0px 1px #d9d7d7;
	-moz-box-shadow: 0px 0px 0px 1px #d9d7d7;
	box-shadow: 0px 0px 0px 1px #d9d7d7;
} 
.work_pic4{ 
	width:280px; height:180px; 
	background: url(../img/br_sec.png) no-repeat;
	-webkit-box-shadow: 0px 0px 0px 1px #d9d7d7;
	-moz-box-shadow: 0px 0px 0px 1px #d9d7d7;
	box-shadow: 0px 0px 0px 1px #d9d7d7;
} 
.work_pic5{ 
	width:280px; height:180px; 
	background: url(../img/br_hoguk.png) no-repeat;
	-webkit-box-shadow: 0px 0px 0px 1px #d9d7d7;
	-moz-box-shadow: 0px 0px 0px 1px #d9d7d7;
	box-shadow: 0px 0px 0px 1px #d9d7d7;
} 
.work_pic6{ 
	width:280px; height:180px; 
	background: url(../img/br_bigdata.png) no-repeat;
	-webkit-box-shadow: 0px 0px 0px 1px #d9d7d7;
	-moz-box-shadow: 0px 0px 0px 1px #d9d7d7;
	box-shadow: 0px 0px 0px 1px #d9d7d7;
} 
.work_pic7{ 
	width:280px; height:180px; 
	background: url(../img/br_rescue.png) no-repeat;
	-webkit-box-shadow: 0px 0px 0px 1px #d9d7d7;
	-moz-box-shadow: 0px 0px 0px 1px #d9d7d7;
	box-shadow: 0px 0px 0px 1px #d9d7d7;
}
.work_pic8{ 
	width:280px; height:180px; 
	background: url(../img/br_tanzania.png) no-repeat;
	-webkit-box-shadow: 0px 0px 0px 1px #d9d7d7;
	-moz-box-shadow: 0px 0px 0px 1px #d9d7d7;
	box-shadow: 0px 0px 0px 1px #d9d7d7;
}


.work_hovortext{ 
	width:260px; 
	height:160px; 
	background:#000000; 
	opacity:0;
}

.work_pic1:hover .work_hovortext { 
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;opacity:0.6;text-align:justify;	color:#ffffff;	font-size:13px;	font-weight:700;padding:10px;line-height: 15px;}
.work_pic2:hover .work_hovortext { 
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;opacity:0.6;text-align:justify;	color:#ffffff;	font-size:13px;	font-weight:700;padding:10px;line-height: 15px;}
.work_pic3:hover .work_hovortext { 
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;opacity:0.6;text-align:justify;	color:#ffffff;	font-size:13px;	font-weight:700;padding:10px;line-height: 15px;}
.work_pic4:hover .work_hovortext { 
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;opacity:0.6;text-align:justify;	color:#ffffff;	font-size:13px;	font-weight:700;padding:10px;line-height: 15px;}
.work_pic5:hover .work_hovortext { 
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;opacity:0.6;text-align:justify;	color:#ffffff;	font-size:13px;	font-weight:700;padding:10px;line-height: 15px;}
.work_pic6:hover .work_hovortext { 
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;opacity:0.6;text-align:justify;	color:#ffffff;	font-size:13px;	font-weight:700;padding:10px;line-height: 15px;}
.work_pic7:hover .work_hovortext { 
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;opacity:0.6;text-align:justify;	color:#ffffff;	font-size:13px;	font-weight:700;padding:10px;line-height: 15px;}
.work_pic8:hover .work_hovortext { 
	font-family: 'Nanum Gothic',"맑은 고딕","MalgunGothic",'AppleSDGothic','돋움','dotum',sans-serif;opacity:0.6;text-align:justify;	color:#ffffff;	font-size:13px;	font-weight:700;padding:10px;line-height: 15px;}

.portfolio li { 
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}

.portfolio a {
	display: block;
	text-decoration: none;
}

.work_bg_bottom {
	background: url(../img/partner_bg_bottom.png) repeat-x;
	width: 100%;
	height: 13px;
	position: relative;
	z-index: 500;
}

#partner {
	margin-top: -13px;
	background: url(../img/grey_bg.png) repeat;
	width: 100%;
	height: 500px;	
	position: relative;
	z-index: 400;
}

#partner .subheader {
	margin-bottom: 60px;
}

.ss {
	-webkit-box-shadow: 0px 0px 0px 1px #d9d7d7;
	-moz-box-shadow: 0px 0px 0px 1px #d9d7d7;
	box-shadow: 0px 0px 0px 1px #d9d7d7;
}

.ss:hover {
	-webkit-box-shadow: 0px 0px 0px 2px #0f6936;
	-moz-box-shadow: 0px 0px 0px 2px #0f6936;
	box-shadow: 0px 0px 0px 2px #0f6936;
}

.group:after { 
	visibility: hidden;
	display: block;
	content: "";
	clear: both; 
	height: 0; 
}

dl {
	margin-top: 50px;
	margin-bottom: 30px;
	color: #595858;
	padding: 10px;
}

dt, dd {
	float: left;
}

dt {
	margin-right: 5px;
}

.filter li {
	float: left;
}

.filter li:after {
	content: "";
}

.filter li:last-child:after {
	content: "";
}

.filter a {
	padding: 0 8px;
	margin: 0 2px;
	color: #595858;
	text-decoration: none;
}

.filter a:hover, .current a {
	color: #fff;
	background: #0f6936;
	border-radius: 1px;
}

.partner li { 
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

.partner a {
	display: block;
	text-decoration: none;
}

.partner img {
	width: 130px;
	height: 50px;
	display: block;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.spacer {
	padding-bottom: 37px;
}

.partner_bg_bottom {
	background: url(../img/work_bg_bottom.png) repeat-x;
	width: 100%;
	height: 13px;
	position: relative;
	z-index: 500;
}

#contact {
	background-color: #fff;
	width: 100%;
	height: 700px;
	margin-top: -13px;
	position: relative;
	z-index: 400;
}

#contact .subheader {
	margin-bottom: 60px;
}

.done {
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none
}

div.contact_box{
	width:90%; 
	margin:0px auto; 	
}

.contact_info p {
	margin-bottom: 6px;
	color: #4e4e4e;
}

.contact_info img {
	vertical-align: baseline;
	margin-right: 8px;
}

span.address {
	margin-left: 30px;
	font-family:'Nanum Gothic','돋움',Dotum,AppleGodic,sans-serif; 
	font-weight: 400;
	font-size: 14px;
	color: black;
	line-height:1.5em;
	text-indent:-1px;
}

span.address2 {
	font-family:'Nanum Gothic','돋움',Dotum,AppleGodic,sans-serif; 
	font-weight: 400;
	font-size: 14px;
	color: black;
	line-height:1.5em;
	text-indent:-1px;
}

.map_frame {
	margin-top: 20px;
	-webkit-box-shadow: 0px 0px 7px 0px #818181;
	-moz-box-shadow: 0px 0px 7px 0px #818181;
	box-shadow: 0px 0px 7px 0px #818181;
}

.contact_bg_bottom {
	background: url(../img/partner_bg_bottom.png) repeat-x;
	width: 100%;
	height: 13px;
	position: relative;
	z-index: 500;
}

#recruit {
	background: url(../img/grey_bg.png) repeat;
	width: 100%;
	height: 450px;
	margin-top: -13px;
	position: relative;
	z-index: 400;
}

#recruit .subheader {
	margin-bottom: 60px;
}

div.recruit_text {
	margin-left: 55px;
}

.recruit_bg_bottom {
	background: url(../img/work_bg_bottom.png) repeat-x;
	width: 100%;
	height: 13px;
	position: relative;
	z-index: 500;
}

footer {
	margin-top: -13px;
	background: url(../img/intro_bg.jpg) repeat fixed;
	height: 70px;
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 400;
	
}

footer p {
	padding: 25px 0 20px 0;
	font-size: 16px;
}