@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic', sans-serif;  line-height:180%;}

*{margin:0; padding:0}
html{width:100%; height:100%; }
body{width:100%;  font-size:13px; font-family:"Nanum Gothic", dotum,"돋움",sans-serif; color:#444; margin:0 auto; background:#fff; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:600;  }
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}

legend, caption{position:absolute; left:-2000%;}
textarea, button{vertical-align:middle;}
input, select{ vertical-align:middle; background:#fff; border:1px solid #ccc; color:#333; padding:3px; font-size:12px;  }
textarea{padding:3px; vertical-align:middle; background:#fff; border:1px solid #475056; color:#333; font-size:11px; }

.checkbox{padding:0; border:0;}
.disNone{display:none;}

a{color: #555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:underline;}
table{border-collapse:collapse}

strong{ font-weight:600; color:#444}
option{padding: 2px 5px; }


.wrap { width:100%; min-width:1200px; }
.top_wrap { width:100%; height:90px; background:#fff; border-bottom:1px solid #ccc; border-top:3px solid #1ea97a; }
.top{margin:0 auto; width:1200px;margin-top:10px; overflow:hidden; }
.logo {width:151px; float:left; text-align:center; vertical-align:middle; margin-top:0px; }

.menu { width:1000px; float:right; text-align:right;  margin-top:0px; margin-left:45px; }
.menu ul {width:1200px; margin:0 auto; text-align:center; overflow:hidden; }  
.menu ul li {margin:20px 0px; float:left; font-size:18px; font-weight:700;color:#333; text-align:right; margin-left:120px; padding-left:35px; }
.menu_on A:link    {color:#333;   text-decoration:none; }
.menu_on A:active  {color:#333333;  }
.menu_on A:visited {color:#333333;  }
.menu_on A:hover {color:#333; border-bottom:4px solid #1ea97a;padding-bottom:5px;}




/*메인*/

.main_banner {width:100%; height:500px; margin:0 auto; margin-top:0px; background:#000; }
.banner_wrap {width:1200px; height:500px; margin:0 auto; position:relative; z-index:0; }
.main_wrap {width:100%;margin:0 auto;  margin-top:40px; }


.product_wrap {width:100%; float:left; margin-top:40px; }
.product {width:1200px; margin:0 auto; margin-bottom:20px;   }
.product02 {width:1200px; margin:0 auto; }
.product h2{margin-bottom:15px;}
.product ul {width:1200px; padding:20px 0; margin:0 auto; }

.notice {width:280px; float:left; margin-top:40px; }
.notice h2{margin:0px 0 0 0; }
.notice p{margin:10px 0 0 10px;}

.map {width:200px;  float:left;  margin-top:40px; margin-left:15px;  background:url('../../images/con_bg01.jpg'); height:150px;}
.map h2{margin:10px 0 0 10px; }
.map p{margin:10px 0 0 10px; line-height:18px;}


.online {width:200px;  float:left;  margin-top:40px; margin-left:15px;  background:url('../../images/con_bg02.jpg'); height:150px;}
.online h2{margin:10px 0 0 10px; }
.online p{margin:10px 0 0 10px;  line-height:18px;}


.brand {width:200px;  float:left;  margin-top:40px; margin-left:15px;  background:url('../../images/con_bg03.jpg'); height:150px;}
.brand h2{margin:10px 0 0 10px; }
.brand p{margin:10px 0 0 10px;  line-height:18px;}

.tit_point {width:15px; vertical-align:middle; margin-right:5px;  }
.plus{font-size:23px; color:#858585; margin:0 0 0 10px; }
.custom {width:250px;  float:left; margin-top:40px; margin-left:15px; border:1px solid #ccc;  height:150px;  background:url('../../images/con_bg04.jpg');  }
.custom h2{margin:10px 0 0 10px; }
.custom p{margin:10px;color:#ff2222; font-size:20px; font-weight:700; text-decoration:none;}

.sp01 {background:url('../../images/main_01.jpg'); width:1200px; height:500px; text-shadow: 0 5px 5px 0;  }
.sp01 h1{color:#fff; margin-top:140px;font-size:60px; font-weight:700; }
.sp01 p{font-size:18px; margin-top:0px;font-weight:700;color:#91aad8;}

.sp02 {background:url('../../images/main_02.jpg'); width:1200px; height:500px; text-shadow: 0 5px 5px 0;}
.sp02 h1{color:#fff; margin-top:140px;font-size:60px; font-weight:700; }
.sp02 p{color:#fff; font-size:18px; margin-top:0px;font-weight:700; color:#ff7979;}

.sp03 {background:url('../../images/main_03.jpg'); width:1200px; height:500px; text-shadow: 0 5px 5px 0;}
.sp03 h1{color:#fff;margin-top:140px;font-size:60px; font-weight:700; }
.sp03 p{color:#fff; font-size:18px; margin-top:0px;font-weight:700;color:#ffd200; }


/*서브상단*/
.sub_bg{background:#fff ; width:100%; height:250px; margin:0 auto; text-align:center; }
.sub_content{width:1200px;margin:0 auto;  }
.sub_menu{width:195px;  float:left;  margin-top:40px; margin-bottom:50px;  }
.sub_menu ul  {width:195px; margin:0 auto; }
.sub_menu ul  h2 {font-weight:700;text-align:center; padding:40px 0 ;background:#57b092; color:#fff; }
.sub_menu ul li { padding:8px 0;  text-align:center; font-size:13px; font-weight:600; line-height:22px; border-bottom:1px solid #ccc; color:#000; }
.sub_menu ul li:hover {background:#d0e3d6;}
.sub_menu ul li:active {color:#333; text-decoration:none} 
.con{width:950px;float:left; margin-left:20px; }
.mart{margin-top:30px;margin-bottom:20px}
.fl2{float: left; color: #262626;  width:950px; padding-bottom: 20px;  font-size:30px;  font-weight:600; padding-left: 10px;  padding-top: 20px; font-family:나눔고딕;   }

.sub_menu ul li A:link {color:#333; text-decoration:none} 
.sub_menu ul li A:visited {color:#333;  text-decoration:none} 
.sub_menu ul li A:active {color:#333; text-decoration:none} 
.sub_menu ul li A:hover     {color:#333;  text-decoration:none}

.table_style {width:100%; border-collapse:separate; border-top:1px solid #0069b3; border-left:1px solid #ddd; border-spacing:0px;}
.table_style th {color:#333; text-align:center; font-size:13px; padding:5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f6f6f6}
.table_style th.last{border-right:none}
.table_style td {text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; font-size:13px;} 
.table_style td.last{border-right:none}
.table_style td.left {text-align:left; }
.table_style td.left_indent {text-align:left; padding:9px 0px 9px 40px;}
.table_style td.num {background:#f9f9f9;}
.table_style td.yellowBg {background:#fffff3;}

	.greeting_con{position:relative; overflow:hidden; background:url('../../images/greetin.jpg') right bottom no-repeat; width:880px} 
	.greeting_con h4{font-size:24px; color:#0c58a3; letter-spacing:-1pt; padding-bottom:15px; line-height:33px;}
	.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;}


.whyUs_in{position:relative; overflow:hidden; padding:10px 0 0 0; background:url('../../images/greeting.jpg') right bottom no-repeat}
.whyUs_in dl{float:left; width:700px;}
.whyUs_in dt{font-weight:600; color:#333; letter-spacing:-0.7pt; font-size:17px; padding:5px 0 8px 0;}
.whyUs_in dd{padding:0 0 5px 10px; background:url('../../images/sub_depth.gif') 0 8px no-repeat; font-weight:600; margin-left:20px;  padding-left:20px}

/*카피라이터*/
.copy_wrap {width:100%; height:100px; background:#666; min-width:1200px; float:left; margin-top:40px; COLOR:#FFF; }
.copy {width:1200px; margin:0 auto;}
.copy img{width:200px; margin-top:20px; }
.copy p {width:500px; float:right; color:#fff; padding-top:20px; text-align:right; line-height:22px; }