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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:18px;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:12px; color:#222;}
*{font-family:Nanum Gothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; }
ol,ul,li{list-style:none;}
a{cursor:pointer;text-decoration:none;color:#222;}

A:link {color:#000; text-decoration:none}
A:visited {color:#000;  text-decoration:none}
A:active {color:#000; text-decoration:none}
A:hover     {color:#000; font-weight : bold; text-decoration:none}

a {border:0px}


/* 레이아웃 */
#wrap {width:100%; height:100%; min-width:1210px}

/* 메뉴 */








#maintop {width:100%;  height: 500px;  background:url(../../images/main.jpg) center;  }
.mainfla{position:relative;  height:500px; width:1280px;  margin:0 auto;}
.move_img{opacity:0;margin-top:-25px;position:absolute;top:140px;left:85px}
.move_txt{position:absolute;top:50px;left:50px; z-index:999999;}

#contents_m{ width:1150px;  padding:0px 0 40px 0; margin:0 auto;  overflow:hidden; position:relative; }

	.contents1{position:relative;  width:1150px; margin:0px auto 10px  auto;  padding-bottom:10px;}
	.product{position:relative;float:left;width:1150px;height:180px; padding-bottom:56px;}
	.product h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 10px 23px; /*background:url(../images/bar.png) top left  no-repeat;*/}


	
	.product2{position:relative;float:left;width:1150px;height:150px; padding-bottom:10px;  padding-top:10px }
	.product2 h1{ position:relative; font-size:18px; color:#0065b3; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 10px 0px; background:url(../images/bar.png) top left  no-repeat;}
	.product2 ul{float:left; color:#0066CC; }

.product2 li{float:left; background:#ededed;color:#0065b3;   width:273px; height:190px; border:#ccc 1px solid;    position:relative; font-size:16px; font-weight:600; text-align:center; margin:7px 5px 10px }


.product2 li a{   color:#0065b3;  position:relative;   display:block;}
.product2 li p{  margin:0px 0px }
.product2 li h2{ font-size:17px; font-weight:600; padding-top:10px }	


	
		 .product3{position:relative;float:left;width:1150px; padding-bottom:30px;  padding-top:50px }
	.product3 h1{ position:relative; font-size:18px; color:#0065b3; border-top:solid 3px #0065b3;  font-weight:600; letter-spacing:-0.7pt;  padding:10px 0px 10px 10px;}

	.product3 ul{float:left; padding:10px }
	
	
	
	.contents2{position:relative;  width:1150px; height:155px; margin:41px auto 10px; }	
 
 
  .noticemain{position:relative;float:left;width:250px;height:134px; padding:11px 0 0px 0px; margin-right:7px; border:#ccc 1px solid; /*background:url(../images/bar.png) top left  no-repeat;*/ }
  .noticemain h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 15px 15px;}
  
  .setmain{position:relative;float:left;width:235px;height:135px; padding:10px 0 0px 0px;  margin-right:5px; border:#ccc 1px solid; background:url(../images/ic01.png) right  40px no-repeat;  }
 .setmain h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 15px 15px;}
 .setmain p.cs_i {float:left; height:115px;  padding-top:5px;}
 .setmain p.cs_n {padding-bottom:10px;padding-left:10px;}	
 .setmain .imgab{position:absolute; right:10px; bottom:20px;}
 .setmain .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:30px;margin-top:15px;}
 .setmain .mT20{margin-top:20px;}
 
 
  .setmain2{position:relative;float:left;width:125px;height:135px; padding:10px 0 0px 0px;  margin-right:7px; border:#ccc 1px solid; background:url(../images/ic02.png) 0px  40px no-repeat;  }
 .setmain2 h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 15px 15px;}
 .setmain2 p.cs_i {float:left; height:115px;  padding-top:5px;}
 .setmain2 p.cs_n {padding-bottom:10px;padding-left:50px; font-size:10px;}		
 .setmain2 .imgab{position:absolute; right:10px; bottom:20px;}
 .setmain2 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:30px;margin-top:15px;}
 .setmain2 .mT20{margin-top:20px;}


/*인사말*/
  .setmain3{position:relative;float:left;width:180px;height:135px; padding:10px 0 0px 0px;  margin-right:7px; border:#ccc 1px solid; background:url(../images/ic_01.png) 5px  40px no-repeat;  }
 .setmain3 h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 15px 15px;}
 .setmain3 p.cs_i {float:left; height:115px;  padding-top:5px;}
 .setmain3 p.cs_n  {padding-bottom:10px;padding-left:80px; font-size:11px;}		
 .setmain3 .imgab{position:absolute; right:10px; bottom:20px;}
 .setmain3 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:30px;margin-top:5px;}
 .setmain3 .mT20{margin-top:20px;}

/*오시는길*/
 .setmain4{position:relative;float:left;width:180px;height:135px; padding:10px 0 0px 0px;  margin-right:7px; border:#ccc 1px solid; background:url(../images/ic_02.png) 5px  40px no-repeat;  }
 .setmain4 h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 15px 15px;}
  .setmain4 p.cs_i {float:left; height:115px;  padding-top:5px;}
  .setmain4 p.cs_n {padding-bottom:10px;padding-left:80px; font-size:11px;}	
  .setmain4 .imgab{position:absolute; right:10px; bottom:20px;}
  .setmain4 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:30px;margin-top:5px;}
  .setmain4 .mT20{margin-top:20px;}
  
  
  
/*온라인문의*/
 .setmain5{position:relative;float:left;width:185px;height:135px; padding:10px 0 0px 0px; margin-right:7px; border:#ccc 1px solid;  background:url(../images/ic_03.png) 5px  40px no-repeat;  }
 .setmain5 h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 15px 15px;}
  .setmain5 p.cs_i {float:left; height:115px;  padding-top:5px;}
  .setmain5 p.cs_n {padding-bottom:10px;padding-left:80px; font-size:11px;}	
  .setmain5 .imgab{position:absolute; right:10px; bottom:20px;}
  .setmain5 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:30px;margin-top:5px;}
  .setmain5 .mT20{margin-top:20px;}
  
  /*공지사항*/
 .setmain6{position:relative;float:left;width:185px;height:135px; padding:10px 0 0px 0px; margin-right:7px; border:#ccc 1px solid;  background:url(#) 5px  40px no-repeat;  }
 .setmain6 h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 15px 15px;}
  .setmain6 p.cs_i {float:left; height:115px;  padding-top:5px;}
  .setmain6 p.cs_n {padding-bottom:10px;padding-left:80px; font-size:11px;}	
  .setmain6 .imgab{position:absolute; right:10px; bottom:20px;}
  .setmain6 .gogo{display:block; font-size:11px; color:#a8a8a8;  text-decoration:underline;margin-bottom:30px;margin-top:5px;}
  .setmain6 .mT20{margin-top:20px;}
  


   .setmain6{position:relative;float:left;width:290px;height:145px; padding:0px 0px 0px 0px; margin-left:7px;  border:#CCC solid 1px;   }

 /*고객센터*/
.cust_main{position:relative;float:left;width:280px;height:135px; padding:10px 0 0px 0px; margin-left:7px;  border:#ccc 1px solid;  background:url('/images/ic_tel.png') 200px  40px no-repeat; margin-right:7px;  }
.cust_main h1{ position:relative; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 15px 15px;}
.cust_main p.cs_i {float:left; height:115px;  padding-top:5px;}
.cust_main p.cs_n {padding-bottom:10px;padding-left:15px; font-size:11px;}	
.cust_main .imgab{position:absolute; right:10px; bottom:20px;}
.cust_main .tel_main{display:block; font-size:15px; color:#333; margin-top:5px;}
.cust_main .tel_main b { font-size:20px; color:#000;  }
.cust_main .mT20{margin-top:20px;}




/** 서브 */

/* 서브플래시 */
.subtop {width: 100%;  height: 220px;  background:url(../../images/sub_topbg.jpg) center center  }
.subfla { position:relative; width: 1150px; height: 220px;  margin: 0px auto;   }
.smove_img{opacity:0;margin-top:-25px;position:absolute;top:0px;left:0px}
.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:25px;left:616px}




.subcontent {width: 870px; padding-left:35px; position:relative;   float:left;  }

/* 좌측메뉴 */
.lnb { float:left; width:220px; padding-bottom:50px; margin:30px 0 0 0; }
.lnb h3 { padding:35px 0 35px 0;  text-align:center;  background:#333; font-size:23px; color:#fff; font-weight:600 }
.lnb h3 p.stit{color:#bccfde;  font-size:13px; letter-spacing:0.3pt;  margin-bottom:7px;  font-weight:600  }
.lnb ul {  margin-bottom:20px;   }
.lnb li { border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; position:relative;    }
.lnb ul .lnb_on { background:#f1f1f1; }


/* 텍스트 메뉴 */
.lnb li a {  padding:13px 10px;  display:block; color:#333; font-size:14px;  font-weight:600;   background: url('../images/arrow2.png') 200px 16px no-repeat; }
.lnb li:hover a, .lnb li.active a { color:#000f6a; padding:13px 10px; font-size:14px;  font-weight:600;  background: #fafafa url('../images/arrow.png') 200px 16px no-repeat;}




	/*depth_3*/
	.lnb ol.depth_3{ color:#333;  background: #f1f1f1; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:10px 0 20px 10px;}
	.depth_3 dd a:link, .depth_3 dd a:visited{display:block; color:#333; font-size:12px; height:25px; background: #f1f1f1 url('../../images/dot.gif') 0 8px no-repeat !important; padding-left:8px;}
		.depth_3 dd a:hover{display:block; color:#333;}
		.depth_linktop{color:#fff !important; }
		.depth_linktop:hover{text-decoration:none; font-weight:bold !important; }
	



.lnb_common { width:100%; border:1px solid #de7e18; border-width:5px 1px 1px 1px; } 

.lnb_common dl{  padding:10px;color:#666;  }
.lnb_common dl dt{  position:relative; color:#33302e; font-size:17px; font-weight:600;line-height:30px;padding:0px px;letter-spacing:-0.5px;}
.lnb_common dl dd.tel{ font-weight:700;font-size:26px; color:#000f6a;line-height:25px; padding-top:10px}
.lnb_common dl dd.op{ font-weight:700;font-size:16px; padding-top:10px; color:#00659a; line-height:25px;}
.lnb_common dl dd.fax{font-size:14px; font-weight:600;  letter-spacing:-0.3pt; color:#707070;  padding-top:8px}
.lnb_common dl dd.email{font-size:14px;color:#333;  font-weight:600;  letter-spacing:-0.3pt; padding-top:8px}


.lnb_banner {border:1px solid #cccccc; padding:2px;color:#666; margin-top:5px}


.banner {border:1px solid #cccccc; padding:2px; margin-bottom:5px}



.page-title{height:30px;   position:relative; padding-top:40px;  border-bottom:#CCC solid 1px;  padding-bottom:23px; }
.page-title-text { font-size:30px; font-weight:600; color:#313131; }
.page-navi { float:right; margin:0px 0 5px; }


.sub_com{  padding-top:10px;	margin-top:10px;	}



.txt1 { font-weight:600; font-size:17px; padding-top:10px;  color:#006699; padding-left:20px; background:url(../../images/tit_icon2.gif) no-repeat left  13px}
.txt0 { font-weight:600; font-size:20px; padding-bottom:10px;  color:#006699}
.txt2 {line-height:25px; padding-bottom:10px;  padding-left:15px}
.txt2 li { padding:5px 15px;  background:url(../../images/point.gif) no-repeat left}

.txt4 { font-weight:600; padding:5px 0;  color:#006dc9;}

.txt5 { padding:0px 15px}
.txt5 li { background:url(../../images/point.gif) no-repeat left 12px; line-height:25px; padding:0px 10px; }

.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style2 th{color:#333; text-align:center; padding:3px 0 3px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:13px; background-color:#f9f9f9; font-weight:600; letter-spacing:-0.7pt;}
.table_style2 td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:3px 0 3px 10px; text-align:left; line-height:24px; vertical-align:top}


.table_style3{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style3 th{color:#fff; text-align:center; padding:3px 0 3px 0;  font-size:14px; background-color:#1768ac; font-weight:600; letter-spacing:-0.7pt;}
.table_style3 td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:3px 0 3px 20px; text-align:left; line-height:24px; vertical-align:top}

.table_style4{width:100%; border-collapse:separate; border-spacing:0px; }
.table_style4 th{color:#fff; text-align:center; padding:3px 0 3px 0;  font-size:13px; background-color:#1768ac; font-weight:600; letter-spacing:-0.7pt; border-radius: 10px;}
.table_style4 td{ padding:3px 0 3px 0px; text-align:center; line-height:24px; }



.table_style5{width:50%; border-collapse:separate; border-spacing:4px; }
.table_style5 th{color:#fff; padding:3px 0 3px 10px; text-align:left;  font-size:14px; background-color:#1768ac; font-weight:600; letter-spacing:-0.7pt; border-radius: 5px;}
.table_style5 td{ padding:3px 10px 3px 10px; text-align:center; line-height:24px; }


	.greeting_con{position:relative; overflow:hidden; background:url('../../images/greeting.jpg') right bottom no-repeat;  width:840px} 
	.greeting_con h4{font-size:25px; color:#0c58a3; letter-spacing:-1pt; padding-bottom:15px; line-height:33px;}
.greeting_txt{line-height:23px;}
	.greeting_con p.stit{font-size:16px; color:#6b6f73; letter-spacing:-0.5pt; padding-bottom:20px; font-weight:600;}
	.greeting_ceo{font-size:15px; color:#6b6f73; letter-spacing:-1pt; padding-top:35px; background:url('../../company/img/greeting_sign.gif') 160px bottom no-repeat;}
	.greeting_name{font-size:23px; color:#333; letter-spacing:-1pt; font-weight:700; margin-left:5px}
	
	/******** 공통CSS ********/
.point_txt01{color:#333; font-weight:700;}
.point_txt02{color:#2987e4; letter-spacing:-1pt;  line-height:35px;}
.point_txt03{color:#2987e4; letter-spacing:-1pt;  line-height:28px;}
.point_txt04{color:#2987e4; font-weight:700;}

.txt01 { background:url(../../images/depth2.gif) 0 10px no-repeat;  padding:10px 20px; font-weight:600; font-size:16px; color:#069
}
.txt02 { padding:10px; line-height:25px}
.txt03 { font-weight:600; padding:10px 15px;  font-size:15px; background:url(../../images/depth4.gif) 0 10px no-repeat; color:#2987e4;  }

.txt05 { font-weight:600; color:#2987e4;  }

.txt02 li{background:url(../../images/depth3.gif) 0 12px no-repeat; padding:5px 10px;  line-height:25px}
.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-left:1px solid #ddd; border-top:1px solid #333;}
.table_style th{color:#333;  padding:3px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; background-color:#f9f9f9; font-weight:700;}
.table_style td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0; padding:3px 10px; line-height:180%; color:#666;}






.whyUs_in{position:relative; overflow:hidden; padding:0 0 30px 0;}
.whyUs_in dl{float:left; width:820px;}
.whyUs_in dt{font-weight:600; color:#333;  background:url('../../images/dep_dot.gif') 0 8px no-repeat;  letter-spacing:-0.7pt; font-size:17px; padding:8px 20px 8px 25px;}
.whyUs_in dd{padding:3px 0px 3px 8px; background:url('../../images/dot.gif') 0px 15px no-repeat; line-height:25px;  margin-left:27px}


.whyUs_in2{position:relative; overflow:hidden; padding:0 0 30px 0;}
.whyUs_in2 dl{float:left; width:820px;}
.whyUs_in2 dt{font-weight:600; color:#333;   letter-spacing:-0.7pt; font-size:17px; padding:8px 20px 8px 0px;}
.whyUs_in2 dd{padding:3px 0px 3px 8px;  line-height:25px;  margin-left:10px}


.whyUs_in3{position:relative; overflow:hidden; padding:0 0 30px 0;}
.whyUs_in3 dl{float:left; width:820px;}
.whyUs_in3 dt{font-weight:600; color:#333; MARGIN-TOP:20PX;   background:url('../../images/dep_dot.gif') 0 8px no-repeat;  letter-spacing:-0.7pt; font-size:18px; padding:8px 20px 8px 25px;}
.whyUs_in3 dd {padding:3px 0px 3px 8px;  color:#333; font-size:13px; background:url('../../images/dot.gif') 0px 10px no-repeat; line-height:25px;  margin-left:27px}
.dat a{padding:3px 0px 3px 8px;  font-size:13px; color:#000f6a; background:url('../../images/dot.gif') 0px 10px no-repeat; line-height:25px;  margin-left:17px}

.bmar_50{margin-bottom:10px;}
#foot {width: 100%;border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; color: #333;   }
#foot .footer{position:relative; margin:0 auto; overflow:hidden;   width:1150px; padding:20px 0 60px 0;}
.footer  h2{float:left; width:220px;}
.footer ul{float:left;}
.footer ul li{padding-top:15px; font-size:12px; color:#333;}
.footer li.copy{color:#333}