@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700|Merriweather+Sans:800);

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic', sans-serif;}

@font-face { 
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight:normal;
	src: url('../fonts/NanumBarunGothic.eot');
	src: url('../fonts/NanumBarunGothic.eot') format('embedded-opentype'),
	url('../font/NanumBarunGothic.woff') format('woff');
}
@font-face { 
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight:bold;
	src: url('../fonts/NanumBarunGothicBold.eot');
	src: url('../fonts/NanumBarunGothicBold.eot') format('embedded-opentype'),
	url('../font/NanumBarunGothicBold.woff') format('woff');
}


@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/NanumGothic.eot');
  src: url('../fonts/NanumGothic.eot') format('embedded-opentype'),
  url('../font/NanumGothic.woff') format('woff');
}



* {margin:0;padding:0; font-family:arial, "나눔고딕", NanumGothic}

body, table, tr, td, select, textarea { font-size:13px; color:#505050; }

input { font-size:13px; color:#707070; }

em,cite,address,dfn,var,h4,h5,h6 {font-style:normal; }

dl,ul,ol,li{ list-style:none; margin-left:0px;}

input, textarea, file { font-size:13px; vertical-align:middle; padding:1px;}

select, label { font-size:13px; vertical-align:middle;  }


a { text-decoration:none; color:#686868; font-size:13px;}

a:hover, a:active { /*text-decoration:underline;*/ text-decoration:none; color:#e50101;}

/* For Screen Reader 해당 폼양식의 설명*/
legend { position:absolute; top:0px; left:0px; width:0px; height:0px; overflow:hidden; visibility:hidden; font-size:0px; line-height:0;} 


/* 테이블기본셋팅 */
table { border-collapse:collapse; border-spacing:0; }


/* 이미지 테두리0 */
img { border:0; vertical-align:middle; }

/* 폼테그 그룹화, 폼양식 설명 태그 선언*/
fieldset { border:0px;}


table th img { *padding:0 0 1px 0 !important;}


#wrap{position:relative; width:100%; min-width:1000px; overflow: hidden;}
#header	{position:relative; clear:both; width:100%; background:#fff; }
#contents{ position:relative; clear:both; width:100%;  background:#fff;}
#footer{position:relative; clear:both; width:100%; height:230px; background:#fff;  }


.top_wrap { position:relative; clear:both; width:1000px; height:120px; margin:0 auto; }

#header	h1{padding:20px 0px 20px 0;}

.n2 { position:absolute; left:330px; top:35px;}

.phone{ position:absolute; right:10px; top:0px; background:url(../images/phone.png) no-repeat top 50px left 0px;  
		 font-size:23px; font-weight:600; padding:10px 0px 10px 60px;}

.phone_text_01{ position:relative; font-size:15px; font-weight:600; padding:10px 0px 3px 0px;}
.phone_text_02{ position:relative; font-size:25px; font-weight:600; padding:0px 0px 5px 0px; color: #000;}

.navi_wrap{position:relative;  width:1000px; margin:0 auto; }

#gnb_wrap { position:relative;  width:100%;  height:50px; background:#d6197f;}

.gnb_bar { position:relative;  width:1000px; background:#e50101; margin:0 auto;}
#gnb {position:absolute; left:50px; top:14px; width:1000px;   z-index:90005; }
#gnb li { float:left; display:inline; }



#nav {
  right: 30px;
  list-style: none;
  position: fixed;
  bottom: 30px;
  z-index: 9999999999
}
#nav li {
  margin-bottom: 0px;
}
#nav a {
  background: #ededed;
  color: #164578;
  display: block;
  font-size: 11px;
  padding: 0px 0px;
  text-decoration: none;
  text-transform: uppercase;
}
#nav a:hover {
  color: #fff;
  background: #164578;
}
#nav .current a {
  background: #164578;
  color: #ededed;
}
.current {
  background: red;
}


h2.mp_tit { font-size:24px; padding:0px 0px 10px 35px; margin:0px 0px 5px 0px; 
			background:url(../images/tit_bt.png) no-repeat top 2px left 0px; font-family:arial,"나눔바른고딕", NanumBarunGothic;
			}

h2.mp_tit2 { font-size:28px; padding:15px 0px 0px 0px; text-align: center; font-family:arial,"나눔바른고딕", NanumBarunGothic;}


#c_middle { position:relative; width:1000px;  clear:both; background:#fff; margin:0 auto; padding:0px 0px 0px 0px; font-family:arial,"나눔바른고딕", NanumBarunGothic;}

#c_left { position:relative; float:left; width:350px;  background:#fff; margin:0 0px 0 0px; padding:0px 0px 0px 0px;}
#c_right { position:relative; float:right; width:650px;   background:#fff; font-family:arial,"나눔바른고딕", NanumBarunGothic;}

.customer { position:relative; float:left; width:349px; height:150px; background:#ddd; margin:0 1px 0 0px;}
.cu_01 { float:left; padding:20px 0px 0px 70px; height:35px; font-size:23px; font-weight:600; background:url(../images/cu_01.png) no-repeat top 22px left 30px; 
		 font-family: "Merriweather Sans", sans-serif; letter-spacing:-2px; 
		 }
.cu_02 { float:left; padding:7px 0px 0px 70px; height:34px; font-size:23px; font-weight:600; background:url(../images/cu_02.png) no-repeat top 7px left 30px; 
		 font-family: "Merriweather Sans", sans-serif; letter-spacing:-2px; 
		 }
.cu_03 { float:left; padding:13px 0px 0px 70px; height:30px; font-size:17px; font-weight:500; background:url(../images/cu_03.png) no-repeat top 8px left 30px; color:#a1a1a1;}
.cu_04 { float:left; padding:10px 0px 0px 70px; height:30px; font-size:17px; font-weight:500; background:url(../images/cu_04.png) no-repeat top 5px left 30px; }
.cu_05 { float:left; padding:10px 0px 0px 50px; height:30px; font-size:17px; font-weight:500; background:url(../images/cu_05.png) no-repeat top 5px left 10px; }





.scroll-img {
  width: 100%;
  height: 150px;
  overflow: hidden;
  font-size: 12px;
  font-weight:none;
  margin-left: 0px;
}

.scroll-img ul {
  width: 3500px;
  height: 600px;
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  padding:0px 20px 15px 0px;

}


/*퀵배너*/
#quick_menu {position:absolute; left:50%; top:1064px; width:150px;  margin:0 0 0 520px; z-index:90001;}




#sum_011{position:relative; float:left;  display:block; width:130px; }
#sum_022{position:relative; float:right;  display:block; width:130px;  }


#sum_01{position:relative; float:left;  display:block; width:184px; padding:0px; margin:0px 20px 0 0px; }
#sum_02{position:relative; float:right;  display:block; width:184px; padding:0px; margin:0px 0px 0 0px; }




.sum_text {  padding:15px 0px 0px 0px; font-size:18px; font-weight:600; text-align: center; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.sum_text2 { padding:10px; font-size:13px; color:#777; font-weight:400; text-align: center; line-height:22px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.sum_text span{ padding:0px 0px 0px 7px;}

.b_sum_text {  padding:10px 0px 10px 0px; font-size:15px; font-weight:500; text-align: center; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.b_sum_text span{ padding:0px 0px 0px 7px;}



#sum_03{position:relative; float:left;  display:block; width:90px;  margin:0px 20px 0 0px; background:#fff; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#sum_04{position:relative; float:left;  display:block; width:90px;  margin:0px 20px 0 0px; background:#fff; border:1px solid #ccc;}


#sum_05{position:relative; float:left;  display:block; width:320px; margin:0px 20px 20px 0px; }
#sum_06{position:relative; float:right;  display:block; width:320px; padding:0px; margin:0px 0px 20px 0px; }

#sum_07{position:relative; float:left;  display:block; width:1000px; margin:0px 0px 0 0px; }

#sum_08{position:relative; float:left;  display:block; width:1000px; height:90px; margin:0px 20px 0 0px; }

.cc_i {position:relative; float:left; width:144px; text-align:center; display:block; padding:15px 0px 7px 0px; }

.cc_text {position:relative; width:144px; text-align: center; font-size:14px; font-weight:500; color:#777; padding:0px 0px 7px 0px; border-bottom:1px solid #ccc; margin:0px 0px 15px 0px;}
.cc_text_01 {position:relative; width:144px; text-align: center; font-size:15px; font-weight:500; color:#000; padding:0px 0px 5px 0px; }

.cc_text_02 {position:relative; width:1000px; text-align: center;  padding:0px 0px 30px 0px; }

#n_title{ float:left; font-size:17px; font-weight:600; color:#000; padding:30px 0px 0px 30px; }
.n_sum{ position:relative; float:left; padding:0px 20px 0px 0px;}


.grid-block {
	position: relative;
	float: left;
	width: 320px;
	height: 220px;
	margin: 0 0 30px 30px;
}

.grid-block2 {
	position: relative;
	float: left;
	width: 184px;
	height: 184px;
	margin: 0 0 30px 30px;
}


.grid-block3 {
	position: relative;
	float: left;
	width: 90px;
	height: 80px;
	margin: 0 0 0px 0px;
	padding:15px 0px 0px 0px;
	text-align: center;

}

.caption {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/trans-black-50.png);
	width: 100%;
	height: 100%;
	cursor:pointer;
}

.caption tit, .caption p { font-size:14px; font-weight:600; color:#fff;
	color: #fff;
	margin: 35px 0;
	display:block;
	text-align: center;
	vertical-align:middle;
	line-height:22px;
}


p.more{ position:absolute; right:10px; top:10px;}


#news li a:hover { color:#e50101; text-decoration:none;}


#lab{position:relative; float:left;  display:block; width:350px; height:280px; background:#f7f7f7;}
p.lab_img{ position:absolute; top:70px; left:40px;}




#c_bottom{ position:relative; float:left; width:1000px; height:350px; display:block; margin:40px 0 0px 0px; background:#fff;}
#msum1{ position:relative; float:left; width:229px; height:229px; display:block; margin:0px 0 0 0px;}
#msum2{ position:relative; float:left; width:229px; height:229px; display:block; margin:0px 0 0 28px;}






p.ment{  position:absolute; top:40px; left:110px; color:#fff; font-size:11px;}
p.tel{ position:absolute; top:100px; left:70px; }
p.fax{ position:absolute; top:170px; left:80px; font-size:13px;  line-height:22px;}




.box_01{float:left; width:100%;  margin:40px 0 20px 0px; background:#fff;}
.box_02{float:left; width:100%;  margin:0px 0 150px 0px; background:#fff;}
.box_03{float:left; width:100%;  margin:50px 0 50px 0px; background:#fff;}
.box_04{float:left; width:100%;  margin:0px 0 30px 0px; padding:30px 0px 30px 0px; background:#fff; }
.box_05{float:left; width:100%;  margin:0px 0 0px 0px; padding:30px 0px 0px 0px; background:#fff; }
#con_wrap{position:relative; clear:both; width:1000px; background:#fff; margin:0 auto; }





#footer_wrap{position:relative; clear:both; width:1000px; margin:0 auto;}

#f_navi{ position:relative; float:left; width:200px; height:120px; display:block; margin:30px 0 20px 0px; border-bottom:1px solid #738fae;  padding:0px 0px 40px 0px;}
#f_navi li{ float:left; width:200px;  height:22px; display:block; color:#abb1c4; font-size:18px; font-weight:500; padding:0px 0px 5px 0px;}
#f_navi li a{ float:left; color:#9caec2; font-size:14px; font-weight:500;}
#f_navi li a:hover, a:active { /*text-decoration:underline;*/ text-decoration:none; color:#c4b48c;}
#f_navi li.tcolor{ float:left; width:200px;  height:25px; display:block; color:#fff; font-size:16px; color:#e97208;}


.copy_ci{position:relative; float:left; padding:50px 20px 0px 0px; }
.copy{float:left; padding:50px 0px 0px 0px; line-height:23px; color:#555; font-size:15px; font-weight: 400;}
.copy span{ padding:0px 0px 0px 10px; }

.naver {position:relative; float:right; padding:50px 0px 0px 0px; }


.img_area {
  overflow: hidden;
  color: #ffffff;
  display: table;
  width: 100%;
  height:580px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.vert-text_0 {position:relative;  width:1000px;   text-align: center; margin:0 auto; }
.vert-text_0 h1 { padding: 0px 0 0 0; margin: 55px 0 0px 0; font-size: 24px; font-weight: 400; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text_0 h1 span{ color: #fff;  font-size: 50px; font-weight: 100;}
.vert-text_0 h3 {padding: 15px 0 15px 0;  font-size: 35px; font-weight: 400; color: #fff; line-height:35px; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text_0 h3 span{padding: 10px 0 0 0;  font-size: 30px; font-weight: 600; color: #fff003; line-height:30px;}
.vert-text_0 h3 span.color{padding: 10px 0 0 0;  font-size: 21px; font-weight: 600; color: #fff003; line-height:30px;}

p.st {padding: 0px 0 0px 0;  font-size: 16px; font-weight: 600; color: #fff; line-height:35px; font-family:arial, "나눔바른고딕", NanumBarunGothic;}



.vert-text {position:relative;  width:1000px;   text-align: center; margin:0 auto; }
.vert-text h1 { padding: 0px 0 0 0; margin: 35px 0 5px 0; font-size: 40px; font-weight: 600; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text h1 span{ color: #fff;  font-size: 50px; font-weight: 100;}
.vert-text h3 {padding: 15px 0 15px 0;  font-size: 21px; font-weight: 600; color: #fff; line-height:35px; border:1px solid #999; }
.vert-text h3 span{padding: 10px 0 0 0;  font-size: 30px; font-weight: 600; color: #fff003; line-height:30px;}
.vert-text h3 span.color{padding: 10px 0 0 0;  font-size: 21px; font-weight: 600; color: #fff003; line-height:30px;}




.vert-text_01 { display: table-cell;  text-align: center; margin:0 auto; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text_01 h1 { margin: 5px 0 0 0px; font-size: 60px; font-weight: 600; letter-spacing:-1px;  font-family:arial,"나눔바른고딕", NanumBarunGothic;}
.vert-text_01 h1 span{ color: #fff003; font-size: 60px; font-weight: 600; letter-spacing:-1px; font-family:arial,"나눔바른고딕", NanumBarunGothic;}
.vert-text_01 h3 {padding: 5px 0 0 0; margin: 150px 0 0 0px; font-size: 21px; font-weight: 600; color: #fff; letter-spacing:-1px;}
.vert-text_01 h3 span{font-size: 25px; font-weight: 400; padding: 0px 0 0 10px; color: #fff; font-family:arial,"나눔바른고딕", NanumBarunGothic;}

.img_logo { margin: 20px 0 0 0px; }



.vert-text_02 { text-align: center; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text_02 h1 { padding:0px 0px; margin:0px 0 0 0; font-size: 35px; font-weight: 400; font-family:arial,"나눔바른고딕", NanumBarunGothic;}
.vert-text_02 h3 { padding: 10px 0 0 0; margin:0 0 50px 0; font-size: 18px; font-weight: 400; color: #777; font-family:arial, "나눔바른고딕", NanumBarunGothic;}


.vert-text_03 { text-align: center; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text_03 h1 { padding:0px 0px; margin:30px 0 0 0; font-size: 35px; font-weight: 400; font-family:arial,"나눔바른고딕", NanumBarunGothic;}
.vert-text_03 h3 { padding: 10px 0 0 0; margin:0 0 50px 0; font-size: 18px; font-weight: 400; color: #777; font-family:arial, "나눔바른고딕", NanumBarunGothic;}


.vert-text_04 { display: block;  text-align: center; margin: 190px 0px 0 0px; font-family:arial, "나눔바른고딕", NanumBarunGothic;}

.text_border {
	text-shadow: 0 0 1px #000;
	-moz-text-shadow: 0 0 1px #000;
	-webkit-text-shadow: 0 0 1px #000;
}



.bottom_banner {
  color: #ffffff;
  display: table;
  height: 230px;
  width: 100%;
  background: url(../images/callout.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin:30px 0 0px 0;
}



.aw_01{ padding:350px 0px 0px 0px; text-align: center;}
.aw_02{  position:absolute; top:1420px; left:45%; padding:0px 0px 0px 0px; }

/* 버튼 */
.dl-menuwrapper1 button { position:relative; display:block; width:236px; height:95px; font-size: 21px; font-weight:600; color:#fff; 
						  margin: 0px 0 1px 0px; cursor:pointer; outline:none; background:url(../images/aw2.png) no-repeat top 30px right 20px #7093b4; border:none;}
.dl-menuwrapper1 button:hover,
.dl-menuwrapper1 button.dl-active,
.dl-menuwrapper1 ul { background:url(../images/aw2.png) no-repeat top 30px right 20px #555; color: #fff;}


.dl-menuwrapper1-1 button { position:relative; display:block; width:236px; height:96px; font-size: 21px; font-weight:600; color:#fff; 
						  margin: 0px 0 0px 0px; cursor:pointer; outline:none; background:url(../images/aw2.png) no-repeat top 30px right 20px #939089; border:none;}
.dl-menuwrapper1-1 button:hover,
.dl-menuwrapper1-1 button.dl-active,
.dl-menuwrapper1-1 ul { background:url(../images/aw2.png) no-repeat top 30px right 20px #555; color: #fff;}




.dl-menuwrapper2 button { position:relative; width:50px; height:20px; font-size: 12px; font-weight:400; color:#fff; cursor:pointer; outline:none; background:#f68307; border:none;}
.dl-menuwrapper2 button:hover,
.dl-menuwrapper2 button.dl-active,
.dl-menuwrapper2 ul { background:#000; color: #fff;}


.dl-menuwrapper3 button { position:relative; width:50px; height:20px; font-size: 12px; font-weight:400; color:#fff; cursor:pointer; outline:none; background:#1e79c6; border:none;}
.dl-menuwrapper3 button:hover,
.dl-menuwrapper3 button.dl-active,
.dl-menuwrapper3 ul { background:#000; color: #fff;}



.dl-menuwrapper4 button { position:relative; display:block; width:129px; height:150px; font-size: 16px; font-weight:600; color:#fff; padding:100px 1px 0px 0px;
						  margin: 0px 0 0px 0px; cursor:pointer; outline:none; background:url(../images/cc_11.png) no-repeat top 20px center #939089; border:none;}
.dl-menuwrapper4 button:hover,
.dl-menuwrapper4 button.dl-active,
.dl-menuwrapper4 ul { background:url(../images/cc_11.png) no-repeat top 20px center #555; color: #fff;}


.dl-menuwrapper4-1 button { position:relative; display:block; width:129px; height:150px; font-size: 16px; font-weight:600; color:#fff; padding:100px 1px 0px 0px;
						  margin: 0px 0 0px 0px; cursor:pointer; outline:none; background:url(../images/cc_22.png) no-repeat top 20px center #a4966f; border:none;}
.dl-menuwrapper4-1 button:hover,
.dl-menuwrapper4-1 button.dl-active,
.dl-menuwrapper4-1 ul { background:url(../images/cc_22.png) no-repeat top 20px center #555; color: #fff;}


.dl-menuwrapper4-2 button { position:relative; display:block; width:129px; height:150px; font-size: 16px; font-weight:600; color:#fff; padding:100px 1px 0px 0px;
						  margin: 0px 0 0px 0px; cursor:pointer; outline:none; background:url(../images/cc_33.png) no-repeat top 20px center #58a69d; border:none;}
.dl-menuwrapper4-2 button:hover,
.dl-menuwrapper4-2 button.dl-active,
.dl-menuwrapper4-2 ul { background:url(../images/cc_33.png) no-repeat top 20px center #555; color: #fff;}


.dl-menuwrapper4-3 button { position:relative; display:block; width:129px; height:150px; font-size: 16px; font-weight:600; color:#fff; padding:100px 1px 0px 0px;
						  margin: 0px 0 0px 0px; cursor:pointer; outline:none; background:url(../images/cc_44.png) no-repeat top 20px center #7093b4; border:none;}
.dl-menuwrapper4-3 button:hover,
.dl-menuwrapper4-3 button.dl-active,
.dl-menuwrapper4-3 ul { background:url(../images/cc_44.png) no-repeat top 20px center #555; color: #fff;}


.dl-menuwrapper6 button { position:relative; width:50px; height:20px; font-size: 12px; font-weight:400; color:#fff; cursor:pointer; outline:none; background:#999; border:none;}
.dl-menuwrapper6 button:hover,
.dl-menuwrapper6 button.dl-active,
.dl-menuwrapper6 ul { background:#000; color: #fff;}