@import "style.css";

html {-ms-overflow-style: scrollbar;height: 100%;}
body{
    margin:0px;
	padding:0px;
	OVERFLOW:auto  ;
	OVERFLOW-x:hidden;
	background:#e1e1e1;
	}
@media all and (max-width:1200px){
	body{OVERFLOW:auto  ; }
}
html, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, from{
    margin:0;
	padding:0;
	}


ul, ol, dl { 
    list-style:none;
	}
	
img {

    border:0;
	
	}
#main {
    POSITION: relative; 
	WIDTH:100%;
	HEIGHT:700px;
	Z-INDEX:1;
	TOP:0px;
	text-align:center; margin:0;  background:url(image/main1.jpg) no-repeat center top;background-size:cover;
}

#main_line_top {display:block; position:absolute;width:95% !important; height:1px; background:url(image/bt_line01.png) repeat-x; top:100px; margin:0 2%;Z-INDEX:10;}
#main_line_right {display:block; position:absolute;width:1px !important; height:600px; background:url(image/bt_line01.png) repeat-y; top:100px; margin:0 0 0 2% ;Z-INDEX:10;}
#main_line_left {display:block; position:absolute;width:1px !important; height:600px; background:url(image/bt_line01.png) repeat-y; top:100px; right:0;margin:0 3% 0 0;Z-INDEX:10;}

#main_txt {position:absolute; left:50%; margin-left:-590px; top:220px; text-align:left;}
#main_txt .mtxt1 {color:#fff; font-size:50px; font-weight:500; line-height:120%; margin:0 0 20px 0 }
#main_txt .mtxt1 span {color:#00a65a;}
#main_txt .mtxt2 {color:#f8f8f8; font-size:24px; font-weight:400;}

/* ******************  주요실적 ********************** */

#main_result{POSITION: absolute; z-index:5;WIDTH:60%; height:173px;text-align:center;left:0px;bottom:0px;margin:0;padding:0px 0 0 0;background:url(image/main_bg01.png) repeat; }

.list_carousel {width:100%; height:100%; overflow:hidden;  margin:0;box-sizing:border-box; padding:0px;z-index:500;	}
.list_carousel ul { float:left;margin:0px;padding: 0;list-style: none;z-index:105;  }
.list_carousel li {text-align:center;width:152px; padding:0px;margin:0px 10px;display:block;float:left;	}
.list_carousel li span {display:block; background:#ebebeb; margin:5px auto; text-align:center; color:#2a2a2a; font-size:16px; line-height:48px; font-weight:500;}
.list_carousel li .mmore { display:inline-block; margin:0 auto; text-align:center;}
.list_carousel li a .mmore  { background:#2c2a2a; color:#f8f8f8; padding:5px 20px; border:1px solid #211f1f; font-size:11px;}
.list_carousel li a:hover .mmore { color:#F93;}
.list_carousel li img {width:100%;} 
.list_carousel.responsive {width:600px; height:100%; float:right !important;box-sizing:border-box; margin:0 180px 0 0}

.prev { top:0;float: left;margin:60px 0 0 15px; /*border:1px solid rgba(255,255,255,0.2);*/}
div.next_box { z-index:80; width:100%; max-width:1500px; height:100%; overflow:hidden;top:0px;margin:-100px auto 80px auto; left:0px; text-align:left;}
.next {top:0;z-index:80;float:left;margin:60px 15px 0 0; /*border:1px solid rgba(255,255,255,0.2);*/}

div.next_box img {max-width:100%;}

@media all and (max-width:1200px){
	.list_carousel.responsive {width:85%;margin:0 30px 0 0}
	#main_line_top {width:100% !important;  margin:0 0;}
	#main_line_right {display:none;}
	#main_line_left {display:none;}
}

#main_mtel{POSITION:absolute; z-index:5;WIDTH:40%; height:173px; text-align:center;	right:0px;	bottom:0px;	margin:0;padding:0px 0 0 0;background:url(image/main_bg02.png) repeat; }

#main_mtel_lay { width:400px;height:100%; overflow:hidden;left:0; float:left; text-align:left;}
#main_mtel_lay ul {margin:20px 20px 20px 60px;}
#main_mtel_lay ul li { font-size:16px;color:#fff; line-height:140%;}
#main_mtel_lay ul li.t1 {font-size:23px; letter-spacing:2px;}
#main_mtel_lay ul li.t2 {font-size:42px; font-weight:500;}



/* ******************  제품소개 ********************** */
#main_product:after {clear:both;display:block;content:"";}
#main_product{
	POSITION:relative; 
	WIDTH:100%; 
	Z-INDEX:5;
	TOP:0px;
	text-align:center; background:#fafafa url(image/bt_pt01.gif) repeat;  padding:60px 0 ; margin:0 auto
}

#main_product .ptit {margin:0px 0 40px 0}
#main_product .ptit h1{font-size:35px; color:#333;padding:0px 0 0px 0px; letter-spacing:-1px; font-weight:500;  line-height:45px;  }
#main_product .ptit p {display:block; font-size:16px; color:#303030; font-weight:400;line-height:25px;}
#main_product .ptit p span { color:#2c7e58  }


#main_produc_line_right {display:block; position:absolute;width:1px !important; height:100%; background:#dcdcdc; top:0px; margin:0 0 0 2% ;Z-INDEX:10;}
#main_produc_line_left {display:block; position:absolute;width:1px !important; height:100%; background:#dcdcdc; top:0px; right:0;margin:0 3% 0 0;Z-INDEX:10;}


#main_product_con  { width:100%; max-width:1200px; margin:0 auto;}    
#main_product_con .pbox {float:left;  width:222px;   margin:0 9px 30px 9px; background:#e4e4e4;box-sizing:border-box; border:1px solid #d9d9d9;}

#main_product_con .pbox img { width:100%; margin:0px 0}
#main_product_con .pbox ul {text-align:center; margin:15px 0px 20px 0px;}
#main_product_con .pbox li.t1  {font-size:17px; color:#262626; font-weight:500; text-align:center; line-height:28px; margin:0 0 5px 0 }
#main_product_con .pbox li.t2{ color:#606060; font-size:15px; font-weight:400; line-height:20px;  padding:0px 0 0 0 }


@media all and (max-width:1200px){
	#main_produc_line_right {display:none;}
	#main_produc_line_left {display:none;}
	
}





/***콘텐츠***/
#main_content:after {clear:both;display:block;content:"";}
#main_content {
	clear:both;
    Z-INDEX:2;
	POSITION:relative;
	WIDTH:100%; height:100%; overflow:hidden;
	TOP:0px;
	text-align:center; background:#e1e1e1;  padding:0
	
}

#main_content_line_bottom {display:block; position:absolute;width:95% !important; height:1px; background:#c0c0c0; bottom:0px; margin:0 2%;Z-INDEX:10;}
#main_content_line_right {display:block; position:absolute;width:1px !important; height:100%; background:#c0c0c0; margin:0 0 0 2% ;Z-INDEX:10;}
#main_content_line_left {display:block; position:absolute;width:1px !important; height:100%; background:#c0c0c0;  right:0;margin:0 3% 0 0;Z-INDEX:10;}

#main_content_con:after {clear:both;display:block;content:"";}
#main_content_con {
	POSITION:relative;
	z-index:4;
	WIDTH:100%; max-width:1200px;height:100%; overflow:hidden;
	text-align:center;
	top:0px;
	margin:0 auto; padding:80px 0 80px 0 
}



