@charset "utf-8";
@import "font.css";

/* set */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{ margin:0;padding:0;border:0;}
*{margin:0; padding:0; border:0;}
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
body.main
	{
	scrollbar-face-color: #E9E9E9;
	scrollbar-shadow-color: #E5E5E5;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #CCC;
	scrollbar-darkshadow-color: #E5E5E5;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #AAA;
    background: #fff url('../img/n_main/bg.jpg')  repeat-x 0 0;
	background:linear-gradient(-45deg, #3e92b7, #0C5994, #02426E); background-size: 300% 300%; -webkit-animation: Gr 3s alternate infinite; -moz-animation:  Gr 3s alternate infinite; 
animation:  Gr 3s alternate infinite; z-index: 99999; ; 
	}

@-webkit-keyframes Gr {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
   1000% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gr{
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
   1000% {
		background-position: 0% 50%
	}
}

@keyframes Gr {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
   1000% {
		background-position: 0% 50%
	}
}

a:link { color:#323232; text-decoration: none; }
a:visited { color: #323232; text-decoration: none; }
a:active { color: #323232; text-decoration: none; }
a:hover { color: #00ffff; text-decoration: none; }

img { border: none; }
table { border-collapse: collapse; }


#inner{
	position: relative;
	width: 1010px; height: 850px; margin:0 auto}

#header {position:relative;  width:100%; height:135px; text-align:center; margin:0 auto; border-bottom:1px solid #fff;}
#logo {width:100%; height:100px; text-align:center ; position:relative; margin:0 auto; border-bottom:1px solid #fff; background:url(../img/common/logog.png) no-repeat center center}
.top_menu{position:absolute; top:20px; right:20px; }
.top_menu a{color:#ccc; font-size:12px; font-weight:500; margin-left:10px;}
.top_menu a:hover {color:#ff8411}
#gnb{width:100%; height:35px; background:#fff;}
#gnb ul {width:1010px; height:35px; margin: 0 auto;}
#gnb ul li { float:left; display:block; width:20%; height:35px; line-height:35px; font:16px 'Nanum Gothic';font-weight:500;overflow:hidden;}
#gnb ul li a {color:#333; font-weight:600; display:block; font:16px 'Nanum Gothic'; line-height:35px;}
#gnb ul li a:hover { color:#01358B; font-weight:600;}
#mainVis { width:100%;  height: 450px; top:0; position: relative; margin:0 auto;  background:url(../img/main/m_vis_bg.png) no-repeat 0 bottom; }

/*¸ÞÀÎ*/
.slide-viewer {position:relative; width:100%; top:0; height:450px; max-height:450px;overflow:hidden; }
.slider {width:1010px; height:450px; position:relative; margin:0 auto;  }
.slide{width:100%;height:100%; position:absolute;display:none;text-align:right; }
.s_cover{width:100%;height:100%;max-width:100vw; position:absolute;top:0;background:rgba(0,0,0,0.0);overflow:hidden;}
.s_coverf:after{clear:both;}
.slide:first-child {display: block;}
.slide img {width:100%; height:100%; }

.m_vis_titw {position:absolute;  top:0; top:30%; margin:0 auto;width:100%; text-align:center; opacity:0.8; -webkit-animation: sh 2s 1 linear;-moz-animation: sh 5s 1 linear;
animation:  sh 5s 1 linear;  }
@-webkit-keyframes sh {
	0% {
		opacity:0;
	}
   100% {
		opacity:0.8;
	}
}
@-moz-keyframes sh {
	0% {
		opacity:0;
	}
   100% {
		opacity:0.8;
	}
}
@keyframes sh {
	0% {
		opacity:0;
	}
   100% {
		opacity:0.8;
	}
}

.m_vis_tit{position:relative; width:680px;margin:0; left:50%;margin-left:-340px; text-align:center;}
.m_vis_tit .m_vis_tit1 {font-size:22px; line-height:30px; font-weight:400;  margin-bottom:10px; color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2);   font-family:'Nanum Gothic'}
.m_vis_tit .m_vis_tit2 {margin:0; padding:0;font-size:44px; line-height:60px; font-style:italic;  font-weight:600; color:#f5f5f5;text-shadow:2px 3px 3px rgba(0,0,0,0.2);    font-family:'Nanum Gothic'}

#VisImg1 ul	{width: 990px; height: 135px; top: 40px; position: absolute; left:20px; }
#VisImg1 ul li	{ float: left; margin: 0 60px; font: bold 14px 'Nanum Gothic'; list-style: none;}

.main_cont{
width:1010px; height:160px; position:relative; margin: 0 auto; padding-top:40px;
overflow:hidden;
	}
.main_cont_bg {width:100%; height:160px; padding-bottom:30px; position:absolute;left:0; background:#fff;}

#mainNews {
float:left;
		width: 320px; height: 120px; list-style-type: none; display:block; border-right:1px dotted #333; margin-right:30px;
		}
#mainNews td {padding-top:6px;}
#mainNews a {font-size:14px; margin-bottom:10px}
#mainNews a:hover {color:#ff8411; }
#mainNews font {font-size:12px;}
	#mainOnline {
		float:left;display:block;
		left: 795px; top: 650px; 
		width: 185px; height: 30px;
		}
		
	#mainProduct {
		float:left; display:block; overflow:hidden;
		width: 400px; height: 120px; border-right:1px dotted #333; margin-right:30px;
		}

.main_pro:after {clear:both; display:block; content:'';}
.main_pro .pro_tit { float:left; margin-right:20px ;}
.main_pro .pro_num {float:right; margin-right:30px}
.main_pro .pro_num > span {display:inline-block; width:12px; height:12px; line-height:12px; font-size:10px; color:#fff; text-align:center; background:#0B2B56; cursor:pointer; }
.main_pro .pro_num > span:hover {background:#0079B0}
.pro_img >  img {display:none;}
.pro_img > img:first-child {display:block;}


	#mainCall {
		float:left;display:block;
		left: 795px; top: 580px;
		width: 185px; height: 70px;
		}	
	
#foot {width:100%; height: auto; background:#0B2A56;height:180px; }	
.footer{position:relative; margin:0 auto; width:1010px; height:auto; text-align:center;  }
.footer img {margin-top:5px;}
.cnt {width:100%; height:50px; background:#131313;}
a.priv {float:right; margin-top:20px; ;margin-right:30px;padding:4px 8px 2px 8px;border-radius:2px;font-size:11px;color:#333;background:#fff;cursor:pointer;}
.count {float:left;  margin-top:10px;}