@import "style.css";


body{
    margin:0px;
	padding:0px;
	OVERFLOW-x: hidden;
	background:#fff; 
	}

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:600px;
	Z-INDEX: 1;
	TOP:0px;
	text-align:center; background:#fff;
}

/*-------------------------메인비주얼------------------------------*/
.mainVisual { position:static; z-index:1;  height:690px; margin:0; overflow:hidden; }
.mainVisual .list { position:absolute !important; left:0; width:100% !important; height:690px; margin-top:0px; }
.mainVisual .list li div {top:105px; left:50%; margin:0px 0 0 -590px; text-align:left; background:url(image/m_txt_bg.png) no-repeat left top; height:100%; overflow:hidden;}
.mainVisual .list li div.tbox01 { width:500px; margin:0px 0 0 90px;}
.mainVisual .list li div p {padding:0 0 0 20px }
.mainVisual .list li div p.first { padding:20px 0 0 20px;}
.mainVisual .list li div p.txt {font-size:57px; color:#142b5f; line-height:65px;font-weight:700; text-shadow:0px 0px 2px #a0afcb;}
.mainVisual .list li div p.txt_w {font-size:57px; color:#f8f8f8; line-height:65px;font-weight:700;}
.mainVisual .list li { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); background-position:50% 0; background-repeat:no-repeat; white-space:nowrap; text-indent:-999px; overflow:hidden; }
.mainVisual .list li:first-child { opacity:1; filter:alpha(opacity=100); }

.mainVisual .btnSet { position:absolute; left:0; width:100%; height:37px; z-index:10; margin:520px 0 0 0px; }
.mainVisual .btnSet a.stop, .mainVisual .btnSet a.prev, .mainVisual .btnSet a.next { position:absolute;  width:46px; height:86px; overflow:hidden; white-space:nowrap; font-size:0; letter-spacing:-100px; text-indent:0;   background-position:50% 50%; }
.mainVisual .btnSet a.prev { left:30px; background-image:url("../image/prev.png"); margin-top:-160px;}
.mainVisual .btnSet a.next { right:80px; background-image:url("../image/next.png"); margin-top:-160px;}
.mainVisual .btnSet a.stop { left:78px; background-color:#71a30b; background-image:url("../image/pause.png"); }
.mainVisual .btnSet a.play { background-image:url("../image/play.png"); }
.mainVisual .btnSet .curIco { position:absolute; left:50%; top:30px;padding:0px; height:27px;width:400px;margin-left:-200px;z-index:10; }
.mainVisual .btnSet .curIco a { display:inline-block; width:40px; height:5px; margin:7px 4px; overflow:hidden; white-space:nowrap; font-size:0; letter-spacing:0px; text-indent:0; background:#bbbbbb url("image/off.png") no-repeat;}
.mainVisual .btnSet .curIco a.on, .mainVisual .btnSet .curIco a:hover { background:#c31d1d url("image/on.png") no-repeat;width:40px; height:5px; }

.mainVisual .caption {position:absolute; top:554px; right:50%; padding:0 25px 0 16px; margin:0 -406px 0 0; text-indent:0; height:37px; line-height:37px; color:#fff; background:url("../") 100% 0 no-repeat;}

/*-------------------------메인배너------------------------------*/

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

/* 제품소개 */
#m_pro:after {clear:both;display:block;content:"";}
#m_pro{
	POSITION:relative; 
	WIDTH:100%;
	Z-INDEX:100;
	TOP:0px;
	text-align:center; padding:30px 0;
}
#m_pro h1{ width:1180px; margin:0 auto;font-size:36px; color:#2b2b2b;padding:0px 0 0px 0px; letter-spacing:-1px; font-weight:500;  line-height:55px; text-align:center; }
#m_pro h1 span { float:right; border:1px solid #d9d9d9;  text-align:center;  margin:5px 0 40px -46px}
#m_pro h1 span a {display:block;width:46px; height:46px;color:#adadad; font-size:50px;font-family:'Gotham'; line-height:46px;font-weight:300;}

/* 메인, 제품리스트 */
.oe_overlay{
	opacity:0;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
}
.oe_wrapper {width:100%; margin:0px auto;}

ul.oe_menu:after {clear:both;display:block;content:"";}
ul.oe_menu{
	list-style:none;
	position:relative;
	margin:0px  auto 0px  auto;
	width:1200px;
 	clear:both;
	top:0px;
}

ul.oe_menu p {font-size:13px; text-align:left; padding-left:5px;}
ul.oe_menu > li{
	width:280px;
	height:305px;
	padding-bottom:0px;
	float:left; background:#fff;
	position:relative; margin:0 10px 20px 10px; 
	
}
ul.oe_menu > li.last {margin:0 0 0px 0;}
ul.oe_menu > li > a{
	display:block;
	background:none;
	color:#f7f7f7;
	text-decoration:none;
	font-weight:400;
	font-size:17px;
	width:280px;
	height:35px;
	padding:270px 0 0 0;
	margin:0px auto;
	text-align:center; 
	/*text-shadow:0px 0px 1px #000;
	opacity:0.8;*/
	}
ul.oe_menu > li > a.m1 {background:url(image/m_pro01.jpg) no-repeat center 0px;}
ul.oe_menu > li > a.m2 {background:url(image/m_pro02.jpg) no-repeat center 0px;}
ul.oe_menu > li > a.m3 {background:url(image/m_pro03.jpg) no-repeat center 0px;}
ul.oe_menu > li > a.m4 {background:url(image/m_pro04.jpg) no-repeat center 0px;}
ul.oe_menu > li > a.m5 {background:url(image/m_pro05.jpg) no-repeat center 0px;}
ul.oe_menu > li > a.m6 {background:url(image/m_pro06.jpg) no-repeat center 0px;}
ul.oe_menu > li > a.m7 {background:url(image/m_pro07.jpg) no-repeat center 0px;}
ul.oe_menu > li > a.m8 {background:url(image/m_pro08.jpg) no-repeat center 0px;}
	
ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
	
	color:#fff;
	opacity:1.0;
}
.oe_wrapper ul.hovered > li > a{
	/*background:#fff;
	text-shadow:0px 0px 1px #FFF;*/
}
ul.oe_menu div{
	position:absolute;
	top:0px;
	/*background:#2b315f;*/
	background:url(image/m_pro_on.png) repeat;
	width:280px;
	height:305px;
	padding:0px;
	display:none;
	margin:0px; text-align:center; 
}
ul.oe_menu div.ms1 {background:url(image/m_pro01on.jpg) no-repeat center 0px;}
ul.oe_menu div.ms2 {background:url(image/m_pro02on.jpg) no-repeat center 0px;}
ul.oe_menu div.ms3 {background:url(image/m_pro03on.jpg) no-repeat center 0px;}
ul.oe_menu div.ms4 {background:url(image/m_pro04on.jpg) no-repeat center 0px;}
ul.oe_menu div.ms5 {background:url(image/m_pro05on.jpg) no-repeat center 0px;}
ul.oe_menu div.ms6 {background:url(image/m_pro06on.jpg) no-repeat center 0px;}
ul.oe_menu div.ms7 {background:url(image/m_pro07on.jpg) no-repeat center 0px;}
ul.oe_menu div.ms8 {background:url(image/m_pro08on.jpg) no-repeat center 0px;}

ul.oe_menu div ul.oe_full{
	width:100%;
}

ul.oe_menu li ul{
	list-style:none;
	width:280px;
	margin:0px;
}
li.oe_heading{
	padding-top:0px; margin:0px auto 0px auto;top:0px;
    text-align:center;font-weight:500;/*text-shadow:0px 0px 1px #f7f7f7;*/
}
li.oe_heading a { display:block;width:280px; height:275px;color:#f8f8f8;font-size:20px; padding:30px 0 0 0;}
li.oe_heading a span {display:block; position:relative; border:1px solid #f8f8f8;  font-size:12px; width:40%; margin:30px auto; line-height:30px;color:#f8f8f8; background:url(image/m_pro_sai.gif) no-repeat 50% 0; padding-top:0px;}
/* END 제품리스트 */


/* 연구개발 */
#m_rnd { position:relative;width:100%; height:100%; overflow:hidden; margin:0px 0px 0px 0px;  top:0px;text-align:center;background:url(image/m_rd_bg.jpg) no-repeat center top;}
#m_rnd h1{font-size:45px; color:#f8f8f8;padding:70px 0 0px 0px; letter-spacing:-1px; font-weight:500;  line-height:80px; text-align:center; margin:0px 0 0 0; position:relative; height:100%; overflow:hidden; }
#m_rnd h1 span { display:block; color:#02b3a9; font-size:17px;font-family:'Gotham'; line-height:20px; margin:0 0 40px 0}

#m_rnd .m_rnd_txt { width:30%;margin:10px auto; text-align:center; border-left:10px solid #02a3ff;border-right:10px solid #02a3ff; font-size:16px; color:#d5d6d6; letter-spacing:3px; }
#m_rnd .m_rnd_more{ width:13%; margin:40px auto 90px auto}
#m_rnd .m_rnd_more a { display:block; border:1px solid #f8f8f8; height:100%; background:url(image/m_more.png) no-repeat 90% 50%; padding:10px 0; font-size:15px; color:#f8f8f8; line-height:30px;}
#m_rnd .m_rnd_more a:hover{background:#28a6e0 url(image/m_more.png) no-repeat 90% 50%}


/* 콘텐츠내용 */
#content_in:after {clear:both;display:block;content:"";}
#content_in {
	POSITION:relative;
	z-index:4;
	WIDTH:100%;
	text-align:center;
	top:0px;
	margin:0 auto; padding:50px 0 ; background:#cccccc;
}

/* 품질경영 */
#m_qm {display:inline-block; vertical-align:top;width:276px; position:relative; margin:0 10px 0px 10px; background:#0054b4;}
#m_qm h1 {font-size:22px; color:#f8f8f8; margin:0 auto ;padding:0px 0 0px 0px; letter-spacing:-1px; font-weight:500;  line-height:30px; text-align:center;  }
#m_qm .qm_box {margin:45px 25px; text-align:center; }
#m_qm .qm_box li { line-height:20px; color:#f8f8f8; padding:10px 0}
#m_qm .qm_box li span {margin:0px 0 0 0}
#m_qm .qm_box li span a {display:block; border:1px solid #f8f8f8; width:40%; height:100%; margin:0 auto;  padding:0px 0; font-size:12px; color:#f8f8f8; line-height:25px;}
#m_qm .qm_box li span a:hover {background:#f8f8f8; color:#0054b4;}

/* 설비현황 */
#m_eq {display:inline-block; vertical-align:top;width:276px; position:relative; margin:0 10px 0px 10px; background:#07a9be;}
#m_eq h1 {font-size:22px; color:#f8f8f8; margin:0 auto ;padding:0px 0 0px 0px; letter-spacing:-1px; font-weight:500;  line-height:30px; text-align:center;  }
#m_eq .eq_box {margin:45px 25px; text-align:center; }
#m_eq .eq_box li { line-height:20px; color:#f8f8f8; padding:10px 0}
#m_eq .eq_box li span {margin:0px 0 0 0}
#m_eq .eq_box li span a {display:block; border:1px solid #f8f8f8; width:40%; height:100%; margin:0 auto;  padding:0px 0; font-size:12px; color:#f8f8f8; line-height:25px;}
#m_eq .eq_box li span a:hover {background:#f8f8f8; color:#07a9be;}



/* 온라인문의 */
#m_online {display:inline-block; vertical-align:top;width:276px; position:relative; margin:0 10px 0px 10px; background:#0094d5;}
#m_online h1 {font-size:22px; color:#f8f8f8; margin:0 auto ;padding:0px 0 0px 0px; letter-spacing:-1px; font-weight:500;  line-height:30px; text-align:center;  }
#m_online .online_box {margin:45px 25px; text-align:center; }
#m_online .online_box li { line-height:20px; color:#f8f8f8; padding:10px 0}
#m_online .online_box li span {margin:0px 0 0 0}
#m_online .online_box li span a {display:block; border:1px solid #f8f8f8; width:40%; height:100%; margin:0 auto;  padding:0px 0; font-size:12px; color:#f8f8f8; line-height:25px;}
#m_online .online_box li span a:hover {background:#f8f8f8; color:#0094d5;}


/* 고객센터
#m_cs {display:inline-block; vertical-align:top;width:276px; position:relative; margin:0 10px 0px 10px; background:#ee7b15;}
#m_cs h1 {font-size:22px; color:#f8f8f8; margin:0 auto ;padding:0px 0 0px 0px; letter-spacing:-1px; font-weight:500;  line-height:30px; text-align:center;  }
#m_cs .cs_box {margin:45px 25px; text-align:center; }
#m_cs .cs_box li { line-height:20px; color:#f8f8f8; padding:10px 0}
#m_cs .cs_box li span {margin:0px 0 0 0;font-size:25px; font-weight:700; line-height:27px;height:100%;}*/

/* 고객센터 */
#m_cs {display:inline-block; vertical-align:top;width:276px; position:relative; margin:0 10px 0px 10px; background:#ee7b15;}
#m_cs h1 {font-size:22px; color:#f8f8f8; margin:0 auto ;padding:0px 0 0px 0px; letter-spacing:-1px; font-weight:500;  line-height:30px; text-align:center;  }
#m_cs .cs_box {margin:45px 25px; text-align:center; }
#m_cs .cs_box li { line-height:20px; color:#f8f8f8; padding:10px 0}
#m_cs .cs_box li span {margin:0px 0 0 0}
#m_cs .cs_box li span a {display:block; border:1px solid #f8f8f8; width:40%; height:100%; margin:0 auto;  padding:0px 0; font-size:12px; color:#f8f8f8; line-height:25px;}
#m_cs .cs_box li span a:hover {background:#f8f8f8; color:#0094d5;}