/* 회사개요 */
#main_com {float:left; width:350px; height:265px; margin:0 0px 0 10px; left:0px;  top:0px;text-align:center; background:url(image/m_com_bg.jpg) no-repeat center; background-size:cover }
#main_com  h2 { font-size:30px; color:#fff;padding:100px 0 0px 0px; letter-spacing:0px; font-weight:500;  line-height:45px;  margin:0px  auto 10px  auto}
#main_com .mmore { display:inline-block; margin:0 auto; background:#00a65a; color:#fff; font-size:14px; padding:0 12px; line-height:30px;}
#main_com a{ position:absolute;display:block; width:350px; height:265px;}



/* 찾아오시는길 */
#main_map {float:left; width:350px; height:265px; overflow:hidden;  margin:0 0px 0 10px; left:0px;  top:0px;text-align:center; background:url(image/m_map_bg.jpg) no-repeat center; background-size:cover  }
#main_map h2 { font-size:30px; color:#fff;padding:100px 0 0px 0px; letter-spacing:0px; font-weight:500;  line-height:45px;  margin:0px  auto 10px  auto}
#main_map .mmore { display:inline-block; margin:0 auto; background:#00a65a; color:#fff; font-size:14px; padding:0 12px; line-height:30px;}
#main_map a{ position:absolute;display:block; width:350px; height:265px;}


/* 고객센터 */
#main_tel {float:left; width:460px;height:265px;overflow:hidden;  margin:0 0px 0 10px; left:0px;  top:0px;text-align:center;background:url(image/m_tel_bg.jpg) no-repeat center; background-size:cover;  }
#main_tel .main_tel_con {padding: 20px 20px 20px 20px;box-sizing:border-box;}
#main_tel .main_tel_con h2 { font-size:30px; color:#fff;padding:0px 0 0px 0px; letter-spacing:0px; font-weight:500;  line-height:45px;  margin:0px  auto 5px  auto}
#main_tel .teltxt { clear:both;font-size:45px; font-weight:500; color:#00c46a;  padding:0 0 5px 0px; line-height:60px}
#main_tel .teltxt span {display:block; font-size:20px; color:#f8f8f8;line-height:30px}


@media all and (max-width:1200px){
	#main_content_line_bottom {width:100% !important;  margin:0;}
	#main_content_line_right {display:none;}
	#main_content_line_left {display:none;}
	
	
}