@charset "utf-8";
/*base-fonts*/
/* 웹 폰트 - 나눔고딕, 나눔고딕 볼드 */
@font-face {
	font-family:'NG';
	font-style:normal;
	font-weight:400;
	src:url('../font/NanumGothic.eot');
	src:local(※), url('../font/NanumGothic.eot') format('embedded-opentype'), url('../font/NanumGothic.woff') format('woff');
}
@font-face {
	font-family:'NGBold';
	font-style:normal;
	font-weight:700;
	src:url('../font/NanumGothicBold.eot');
	src:local(※), url('../font/NanumGothicBold.eot') format('embedded-opentype'), url('../font/NanumGothicBold.woff') format('woff');
}
/*Common reset-----------------------------------------------------------------*/
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
	margin:0;
	padding:0
}
body, input, textarea, select, button, table, pre {
	font-family:'NG', 'NGBold', '돋움';
	font-size:14px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
img, fieldset {
	border:0
}
ul, ol {
	list-style:none
}
em, address {
	font-style:normal
}
a {
	text-decoration:none
}
a:hover, a:active, a:focus {
	text-decoration:none;
}
legend {
	display:block;
	overflow:hidden;
	position:absolute;
	left:0;
	top:-1000em;
}
hr {
	display:none;
}
/*Can not be changed-----------------------------------------------------------*/

/*clearfix-------------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
	zoom: 1;
}/* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
.clearfix {
	display: block;
}
/*end of clearfix */

/*blind------------------------------------------------------------------------*/
.blind {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	clear:both;
	visibility:hidden;
*zoom:1;
	font-size:0;
	line-height:0;
}
/*link-----------------------------------------------------------------------*/
a {
	color:#555;
	text-decoration:none;
}
a:link {
	color:#555;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	color:#ff4309;
	text-decoration:none;
}
a:active {
	text-decoration:none;
}
/*override common style--------------------------------------------------------*/
/*메뉴단*/
#menuWrap { clear:both; position:relative; z-index:13; width:100%; height:65px; border-bottom:3px solid #005aab; overflow:visible; background-color:#FFFFFF;   }
#menuWrap #bgGnb { display:none; position:absolute; top:65px; left:0; z-index:10; width:100%; height:240px; overflow:hidden; padding-bottom:5px; border-top:1px solid #131313; background-color:#005aab;}
#menu { position:relative; z-index:15; width:960px; height:65px; margin:0 auto; }
#menu h1 { float:left; margin:15px 0 0 0; }
#menu .btnEnglish { display:none; }
#menu #btnGnb { display:none; position:absolute; right:0; top:0; width:57px; height:65px; background:url('../images/common/header/btnGnb.gif') center center no-repeat #005aab; font-size:0; text-indent:-1000px; }
#menu #btnGnb2 img { width:57px; }
#menu #gnb { float:right; position:static; width:650px;  }
#menu #gnb ul li { float:left; padding:25px 0 0 0; margin:0 30px; list-style:none;   }
#menu #gnb ul li a.topDepth { 
    display:block;   
    float: left;
    color: #2e2e2e;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    font-family: "나눔고딕", NanumGothic;
	height:38px;
	 }
#menu #gnb ul li a.topDepth img {  }
#menu #gnb ul li a.topDepth:hover, #header #gnb ul li a.topDepth:focus, #header #gnb ul li a.topDepth:active, #header #gnb ul li a.topDepth.on { border-bottom:5px solid #f15929; color:#005aab; }
#menu #gnb ul li ul.gnbSub { display:none; position:absolute; top:66px; left:0; z-index:0; overflow:hidden; padding-top:20px; background:#005aab; }
#menu #gnb ul li ul.gnb01 { left:345px; }
#menu #gnb ul li ul.gnb02 { left:470px; }
#menur #gnb ul li ul.gnb03 { left:580px; }
#menu #gnb ul li ul.gnb04 { left:712px; }
#menur #gnb ul li ul.gnb05 { left:853px; }
#menu #gnb ul li ul li { float:none; margin:0; padding:0 0 15px 0; }
#menur #gnb ul li ul li ul { padding:3px 0 0 5px;  }
#menu #gnb ul li ul li ul li { float:none; margin:0; padding:5px 0 0 0; }
#mGnb { display:none; }
/*상단메뉴*/	
.top_menu {
	z-index:100;
	width:100%;
	height:29px;
	background-color:#efefef;
	text-align:center;
	margin:0 auto;
}
#topmenu_box {
	z-index:100;
	height:29px;
	width:960px;
	text-align:right;
	margin:0 auto;
}


