
/*메인*/
.mvis {
	margin-top:130px;
	width:100%;
	height:746px;
	/*background:url(../images/mvis1.jpg) center no-repeat;*/
	}
@media only screen and (max-width:1250px) {
	.mvis {
	margin-top:180px;
	width:100%;
	height:600px;}
	
}
.container, bo_container {
	width:100%;
	margin:0; 
	padding:0;
	min-height:100%;
	text-align:center;
	}
.container h2 {
	font-size:35px; 
	font-weight:bold;
	color:#434343;
	line-height:200px;
	padding-top:50px;
	text-transform:uppercase;
	text-align:center;
	}

.manage { width:100%; padding:100px 0 100px 0;}
.manage h2, .product h2 { font-size:30px; line-height:150%; text-align:center; font-weight:bold; text-transform:uppercase;}
.manage p, .product p { font-size:16px; line-height:150%; color:#666; text-align:center;}
.manage ul { list-style:none; text-align:center; width:1200px; margin:40px auto 50px ;}
.manage ul li { width:200px; display:inline-block; text-align:center; margin:0 30px;}
.manage ul li span {font-weight:bold; line-height:40px; font-size:18px;}
.manage .manage_button{ display:block; width:300px; height:50px; border:2px solid #434343; border-radius:2px;  margin:0 auto;}
.manage .manage_button a{ display:block; width:300px; height:50px;  text-align:center; font-size:20px; font-weight:bold; line-height:50px; transition:all 0.4s;}
.manage .manage_button a:hover{ background:#434343; color:#fff;}


.slogan { width:100%; height:530px; background:url(../images/m_slogan_bg.jpg) center no-repeat; color:#fff; text-align:center; }
.slogan h2 {font-size:80px; font-weight:bold; line-height:80px; padding:170px 0 25px 0; text-transform:uppercase;}
.slogan  p {font-size:16px; line-height:150%;}
.slogan p span{ font-size:30px; font-weight:bold; line-height:200%;}

.product {width:100%; /*height:880px;*/ padding:150px 0;}
.mov { width:100%; height:660px; background:url(../images/m_mov_bg.jpg) center no-repeat; color:#fff;}
.work {width:100%; margin-top:-70px;}
.work .tit { position:relative; top:100px; z-index:501;}
.work .tit h2 { font-size:30px; line-height:150%; text-align:center; font-weight:bold; text-transform:uppercase;}
.work .tit p { font-size:16px; line-height:150%; color:#666; text-align:center;}
.work .m_work { width:1200px; margin:100px auto 0;}
.work .m_work img {border:0; }

/*sub_page*/
/*공통*/
#bo_container {margin:80px 0 80px 0; }
#container h1, #bo_container h1{
	text-align:center; font-size:50px; line-height:100%; margin:190px 0 80px 0;  color:#434343; text-transform:uppercase;
}
.sub_vis_1, .sub_vis_2, .sub_vis_3, .sub_vis_4, .sub_vis_5, .sub_vis_6, .sub_vis_7, .sub_vis_8 {
    height:410px; 
	color:#fff;
	text-align:center;
	margin-top:131px;
	}
.sub_vis_1 h1, .sub_vis_2 h1, .sub_vis_3 h1, .sub_vis_4 h1, .sub_vis_5 h1, .sub_vis_6 h1, .sub_vis_pro_1 h1, .sub_vis_pro_2 h1, .sub_vis_pro_3 h1 { padding-top:70px; line-height:100px; font-size:50px; font-weight:bold; 	text-transform:uppercase;}
.sub_vis_1 p, .sub_vis_2 p, .sub_vis_3 p, .sub_vis_4 p, .sub_vis_5 p, .sub_vis_6 p, .sub_vis_pro_1 p, .sub_vis_pro_2 p, .sub_vis_pro_2 p {  line-height:25px; font-size:16px; }
.sub_vis_1 {background:url(../about/images/sub_bg.jpg) center top no-repeat;} 
.sub_vis_2 {background:url(../product/images/sub_bg.jpg) center top no-repeat;}
.sub_vis_3 {background:url(../work/images/sub_bg.jpg) center top no-repeat;}
.sub_vis_4 {background:url(../download/images/sub_bg.jpg) center top no-repeat;}
.sub_vis_5 {background:url(../news/images/sub_bg.jpg) center top no-repeat;}
.sub_vis_6 {background:url(../contact/images/sub_bg.jpg) center top no-repeat;}
.sub_vis_7 {background:url(../service/images/sub_bg.jpg) center top no-repeat;}
.sub_vis_8 {background:url(../commu/images/sub_bg.jpg) center top no-repeat;}
.sub_vis_pro_1 {background:url(../product/images/sub_bg2.jpg) center top no-repeat;}
.sub_vis_pro_2 {background:url(../product/images/sub_bg.jpg) center top no-repeat;}
.sub_vis_pro_3 {background:url(../product/images/sub_bg3.jpg) center top no-repeat;}

.snb1, .snb2 { width:1200px; margin:0 auto; background:#fff; height:60px; position:relative; top:108px;}
.snb1 ul{ padding:0 20px;}
.snb1 ul li { width:580px; float:left; font-size:20px; border-bottom:1px solid #efefef; list-style:none; text-align:center; line-height:60px; display:block; }
.snb2 ul { padding:0 18px;}
.snb2 ul li { width:388px; height:60px; float:left; font-size:20px; border-bottom:1px solid #efefef; list-style:none; text-align:center; line-height:60px; display:block; }
.snb1 ul li a, .snb2 ul li a { color:#434343; font-weight:normal; text-decoration:none;}
.snb1 ul li a:hover, .snb2 ul li a:hover, .snb3 ul li a:hover{ border-bottom:3px solid #666; color:#666; font-weight:bold; display:block; height:60px;}
#snb_on{ border-bottom:3px solid #C00; color:#C00; font-weight:bold; display:block; height:60px;}



/*01회사소개*/
.info_grp { width:1200px; margin:0 auto; height:423px; background:url(../about/images/info_grp_bg.jpg) no-repeat; }
.info_grp ul { list-style:none; text-align:center;   }
.info_grp ul li{width:273px; height:213px; display:block; margin:0 10px;  border-radius:273px; border:10px solid #434343; background:#fff; display:inline-block; line-height:150%; text-align:center; font-size:17px; padding-top:60px;}
.info_grp ul li span {font-size:20px; font-weight:bold; line-height:30px; }
.info_slg { width:100%; background:url(../about/images/info_bg.jpg) center no-repeat; height:506px; text-align:center; padding-top:100px;   }
.info_slg img { margin:40px 0;}
.info_slg p { color:#fff;line-height:150%; font-size:30px;  }
.info_cnt { width:1200px;  margin:150px auto 0;}
.info_cnt .left { float:left; width:750px; text-align:left; line-height:180%; font-size:18px; }
.info_cnt .left p{float:left;}
.info_cnt .left .sign{padding-left:30px;}
.info_cnt .right { float:right; width:404px; }


/*02제품소개*/
.pro_txt { text-align:center; font-size:18px; line-height:150%; margin-bottom:50px; color:#666;}
.sub_title { border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; width:1200px; text-align:center; line-height:80px; font-size:30px; font-weight:bold; 
margin:100px auto 30px; }

.ftr, .ftr01 { width:100%; background:url(../product/images/ftr_bg.jpg) center no-repeat; height:723px; }
.ftr h3, .ftr01 h3 { color:#fff; font-weight:bold; text-align:center; line-height:150px; font-size:25px; text-transform:uppercase; padding-top:30px;}
.ftr ul{ width:1215px; margin:0 auto; }
.ftr ul li { width:387px; float:left; margin:0 9px;  background:url(../product/images/ftr_bx_bg.png) center no-repeat; height:420px;  }
.ftr01 ul{ width:1205px; margin:0 auto; }
.ftr01 ul li { width:236px; float:left; margin:0 2.5px;  background:url(../product/images/ftr_bx_bg.png) right no-repeat; height:460px;}

.ftr ul li span { font-weight:bold; line-height:45px; font-size:18px; color:#434343;  padding-left:20px;}
.ftr01 ul li span { font-weight:bold; line-height:24px; font-size:18px; color:#434343; padding-left: 20px; margin-top:10px; display:block;}
.ftr ul li p, .ftr01 ul li p { padding:0 20px; color:#666; line-height:130%;}


.pro_list { width:1204px; margin:0 auto 80px; height:320px; }
.pro_list ul { margin-top:100px;}
.pro_list ul li{ float:left; list-style:none; width:291px; height:320px; margin:0 5px;  background:#efefef;  text-align:center;   }
.pro_list ul li img { height:263px;}
.pro_list ul li p { height:57px;  line-height:52px;}
.pro_list ul li a {color:#434343; font-weight:bold;  font-size:18px; display:block;  }
.pro_list ul li a:hover { color:#fff; background:#434343; font-size:18px; display:block; }
#pro_list_on { color:#fff; background:#C00; font-size:18px; display:block;}


.pro_list2 { width:1201px; margin:0 auto 80px; height:320px; }
.pro_list2 ul { margin-top:100px;}
.pro_list2 ul li{ float:left; list-style:none; width:237px; border:1px solid #d9d9d9; height:280px;  background:#ededed; color:#434343;  text-align:center; margin-right:1px;  }
.pro_list2 ul li img { width:237px; height:218px;}
.pro_list2 ul li p { height:60px;  line-height:60px;}
.pro_list2 ul li a {color:#434343; font-weight:bold;  font-size:18px; display:block;  }
.pro_list2 ul li a:hover { color:#434343; background:#ccc; font-size:18px; display:block; }
#pro_list2_on { color:#fff; background:#434343; font-size:18px; display:block;}


.pro_list3 { width:1205px; margin:0 auto 80px; height:320px; }
.pro_list3 ul { margin-top:100px;}
.pro_list3 ul li{ float:left; list-style:none; width:298px; border:1px solid #d9d9d9; height:280px;  background:#ededed; color:#434343;  text-align:center; margin-right:1px;  }
.pro_list3 ul li img { width:298px; height:218px;}
.pro_list3 ul li p { height:60px;  line-height:60px;}
.pro_list3 ul li a {color:#434343; font-weight:bold;  font-size:18px; display:block;  }
.pro_list3 ul li a:hover { color:#434343; background:#ccc; font-size:18px; display:block; }
#pro_list3_on { color:#fff; background:#434343; font-size:18px; display:block;}

.sub_pro { width:1200px; margin:0 auto;}
.pro_tit { text-align:left; font-size:18px; font-weight:bold; line-height:50px; padding-left:30px; background:url(../product/images/tit_icon.png) left no-repeat;}
.pro_txt_left { text-align:left; font-size:16px; line-height:180%; color:#666; margin-bottom:50px;}
.pro_table { width:1200px; margin:0 auto;}
.pro_table table { width:100%; border-bottom:1px solid #454545; margin-bottom:50px; }
.pro_table th { border-top:3px solid #454545; background:#f8f8f8; font-size:18px; font-weight:bold; line-height:70px;  text-align:left;  padding-left:20px; }
.pro_table td { border-right:1px solid #cccccc; color:#787878; line-height:45px; text-align:left; font-size:16px; padding-left:20px; width:25%;}
.pro_table .td_tit { font-weight:bold;}
.pro_table .td_last { border-right:1px solid #fff;}
.pro_table .last_table{ padding-left:0; border-right:1px solid #fff;}
.pro_table .last_table > table { margin-bottom:0px; border-bottom:none; }
.pro_table .last_table > table > tbody > tr > td{ width:10.6%; }

.add_list { width:1209px; margin:0 auto;}
.add_list ul li { width:392px; float:left; height:540px; border:1px solid #d9d9d9; list-style:none; margin:0 4.5px;  }
.add_list ul li img { height:415px; margin:0; padding:0; }
.add_list ul li span { font-weight:bold; font-size:20px; line-height:50px; padding-left:20px; }
.add_list ul li p {  font-size:16px; line-height:150%; padding-left:20px;}
.prd_mov { width:1200px;  margin:0 auto;}

/*work_site*/
.app_wrap { text-align:center;}

/*06contact us*/
.contact { width:1200px; margin:50px auto; }
.contact ul { float:left; width:590px; height:600px; border-right:1px dashed #ccc;}
.contact ul:nth-child(2){width:589px; padding-left:20px; border:0}
.contact ul li { padding:10px; list-style:none; margin-top:10px;}
.contact ul li img{ float:left; width:90px; height:90px; }
.contact ul li p{ text-align:left; margin-top:15px; padding-left:120px; font-size:16px; line-height:180%; }
.contact ul li p span {  font-weight:bold; font-size:20px;;}
.contact ul li p strong{ font-weight:bold; font-size:23px; line-height:320%; }
.contact ul li:first-child img{ width:40px; height:40px; padding:17px 20px 0 0; }

/*.contact ul li {  float:left; padding:10px 0; height:130px; list-style:none;}
.contact ul li img { float:left; width:110px; height:110px; text-align:left; margin-right:40px;}
.contact ul li p { text-align:left; margin-top:30px; font-size:16px; line-height:180%;}
.contact ul li p span { font-weight:bold; font-size:20px; }
*/
#map_canvas{width:1200px; margin:0 auto; height:550px;}
.inq { width:100%; background:#f5f5f5; height: 620px; padding-top:100px;}
.inq .frm, .inq .inq_title { width:1200px; margin:0 auto;}
.inq .frm .td01 { width:495px; text-align:left; float:left;margin-bottom:10px; margin-right:10px; }
.inq .frm .td01_1 { width:495px; text-align:left; float:left ;margin-bottom:10px; }
.inq .frm .td01 input, .inq .frm .td01_1 input {height:50px; border:0; width:385px; padding-left:10px;  }
.inq .frm .td01 label, .inq .frm .td01_1 label, .inq .frm .td02 label{ display:inline-block; width:90px;}
.inq .frm .td02 label{ line-height:180px;}
.inq .frm .td02 textarea {height:180px; border:0; width:880px; padding:10px;  }
.inq .frm .btn_smit {font-size:30px;width:400px; color:#fff; background:#434343; text-align:center; line-height:50px; padding:20px 0; display:block; margin:30px auto; border:0; }
.inq .inq_title p { font-size:30px; text-weidth:bold !important; text-align:center; line-height:280%; margin-bottom:20px;}



/*board*/
.bo_cnt { width:1200px; margin:0 auto; }