@charset "utf-8";

/*setting*/
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,900");
*{font-family:"Nanum Gothic" !important;  } 

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
section, header{
	display: block;
}
/* General Demo Style */
body{
	font-weight: 400;
	font-size: 15px;
	color: #593741;
	overflow-y: scroll;
}
a{
	color: #333;
	text-decoration: none;
}
.container{
	width: 100%;
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
    width:1200px; 
	margin:0 auto;
	display: block;
    text-align: center;
	height:99px;
}

.logo { float:left; margin-top:25px; }
.lnb { float:right; margin-top:50px; }
.lnb li { float:left; padding:0 30px; font-size:15px; line-height:15px; border-right:1px solid #d9d9d9; text-transform:uppercase; font-weight:bold;  list-style:none; }
.lnb a:hover { list-style:none;text-decoration: none; }
#lnb_on { color:#007eaf; font-weight:bold; list-style:none; }


/* Header Style */
.codrops-top{
	line-height: 30px;
	font-size: 11px;
	background:#f3f3f3;
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}
.codrops-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	text-shadow: 0px 1px 1px #fff;
	display: block;
	float: left;
}
.codrops-top a:hover{
	background: #fff;
}
.codrops-top span.right{
	float: right;
}
.codrops-top span.right a{
	float: left;
	display: block;
}

#gnb_on { background: #434343; color:#fff;}