/*layout-----------------------------------------------------------------------*/
#wrap {
	position:relative;
	width:100%;
	background-color:#d7d5d4;
}
#header {
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	width:100%;
	height:65px;
}
#header #navi {
	
	top:0px;
	position:relative;
	width:100%;
	height:65px;
	margin:0 auto;
}
#footer {
	width:100%;
	background:#fff;
	border-top :1px solid #d9d9d9; 
	height:60px;
	overflow:hidden;
}
#footer .finner {
	width:1060px;
	height:60px;
	margin:0 auto;
}
#footer .fleft {
	float:left;
}
#footer .fleft .text {
	color:#515151;
	margin:5px;
	height:15px;
	line-height:15px;
	font-size:10px;
	padding-left:50px;
	padding-top:10px;

	text-transform:uppercase;
}
#footer .fleft .copy {
	color:#959595;
	margin:5px;
	height:15px;
	line-height:15px;
	font-size:10px;
	padding-left:50px;
	text-transform:uppercase;
}
#overlap {
	position:relative;
	width:100%;
}
#slider {
	position:relative;
}
#header .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:80px;
	background:#a4c538;
}
#header #navi ul.navi {
	margin:0 0 0;
}
#header #navi ul.navi:after {
	display:block;
	clear:both;
	content:''
}
#header #navi ul.navi li {
	display:block;
	float:left;
	width:19%;
	height:65px;
}
#header #navi ul.navi li a {
	display:block;
	height:40px;
	font-size:17px;
	text-align:center;
	text-transform:uppercase;
	margin:0 0 0 0;
	padding:35px 0 0;
	color:#fff;
	font-family:"NGBold";
}
#header #navi ul.navi li a:hover {
	color:#e50239;
}
#header #navi ul.navi li.on a {
	color:#e50239;
	background:url('../img/ico_navi.gif') no-repeat center 60px;
}
#header #navi ul.navi li#logo a {
	height:58px;
	padding:0px 0 0;
}
#header #navi ul.navi li#logo a:hover {
	background:none;
}
#header #navi ul.navi li#logo.on a {
	background:none;
}
#header #navi ul.navi li#logo {
	z-index:5;
	position:absolute;
	left:40%;
}
#header #navi ul.navi li.port {
	margin-left:20%;
}
#atop {
	position:fixed;
	z-index:100;
	top:50%;
	right:10px;
	width:49px;
	height:49px;
	display:none;
}
#atop a {
	display:block;
	width:49px;
	height:49px;
	font-weight:bold;
	line-height:50px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:url('../img/btn_top.png') no-repeat;
}
#atop a:hover {
	opacity:.7
}
h2 {
	font-size:700%;
	color:#a4c538;
	line-height:1;
	font-weight:normal;
	font-family:'NGBold';
}
/*content*/
#content {
	position:fixed;
	z-index:98;
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:#fff;
}
#content:after {
	display:block;
	clear:both;
	content:''
}
/*content base vlaue*/
#content .sec {
	position:relative;
	top:0;
	margin:0 auto;
	padding:97px 0 0;
	background-repeat:no-repeat;
	text-align:center;
}
#content .sec {
	width:960px;
	height:100%;
}
#content .main {
	width:100%;
	height:406px;
	background-color:#fff;
	background-position:bottom;
	    border-bottom: 1px solid #ddd;
}
#content .intro {
	background:url(../img/intro.png) no-repeat;
	background-position:bottom
}
#content .about {
	width:100%;
	height:872px;
	background:url(../img/about_bg.png);
}
#content .portfolio {
	width:100%;
	height:913px;
	background:url(../img/organization_bg.png) no-repeat;
	background-position:center;
}
#content .contactus {

}
#content .sec .inner {
	position:relative;
	top:0;
	width:100%;
	height:100%;
	min-height:403px;
}
#content .sec .inner * {
	position:relative;
}
#content .sec .inner .h2 {
	position:relative;
	top:0;
	right:8%;
	width:84%;
}
#content .sec .inner .h2_1 {
	position:relative;
	margin-top:0px;
	right:22%;
	color:#8b7e6e;
	font-size:70px;
}
/*기준 상단 margin-top: 이후 relative 로 속성을 주구 기준점 오프젝트부터 간격 조정 */
#content .sec .inner .txt1 {
	position:relative;
	margin-top:50px;
	left:10%;
	width:80%;
	font-size:140%;
	color:#000;
	font-weight:bold;
}
#content .sec .inner .txt2 {
	position:relative;
	margin-top:10px;
	left:12%;
	width:80%;
	font-size:95%;
	line-height:160%;
	color:#8b7e6e;
}
#content .sec .inner .txt {
	position:relative;
	font-size:140%;
	font-weight:bold;
}
#content .sec .inner .txt * {
	position:relative;
}
#content .sec .inner .txt em {
	display:block;
	color:#000;
	font-weight:normal;
	margin-bottom:15px;
}
#content .sec .inner .txt span {
	display:block;
	color:#444;
}
#content .sec .inner .txt span.stxt {
	font-size:78%;
	color:#bbb;
}
#content .sec .inner .txt u {
	padding-left:0;
	text-decoration:none;
	font-size:70%;
	color:#888;
	font-weight:normal;
}
#content .sec .btn_next {
	position:relative;
	width:100%;
	height:41px;
}
#content .sec .btn_next a.btn_next_menu {
	position:relative;
	display:block;
	width:41px;
	height:41px;
	-webkit-transition:-webkit-transform 1s;
	margin:0 auto;
}
#content .sec .btn_next a.btn_next_menu:hover {
	-webkit-transform:rotate(360deg)
}/*scale(1.05);*/
/*main*/
#content .main .inner .h2 {
	width:84%;
	top:0;
	left:8%;
}
#content .main .inner .h2_1 {
	width:84%;
	left:20%;
}
#content .main .inner .txt1 {
	margin-top:55px;
	left:11%;
	width:80%;
}
#content .main .inner .txt2 {
	margin-top:15px;
	left:11%;
	width:63%;
}
#content .main .btn_next {
	margin-top:150px;
}
#content .main a.btn_next_menu {
	left:-300px;
}
/*intro*/
#content .intro .inner .h2 {
	width:60%;
	top:0;
	left:20%;
	text-transform:uppercase;
}
#content .intro .inner .h2_1 {
	left:38%;
}
#content .intro .inner .txt2 {
	position:relative;
	top:30px;
	left:50%;
	width:25%;
}
#content .intro .inner .txt {
	height:0;
}
#content .intro .inner .txt em {
	font-family:"NG";
	font-weight:700;
	font-size:140%;
	margin-left:10%;
}
#content .intro .inner .txt span {
	margin-left:11%;
	font-weight:normal;
	font-size:13px;
	line-height:18px;
}
#content .intro .inner .txt p {
	margin-left:11%;
}
#content .intro .btn_next {
	margin-top:200px;
}
#content .intro a.btn_next_menu {
	left:-300px;
}
/*strategy*/
#content .strategy .inner .h2 {
	width:76%;
	top:0;
	left:12%;
	text-transform:uppercase;
}
#content .strategy .inner .h2_1 {
	left:20%;
}
#content .strategy .inner .txt2 {
	margin-top:50px;
	left:28%;
	width:250px;
}
#content .strategy .inner .strategy_cont {
	position:relative;
	width:100%;
	margin-top:70px;
	margin-bottom:30px;
	margin-left:80px;
}
#content .strategy .inner .strategy_cont:after {
	display:block;
	clear:both;
	content:''
}
#content .strategy .inner .strategy_cont .txt {
	margin-bottom:15px;
	height:0;
}
#content .strategy .inner .strategy_cont .txt em {
	font-family:"NG";
	font-weight:700;
	font-size:140%;
	margin-left:10%;
}
#content .strategy .inner .strategy_cont .txt span {
	margin-left:11%;
	font-weight:normal;
	font-size:13px;
	line-height:18px;
}
#content .strategy .inner .strategy_cont .txt p {
	margin-left:11%;
}
#content .strategy .btn_next {
	z-index:6;
	margin-top:270px;
}
#content .strategy a.btn_next_menu {
	left:-200px;
}
/*contents*/
#content .portfolio .inner .h2 {
	width:76%;
	top:0;
	left:12%;
	text-transform:uppercase;
}
#content .portfolio .inner .h2_1 {
	left:20%;
}
#content .portfolio .inner .portfolio_cont {
	position:relative;
	width:70%;
	margin-top:70px;
	margin-bottom:30px;
	margin-left:80px;
}
#content .portfolio .inner .portfolio_cont:after {
	display:block;
	clear:both;
	content:''
}
#content .portfolio .inner .portfolio_cont .txt {
	margin-bottom:15px;
	height:0;
}
#content .portfolio .inner .portfolio_cont .txt em {
	font-family:"NG";
	font-weight:700;
	font-size:140%;
	margin-left:10%;
}
#content .portfolio .inner .portfolio_cont .txt span {
	margin-left:11%;
	font-weight:normal;
	font-size:13px;
	line-height:18px;
}
#content .portfolio .inner .portfolio_cont .txt p {
	margin-left:11%;
}
#content .portfolio .btn_next {
	position:relative;
	z-index:5;
	margin-top:280px;
}
#content .portfolio a.btn_next_menu {
	left:-220px;
}
/*contactus*/
#content .contactus .inner .h2 {
	top:0;
	left:6%;
	width:100%;
	text-transform:uppercase;
}
#content .contactus .inner .h2_1 {
	left:20%;
}
#content .contactus .inner .txt1 {
	position:relative;
	margin-top:70px;
	width:80%;
	font-size:140%;
}
#content .contactus .inner .map_container {
	position:relative;
	width:100%;
}
#content .contactus .inner .map_container * {
	position:relative;
}
#content .contactus .inner .map_container .address {
	position:relative;
	width:90%;
	left:10%;
	margin-top:40px;
	text-align:left;
	height:150px;
}
#content .contactus .inner .map_container .address p {
	width:350px;
	min-height:15px;
	margin-bottom:10px;
	margin-left:30px;
	padding-left:20px;
	font-size:12px;
	line-height:140%;
	color:#878787;
}
#content .contactus .inner .map_container .address .add {
	background:url('../img/ico_address.gif') no-repeat;
}
#content .contactus .inner .map_container .address .tel {
	float:left;
	width:90px;
	background:url('../img/ico_tel.gif') no-repeat;
}
#content .contactus .inner .map_container .address .fax {
	float:left;
	width:120px;
	background:url('../img/ico_fax.gif') no-repeat;
}
#content .contactus .inner .map_container .address .hp {
	clear:left;
	margin-bottom:10px;
	width:90px;
	background:url('../img/ico_hp.gif') no-repeat;
}
#content .contactus .inner .map_container .address .subway {
	clear:left;
	background:url('../img/ico_subway.gif') no-repeat;
}
#content .contactus .inner .map_container .address .bus {
	background:url('../img/ico_bus.gif') no-repeat;
}
#content .contactus .inner .map_container .address .fb {
	background:url('../img/ico_fb.gif') no-repeat;
}
#content .contactus .inner .map_container .address .home {
	background:url('../img/ico_home.gif') no-repeat;
}
#content .contactus .inner .map_container .address .mail {
	clear:left;
	margin-bottom:10px;
	min-height:15px;
	line-height:15px;
	padding-left:20px;
	background:url('../img/ico_mail.gif') no-repeat;
}
#content .contactus .inner .map_container .address .mail a {
	color:#878787;
}
.btn {
	vertical-align:middle;
	margin-top:5px;
}
/* popup */

