@charset "utf-8";
@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('../fonts/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('../fonts/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('../fonts/NanumGothic.woff') format('woff');
}



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

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

input { font-size:12px; 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:12px; vertical-align:middle; padding:1px;}

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


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

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

/* 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%; height:107px; background:#fff; border-bottom:3px solid #005b81; background-color: rgba( 255, 255, 255, 0.9 );}
#contents{ position:relative; clear:both; width:100%;  background:#fff;}
#footer{position:relative; clear:both; width:100%; height:300px; background:#005b81;}




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

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



#gnb {position:absolute; top:60px; right:0px; z-index:90005; }
#gnb li { float:left; display:inline; }


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


#c_top { position:relative; width:1000px;  clear:both; background:#fff; padding:70px 0px 0px 0px; margin:0 auto;}
#c_top2 { position:relative; width:1000px;  background:#005b81; padding:0px 0px 0px 0px; margin:0 auto;}

.c_center {float:left; width:300px; height:170px; display:block; background:#fff; }
.c_center_title{ position:absolute; left:50px; top:20px;}
.c_center_phone_m{ position:absolute; left:40px; top:75px;  width:200px; padding:0px 10px 10px 10px; border-bottom:1px solid #ccc;}
.c_center_phone_m span{ font-size:23px; font-weight:600; color:#123068; padding:0px 0px 0px 10px; vertical-align: middle;}
.c_center_fax{ position:absolute; left:85px; top:135px; padding:0px 0px 0px 0px; font-size:14px; font-weight:500;}




#product_1{position:relative; float:left;  display:block; width:400px; height:280px; background:#f7f7f7;}


#about_info { position:relative; float:left; width:630px; margin:25px 0px 0px 70px;}
#about_info li{ float:left; width:155px; display:inline; text-align:center;}
#about_info li.atitle{ float:left; text-align:center; font-size:16px; font-weight:400; color:#fff; padding:10px 0px 10px 0px;}



.product_box_01 {position:relative; float:left;  display:block; text-align: center; 
				 width:240px; height:200px; padding:40px 0 0px 0; margin:0px 10px 0 0px; background:#fff; border:1px solid #b3c9d7;}

.product_box_02 {position:relative; float:right;  display:block; text-align: center; 
				 width:240px; height:200px; padding:40px 0 0px 0; margin:0px 0px 0 0px; background:#fff; border:1px solid #b3c9d7;}


.product_box_03 {position:relative; float:left;  display:block; text-align: center; color:#000; font-size:15px; font-weight:500;
				 width:240px; height:30px; padding:10px 0 0px 0; margin:0px 10px 0 0px; background:#fff; border:1px solid #d0dce4;}

.product_box_04 {position:relative; float:right;  display:block; text-align: center; color:#000; font-size:15px; font-weight:500;
				 width:240px; height:30px; padding:10px 0 0px 0; margin:0px 0px 0 0px; background:#fff; border:1px solid #d0dce4;}




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

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

.sum_text { width:330px; padding:20px 0px 0px 0px; font-size:13px; font-weight:500;}
.sum_text span{ padding:0px 0px 0px 7px;}



#n_title{ float:left; width:300px; font-size:24px; font-weight:600; color:#000; padding:0px 0px 10px 10px; }
.n_sum{ position:relative; float:left; padding:0px 20px 0px 0px;}


#notice{position:relative; float:left;  display:block; width:405px; padding:40px; margin:0px 20px 0 0px; border:1px solid #ccc;}
#notice2{position:relative; float:right;  display:block; width:405px; padding:40px; margin:0px 0px 0 0px; border:1px solid #ccc;}
#news { float:left; width:270px;  height:100px;}
#news li{ float:left; width:270px; height:20px; padding:10px 0px 0px 0px;}
#news li.title{ float:left;}
#news li.title a{ float:left; color:#000; font-size:15px; font-weight:600;}
#news li title a:hover { color:#136eb4; text-decoration:none;}

#news li.substance{ float:left; padding:7px 0px 0px 0px;}
#news li.substance a{ float:left; color:#999; font-size:13px; font-weight:400; line-height:22px;}
#news li substance a:hover { color:#136eb4; text-decoration:none;}


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

p.more{ float:right; padding:0px 0px 0px 0px;}
p.more2{ position:absolute; right:40px; top:10px;}

#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;}




#customer{position:relative; float:left;  display:block; width:350px; height:280px; background:#f7f7f7;}

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{position:relative; clear:both; width:100%; height:500px; margin:40px 0 0px 0px; background:#fff;}
.box_02{position:relative; clear:both; width:100%; height:500px; margin:40px 0 0px 0px; background:#fff;}
.box_03{position:relative; clear:both; width:100%; height:170px; margin:40px 0 0px 0px; background:#005b81;}

#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:0px 20px 0px 0px; }
.copy{float:left; padding:8px 0px 0px 0px; line-height:20px; color:#9caec2; font-size:14px; font-weight: 500;}

.admin{  position:absolute; top:220px; right:10px; }





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


.vert-text { display: table-cell; vertical-align: middle; text-align: center; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text h1 {padding: 0px 0 0 0;; margin: 0px 0 0px 0; font-size: 50px; font-weight: 600; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text h3 {padding: 10px 0 0 0; margin: 0; font-size: 21px; font-weight: 500; color: #fff;}


.vert-text_01 { display: table-cell;  text-align: center; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text_01 h1 { padding: 0; margin: 0px 0 0 0; font-size: 40px; font-weight: 400; line-height:60px; font-family:arial,"나눔바른고딕", NanumBarunGothic;}
.vert-text_01 h3 {padding: 5px 0 0 0; margin: 180px 0 0 0; font-size: 17px; font-weight: 400; color: #fff;}
.vert-text_01 h3 span{font-size: 25px; font-weight: 400; padding: 0px 0 0 10px; color: #fff; font-family:arial,"나눔바른고딕", NanumBarunGothic;}


.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; background:#c9dae5; font-family:arial, "나눔바른고딕", NanumBarunGothic;}
.vert-text_03 h1 { padding:0px 0px; margin:0px 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;}


.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: 400px;
  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;
}



.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; padding:7px 10px 7px 10px; font-size: 12px; font-weight:400; color:#fff; cursor:pointer; outline:none; background:#f68307; border:none;}
.dl-menuwrapper1 button:hover,
.dl-menuwrapper1 button.dl-active,
.dl-menuwrapper1 ul { background:#000; 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; padding:5px 7px 5px 7px; font-size: 12px; font-weight:400; color:#fff; cursor:pointer; outline:none; background:#f68307; border:none;}
.dl-menuwrapper4 button:hover,
.dl-menuwrapper4 button.dl-active,
.dl-menuwrapper4 ul { background:#000; color: #fff;}