p.codrops-demos{
	text-align:center;
	display: block;
	padding: 14px;
}
p.codrops-demos a,
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
    display: inline-block;
	border: 1px solid #b19099;
	padding: 4px 10px 3px;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 3px;
	font-weight: 800;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #b19099;
	background: -moz-linear-gradient(top, #b19099 0%, #936975 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b19099), color-stop(100%,#936975));
	background: -webkit-linear-gradient(top, #b19099 0%,#936975 100%);
	background: -o-linear-gradient(top, #b19099 0%,#936975 100%);
	background: -ms-linear-gradient(top, #b19099 0%,#936975 100%);
	background: linear-gradient(top, #b19099 0%,#936975 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b19099', endColorstr='#936975',GradientType=0 );
}
p.codrops-demos a:hover{
	background: #b19099;
}
p.codrops-demos a:active{
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
}
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
	color: #443132;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
}
#testSlide3 {
	display: inline-block;
	border: 1px solid #b19099;
	padding: 4px 10px 3px;
	margin: 0px 3px;
	color: #fff;
	background: #111;
}
/* Media Queries */
@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
	p.codrops-demos {
		position: relative;
		top: auto;
		left: auto;
	}
}


/*메인디테일*/
.m_busi { width:1200px; margin:0 auto; padding-top:135px; height:407px;}
.m_busi .tit { font-size:30px; font-weight:bold; line-height:180%; text-transform:uppercase; margin-bottom:}
.m_busi .bx { float:left; border:1px solid #d9d9d9; width:289px; height:220px;}
.m_busi .bx img{padding:0 8px 8px 8px;}
.m_busi .bx span { display:block; line-height:51px; font-weight:400; }
.m_about { width:100%; height:325px; background:url(../images/m_about_bg.jpg) center no-repeat; }
.m_about .tit { font-size:50px; text-align:center;  color:#fff; padding-top:70px;}
.m_about .line { width:50px; height:1px; background:#fff; margin:30px auto 30px; }
.m_about .txt { text-align:center; font-size:15px; line-height:23px; color:#fff;}
.m_cus { width:1200px; margin:80px auto 80px; border:1px solid #d9d9d9; height:214px;}
.m_cus .noti { float:left; width:469px; text-align:left; padding:10px 0 0 42px; }
.m_cus .map { float:left; width:689px; }


/*서브공통*/
.sub_top_line { width:100%; height:1px; background:#d9d9d9;}
.sub_title { font-size:15px; color:#999; line-height:30px;  border-bottom:1px solid #d9d9d9; width:1200px; margin:50px auto; padding-bottom:30px;}
.sub_title span { font-size:35px; font-weight:bold; line-height:180%; color:#434343;}

/*서브디테일*/
.vision { margin:90px 0 100px 0;}
.info { widht:100%; height:464px; background:url(../about/images/info_bg.jpg) center no-repeat;}
.info .info_right { width:550px; position:relative; top:85px; left:49%; text-align:left;   }
.info .info_right .tit { font-size:40px; color:#0085b5; line-height:180%;  font-weight:bold;}
.info .info_right .txt { font-size:17px; color:#434343; line-height:160%; margin-top:20px;}
.history { width:1200px; margin:100px auto 100px; height:190px; background:url(../about/images/history_bg.jpg) top center no-repeat;}
.history .hbx{ width:400px; float:left; margin-top:50px;}
.history .hbx .yr{ text-align:center;  color:#0085b5;  font-weight:bold; font-size:20px; }
.history .hbx .txt { font-size:18px; text-align:center;  color:#434343; padding-top:50px;  line-height:25px;}

.loc_tab { width:100%; border:1px solid #d9d9d9; height:50px; margin-bottom:30px; }
.loc_tab ul li { width:568px; float:left; line-height:50px;   text-align:center;  color:#666; border-right:1px solid #d9d9d9; }
.loc_tab .last {border-right:1px solid #fff; }
#map_canvas{width:100%; height:370px;}
.map_sm{right:150px; width:200px; height:200px; background:url(../info/img/black_ap.png); position:absolute; z-index:100; margin-top:50px; padding:20px 30px 20px; color:#fff;}
.map_sm2{width:1000px; margin:50px auto 0px;}
.map_cnt{margin:50px auto; }
.map_table { font-size:13px;}
.map_table th {background:#3f3f3f; font-weight:bold; height:40px; color:#fff;}
.map_table td {background:#fff;   text-align:left;   padding:10px 0 10px 30px; }
.map_table td li { list-style:disc;}
.map_table td span { color:#39F; font-weight:bold;}

.busi_top { width:100%; height:302px; background:url(../busi/images/busi_top.jpg) center top no-repeat; margin-top:-50px; }
.busi_top img{ margin:70px auto 20px; }
.busi_top p{  color:#fff; font-size:17px; line-height:30px; text-align:center;}
.busi_cnt {width:1200px; margin:100px auto 50px;  height:830px;}
.busi_cnt .busi_bx { widht:386px; float:left; border:1px solid #d9d9d9; margin:0 27px 30px 0;   }
.busi_cnt .busi_bx_last { widht:386px; float:left; border:1px solid #d9d9d9;  }
.busi_cnt .busi_bx .bs_tit, .busi_cnt .busi_bx_last .bs_tit { font-size:13px; color:#a9a9a9; line-height:13px;height:70px; padding:20px 0 0 0 ;}
.busi_cnt .busi_bx .bs_tit span, .busi_cnt .busi_bx_last .bs_tit span{ font-size:17px; font-weight:600; line-height:200%; color:#434343;   display:block}
.busi_cnt .busi_bx .bs_img, .busi_cnt .busi_bx_last .bs_img { display:block; height:280px; }


.bo_cnt { width:1200px; margin:0 auto 80px; text-align:left; }

/*공통사항*/
.footer { width:100%; padding:30px 0;  background:#4f545a; text-align:center;}
.footer address { color:#c8c8c8; text-align:center;  margin-right:10px; font-size:13px;}
.foot { width:380px; margin:10px auto 10px;}
.copy { color:#c8c8c8; text-align:center; float:left; margin-right:10px;  font-size:13px;}
.bot_adm {
	float:left;
	text-align:center;
	color:#9e9e9e;
	line-height:150%;
	padding:3px 5px ;
	background:#efefef;
	width:50px;
	font-size:10px; 
	border-radius:5px;
	margin:0 auto ;
    
	}