@import "style.css";


body{
    margin:0px;
	padding:0px;
	OVERFLOW:auto ;
	background:#eeeff1;
	}

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:600px; margin:0; overflow:hidden;}
.mainVisual .list { position:absolute !important; left:0; width:100% !important; height:600px; margin-top:0px; }
.mainVisual .list li {
	position:absolute;
	left:0px;
	top:0px;
	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; background-size:cover;
}
.mainVisual .list li:first-child { opacity:1; filter:alpha(opacity=100); }

.mainVisual .list li div:after {clear:both;display:block;content:"";}
.mainVisual .list li div { top:190px; width:50%;    left:0; margin:0px 0 0px 0px; text-align:left;  background:url(image/m_txt_bg.png) repeat;/* border-top-left-radius:50px;border-bottom-right-radius:50px;*/}


.mainVisual .list li div div.dbox { width:100%;  float:right;height:100%; overflow:hidden; margin:30px 50px 30px 0; border:none; background:none;border-radius:0px;}
.mainVisual .list li div div.dbox p {color:#fff; font-size:28px; margin:0px 0px 0px 0px; font-weight:500; line-height:50px;padding:0px 0 0px 0px; text-align:right;letter-spacing:0px; /*text-shadow:1px 1px 3px #545454;*/ }
.mainVisual .list li div div.dbox p span { display:block;font-size:17px; font-weight:300;letter-spacing:12px;line-height:25px;}

.mainVisual .btnSet { position:absolute; left:0; width:100%; height:58px; z-index:10; margin:250px 0 0 0px; }
.mainVisual .btnSet a.stop, .mainVisual .btnSet a.prev, .mainVisual .btnSet a.next { position:absolute;  width:25px; height:58px; 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:0px;}
.mainVisual .btnSet a.next { right:30px; background-image:url("image/next.png"); margin-top:0px;}
.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:290px;padding:5px; height:26px;width:120px;margin-left:-60px; z-index:9999; text-align:center; background:none; border-radius:10px;opacity:0.8;}
.mainVisual .btnSet .curIco a { display:inline-block; width:26px; height:26px; margin-left:5px; overflow:hidden; white-space:nowrap; font-size:0; letter-spacing:0px; text-indent:0; background:url("image/off.png") no-repeat;opacity: 50%;}
.mainVisual .btnSet .curIco a.on, .mainVisual .btnSet .curIco a:hover { background:url("image/on.png") no-repeat;width:26px; height:26px; opacity: 100%;}

.mainVisual .caption {position:absolute;top:40px;left:50%; padding:0 0px 0 0px; margin:0 0px 0 -260px; text-indent:0;}

@media all and (max-width:1200px){
	.mainVisual .list li div div.dbox { width:100%;  float:left; margin:30px 50px 30px 30px;}
	.mainVisual .list li div div.dbox p { text-align:left; }
}

/* 제품소개 */
#m_pro:after {clear:both;display:block;content:"";}
#m_pro {
 	POSITION: relative;
	WIDTH:100%; height:100%; overflow:hidden;
	text-align:center;
	left:0px;
	top:0px;
	margin:0 auto 0px auto;
	background:#eeeff1;
}

#m_pro h1 {font-size:29px; color:#262626;padding:0px 0px 0 0px; letter-spacing:-1px; font-weight:500;  line-height:45px; margin:30px auto 0 auto; text-align:center; width:1200px;}