#pop_contents {
	padding:20px;
	display:none;
}
#pop_contents h3 {
	font-size:18px;
	margin-bottom:15px;
}
#pop_contents .pcontent {
	font-size:12px;
	color:#666;
	line-height:20px;
	text-align:left
}
#pop_business {
	padding:20px;
	display:none;
}
#pop_business h3 {
	font-size:18px;
	margin-bottom:15px;
}
#pop_business .pcontent {
	font-size:12px;
	color:#666;
	line-height:20px;
	text-align:left
}
#pop_intro {
	padding:20px;
	display:none;
}
#pop_intro h3 {
	font-size:18px;
	margin-bottom:15px;
}
#pop_intro .pcontent {
	font-size:12px;
	color:#666;
	line-height:20px;
	text-align:left
}

.Map_Information { width:960px; height:300px; text-align:center; margin:0 auto;}
.Map_Information span{   
    color: #212121; 
	float:left; 
	font-size: 13px;
    font-family: "나눔고딕", NanumGothic;
	text-align:left;
	font-weight:600;
	padding-right:8px;}
.Map_Information1 {
	width:960px;
	height:15px;
	clear: both;
    overflow: hidden;
    padding-left: 0px;
	background:url('../img/location_list1.png')0 7px no-repeat;
    color: #555; 
	float:left; 
	font-size: 12px;
    font-family: "나눔고딕", NanumGothic;
	text-align:left;
	font-weight:600;
	padding-left:50px;
	padding-top:20px;
	padding-bottom:10px;}
