@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:4px solid #2d5b6b; }
.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:520px; float:right;  }
.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:40px;  }
.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 #2d5b6b;padding-bottom:5px;}



/*메인*/

.main_banner {width:100%; height:500px; margin:0 auto; margin-top:0px; }
.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;}


.sp01 {background:url('../../images/mian_02.png'); width:1600px; height:500px;  }
.sp01 h1{color:#fff; margin-top:140px;font-size:60px; font-weight:700; text-align:left; margin-left:50px;  }
.sp01 p{font-size:18px; margin-top:0px;font-weight:700; color:#fff; text-align:left; margin-left:50px; }

.sp02 {background:url('../../images/mian_01.png'); width:1600px; height:500px; }
.sp02 h1{color:#fff; margin-top:140px;font-size:60px; font-weight:700;text-align:left; margin-left:50px;   }
.sp02 p{font-size:18px; margin-top:0px;font-weight:700; color:#ff7979; text-align:left; margin-left:50px;  } 

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


.main_item {width:1200px; margin:0 auto;}
.main_item ul {width:1200px; margin:0 auto;}
.main_item ul li {width:400px; background:#ccc; float:left; height:230px; margin-top:350px;   }
.main_item ul li h4 {font-size:22px; margin-top:30px; margin-left:30px; color:#fff;}
.main_item ul p { margin-top:10px; margin-left:30px;color:#fff;}
.more {width:40px; margin-top:30px; margin-left:30px; font-size:30px; color:#fff; }
.more A:link    {color:#fff;   text-decoration:none; }
.more A:active  {color:#fff;  }
.more A:visited {color:#fff;  }
.more A:hover {color:#ffd1de; }



.main_con_wrap {width:100%; margin:0 auto; height:260px;  background:#2d5b6b; }
.main_con {width:1200px; height:260px; margin:0 auto;   }
.main_con ul {width:1200px;}
.main_con ul li {width:300px; height:260px; float:left; }

.overs img { width:100%; height:100%; position:absolute; left:0px; top:0px; border:0px; display:block;}
.tab_img { width:300px; height:260px; position:relative; }

.product {width:1200px; margin:0 auto;    }
.product ul{}
.product ul li {float:left; margin-right:20px; padding:10px 0; font-weight:700;   }
.product ul li A:link    {color:#000; text-decoration:none; }
.product ul li A:active  {color:#000;  }
.product ul li A:visited {color:#000;  }
.product ul li A:hover {color:#000; }



.contents_wrap {width:100%; float:left;  }


/*서브상단*/
.sub_bg{background:#cca377 ; 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:#2d5b6b; 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:#f7f7f7; color:#675eb8;}
.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}

.menu1 a:link, a:visited, a:active { text-decoration:none; color:#404040;  }
.menu1 a:hover { text-decoration:none; color:#1777b7; font-weight: bold; background:#f2f2f2;}
.menu1 {float:right; width:195px; margin-left:11px; text-align:left; padding:13px 0; border-bottom:1px solid #ddd; font-size: 15px; font-weight: normal; }

.menu2 a:link, a:visited, a:active { text-decoration:none; color:#404040;  }
.menu2 a:hover { text-decoration:none; color:#1777b7; font-weight: bold; }
.menu2 {float:right; width:195px; padding:5 0 7 0; background-color:#f7f6f6; border-bottom:0px solid #ddd; font-size: 13px; font-weight: none; text-align:left; }


.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; text-align:center; padding:3px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; background-color:#f9f9f9; font-weight:700; font-size:13px}
.table_style td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0; text-align:center; font-weight:400; line-height:180%; color:#666;font-size:13px}

.bmar_50{margin-bottom:10px;}

	.greeting_con{position:relative; overflow:hidden; background:url('../../images/greeting.jpg') right bottom no-repeat; width:900px} 
	.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;}

/*카피라이터*/
.copy_wrap {width:100%; height:100px; background:#666; min-width:1200px; float:left; border-top:1px solid #ccc; }
.copy {width:1200px; margin:0 auto;}
.copy p {width:100%; text-align:left;  color:#fff; padding-top:25px;  font-size:15px; line-height:1.6;   }