.m_galleryWrapper { width:1200px; height:100%; overflow:hidden; margin:30px auto 60px auto; text-align:center;} 	
.m_galleryWrapper ul {width:280px;float:left;list-style-type: none;margin: 0 10px 10px 10px;padding:0px;}
.m_galleryWrapper ul li { z-index:5; width:280px;position:relative;  padding:5px; margin:0px 0px;overflow:hidden;background:#06377b;}
.m_galleryWrapper ul.last {margin:0px}
.m_galleryWrapper ul li a img { width:280px;margin:0px; position:relative; border:none; text-align:left;}


/* 오버링크 */
.m_galleryWrapper ul li .over-cover{
	position:absolute; top:0px; left:0px; width:100%; height:100%; visibility:hidden; opacity:0;filter:Alpha(opacity=0);
	background-color:rgba(0,0,0,0.6); z-index:25;  box-sizing:border-box; border:5px solid #8b9392;
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s
}
.m_galleryWrapper ul li .over-cover img{position:absolute; top:50% !important; left:50% !important; margin:-18px 0 0 -18px; transform:rotate(-45deg) scale(0.7);  -moz-transform:rotate(-45deg) scale(0.7); opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.4s 0.1s;-moz-transition:all 0.4s 0.1s;-o-transition:all 0.4s 0.1s;-ms-transition:all 0.4s 0.1s;transition:all 0.4s 0.1s; width:37px !important;
}
.m_galleryWrapper ul li a:hover .bg-thum img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.m_galleryWrapper ul li a:hover .over-cover{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
.m_galleryWrapper ul li a:hover .over-cover img{transform:rotate(0deg) scale(1.0);  -moz-transform:rotate(0deg) scale(1.0); opacity:1.0;filter:Alpha(opacity=100);width:37px !important; }
		

.m_galleryWrapper ul li.m_txt1 {width: 270px !important;height:100% !important;overflow: hidden !important;text-align:left;padding: 10px;}
.m_galleryWrapper ul li.m_txt1 p.tit {float:left;margin: 0 0 5px 10px;font-size:18px;color:#fff;font-weight:500;}
.m_galleryWrapper ul li.m_txt1 p.tit span { display:block;font-size:14px; color:#808080;font-weight:300; line-height:20px;}
.m_galleryWrapper ul li.m_txt1 .mmore {float:right;margin: 0 10px 0 0;}
.m_galleryWrapper ul li.m_txt1 .mmore a {display:block;height: 22px;font-size: 12px;font-weight:300;color:#fff;line-height:20px;border:1px solid #fff;margin: 5px auto;text-align:center;padding: 0 12px;border-radius:10px;}
.m_galleryWrapper ul li.m_txt1 .mmore a:hover{background:#fff; color:#06377b; border:1px solid #fff}
		
.caption .captionInside{
			/* just styling */
			padding:10px;
			margin:0px;
		}
	
.clear { clear:both; } /* to clear the float after the last item */a{ color:#FFCC00;}
/*---------------------제품배너 end-------------------------------------------*/


/* 주요실적 */
#m_re {POSITION: relative;
	WIDTH:100%; height:100%; overflow:hidden;
	text-align:center;
	left:0px;
	top:0px;
	margin:0 auto 0px auto;
	background:#fff url(image/m_re_bg.png) no-repeat 50%; background-size:cover;}
	
#m_re h1 {font-size:29px; color:#fff;padding:0px 0px 0 0px; letter-spacing:-1px; font-weight:500;  line-height:45px; margin:60px auto 50px auto; text-align:center; width:1200px;}	
#m_re ul { width:1200px; margin:30px auto 90px auto;height:100%; overflow:hidden; text-align:center;}
#m_re li { width:280px; float:left; margin:0 10px;}
#m_re li  span{ display:block;color:#f8f8f8;font-size:15px;  font-weight:500; line-height:40px;}
#m_re li img { width:100%; height:210px; border:1px  solid #d9d9d9;box-sizing:border-box;}




/***콘텐츠***/
#content:after {clear:both;display:block;content:"";}
#content {
	POSITION:relative;
	WIDTH:100%;height:100%; overflow:hidden;
	text-align:center;
	top:0px;
	margin:0 auto; background:#fff; padding:0px 0 0 0;
	
}

#content_in:after {clear:both;display:block;content:"";}
#content_in {
	POSITION:relative;
	WIDTH:1200px; height:100%; overflow:hidden;
	text-align:left;
	top:0px;
	margin:0px auto 0px auto; z-index:5	
}

/* 바로가기아이콘 */
#m_qmneu { float:left; margin:60px 0 60px 0px;width:580px; height:100%; overflow:hidden; text-align:center; left:10px;background:#dddddd; border:1px solid #d9d9d9; box-sizing:border-box;}
#m_qmneu .box { float:left; width:33%;margin:0px;}
#m_qmneu .box.bgw {width:34%; background:#fff;}
#m_qmneu .box ul {margin: 50px 40px;}
#m_qmneu .box li {font-size:22px; font-weight:600; color:#252525; margin:0 0 10px 0}


#m_qmneu .box li.mmore { margin:20px auto 0; }
#m_qmneu .mmore a{display:block;width:50px;height: 28px;font-size: 14px;font-weight:300;color:#fff;line-height: 28px;margin:0 auto;background: #9d9d9d;text-align:center;padding: 0px 26px;border-radius: 14px;}
#m_qmneu .mmore a:hover{background:#06377b; color:#fff;}



/* 고객센터 */
#m_tel { float:right; margin:60px 0px 60px 0px;width:580px; min-height:247px; height:100%; overflow:hidden;background:#fff; text-align:left; right:10px; border:1px solid #d9d9d9;box-sizing:border-box;}
#m_tel .box {margin:30px 50px;background:url(image/m_tel_icon.png) no-repeat right 0;}
#m_tel .txt1 {font-size:24px; font-weight:600; color:#252525;}
#m_tel .txt2 {font-size:15px; color:#3e3e3e; margin:10px 0 0px 0;  font-weight:400;  line-height:24px;}

#m_tel .telbox1 {display:inline-block;background: #0e2743;border-radius:10px;padding:10px 20px;margin:20px 0 0 0;}
#m_tel .telbox1 p {color:#fff; font-size:27px; font-weight:500; line-height:30px; }
#m_tel .telbox1 p span { display:block; font-size:15px; line-height:18px;}

#m_tel .telbox2 {display:inline-block;background: #06377b;border-radius:10px;padding:10px 20px;margin:20px 0 0 5px;}
#m_tel .telbox2 p {color:#fff; font-size:27px; font-weight:500; line-height:30px; }
#m_tel .telbox2 p span { display:block; font-size:15px; line-height:18px;}