.Map_Information2 {
	width:960px;
	height:15px;
	clear: both;
    overflow: hidden;
    padding-left: 0px;
	background:url('../img/location_list2.png')0 7px no-repeat;
    color: #555; 
	float:left; 
	font-size: 12px;
    font-family: "나눔고딕", NanumGothic;
	text-align:left;
	font-weight:600;
	padding-left:50px;
	padding-top:20px;
	padding-bottom:10px;}
.Map_Information3 {
	width:960px;
	height:15px;
	clear: both;
    overflow: hidden;
    padding-left: 0px;
	background:url('../img/location_list3.png')0 7px no-repeat;
    color: #555; 
	float:left; 
	font-size: 12px;
    font-family: "나눔고딕", NanumGothic;
	text-align:left;
	font-weight:600;
	padding-left:50px;
	padding-top:20px;
	padding-bottom:10px;}
.Map_Information4 {
	width:960px;
	height:15px;
	clear: both;
    overflow: hidden;
    padding-left: 0px;
	background:url('../img/location_list4.png')0 7px no-repeat;
    color: #555; 
	float:left; 
	font-size: 12px;
    font-family: "나눔고딕", NanumGothic;
	text-align:left;
	font-weight:600;
	padding-left:50px;
	padding-top:20px;
	padding-bottom:10px;}
.Map_Information5 {
	width:960px;
	height:15px;
	clear: both;
    overflow: hidden;
    padding-left: 0px;
	background:url('../img/location_list5.png')0 7px no-repeat;
    color: #555; 
	float:left; 
	font-size: 12px;
    font-family: "나눔고딕", NanumGothic;
	text-align:left;
	font-weight:600;
	padding-left:50px;
	padding-top:20px;
	padding-bottom:10px;}
.Map_Information6 {
	width:960px;
	height:15px;
	clear: both;
    overflow: hidden;
    padding-left: 0px;
	background:url('../img/location_list6.png')0 7px no-repeat;
    color: #555; 
	float:left; 
	font-size: 12px;
    font-family: "나눔고딕", NanumGothic;
	text-align:left;
	font-weight:600;
	padding-left:50px;
	padding-top:20px;
	padding-bottom:10px;}