@charset "utf-8";


/*공통기본요소*/
body,html{min-width:1126px}
body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	width:100%;
	position:relative;
}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,form,fieldset,legend,input,textarea,button,select{margin:0px;padding:0px;}  
body,textarea,select,button,table{font-family:'Dotum', '돋움', 'Arial'; font-size:12px; color:#373737; text-align:left;}  
img,fieldset{border:0;line-height:0;}  
ul,ol,li,div{list-style:none;margin:0px;}
em,address{font-style:normal}  
a{text-decoration:none; color:#373737;}  
a:hover,a:active,a:focus{text-decoration:none;} 
p{line-height:1.7em;}

table{border-collapse:collapse; border-spacing:0;}
.clear {clear:both;}
video{border:3px solid #d2dbe3;margin-top:5px;}

/*매인*/
#main_wrap{background:url(../images/bg.jpg) center top; background-repeat:repeat-x;}
#main_wrap .main{height:702px; background:url(../images/main_bg.jpg) center top no-repeat;}

.head_wrap{width:1126px;height:74px;margin:0 auto;position:relative;}
.head_wrap .top{padding-top:20px;float:right;}
.head_wrap .top li{float:left;}
.head_wrap .menu{width:100%;}
.head_wrap .logo{position:absolute;top:0;margin:43px 0 0 4px;;}

.mid_wrap{width:1126px;height:311px;margin:0 auto;}
.mid_wrap h1{width:100%;text-align:right;}
.mid_wrap h1 img{margin-top:84px;}
.mid_wrap ul.btn_center{float:right;margin:44px 5px 0 0;}
.mid_wrap ul.btn_center li{float:right;margin-left:88px;}

.banner_wrap{width:1126px;height:194px;margin:0 auto;}
.banner_wrap div{float:left;padding-top:35px;border-left:1px solid #9fafb9;}
.banner_wrap div.lt{border-left:0}
.banner_wrap .notice{width:291px;height:194px;padding-top:0;}
.banner_wrap .notice ul .subject{clear:both;float:left;}
.banner_wrap .notice ul .subject a:hover{font-weight:800;}
.banner_wrap .notice ul .subject img{margin-right:5px;}
.banner_wrap .notice ul .date{float:right;color:#6c635b;}
.banner_wrap .notice h2{float:left;margin:0 76px 16px 0;}
.banner_wrap .notice > a > img {margin:3px 0 20px;}
.banner_wrap .notice ul li{margin:5px 0;}
.banner_wrap .product{width:524px;height:159px;float:left;padding-left:20px;padding-right:20px;}
.banner_wrap .product h2{float:left;margin:0 321px 22px 0;}
.banner_wrap .product > a > img {margin:3px 0 26px;}
.banner_wrap .product .pro_img{float:left;margin-left:6px;}
.banner_wrap .customer{width:225px;height:159px;padding-left:20px;}

.footer_wrap{width:100%;height:104px;background:url(../images/footer_bg.gif) center top repeat-x;}
.footer_wrap .footer{width:710px;margin:0 auto;padding-top:23px;}
.footer_wrap .copy{text-align:center;margin-top:31px;}
.footer_wrap .footer li{float:left;}
.footer_wrap .footer li.footer_line{margin:0 51px 0;}

/*서브*/
#sub_wrap{background:url(../images/bg.jpg) center top; background-repeat:repeat-x;}
#sub_wrap .main{height:700px; background:url(../images/sub_bg.jpg) center top no-repeat;}

#sub{width:1126px;min-height:623px;margin:77px auto 0;position:relative;}
#sub .leftmenu{position:absolute;top:0;left:0;}
#sub .leftmenu > .head{padding:46px 0 36px;}
#sub .leftmenu > ul{height:158px;}
#sub .leftmenu > ul li{height:34px;}
#sub .leftmenu > .sub_banner{margin-top:44px;}

#sub .center{margin:0 0 50px 200px;}
#sub .center .center_top{width:931px;height:20px;background:url(../images/s_con_bg_top.png) top center no-repeat;}
#sub .center .sub_bg01{width:845px;min-height:59px;background:url(../images/s_con_bg.png) top center repeat-y;padding:46px 43px 0 43px;}
#sub .center .sub_bg01 .sub_top ul .guide{;text-align:right;padding-top:10px;color:#001e4b}
#sub .center .sub_bg01 .sub_top ul .head{float:left;}
#sub .center .sub_bg01 .sub_top ul .guide .navi span{font-weight:800;color:#001e4b}
#sub .center .contents{min-height:400px;background:url(../images/s_con_bg.png) top center repeat-y;padding:0 43px;font-size:13px; color:#6b6b6b;letter-spacing:-0.5px;}


#sub .center .contents div.sub1{height:491px;background:url(../images/sub1.gif) top left no-repeat;padding-top:43px;}
#sub .center .contents p.sub2{height:841px;background:url(../images/sub2.gif) top left no-repeat;padding:68px 0 0 159px;}
#sub .center .contents div.sub4{height:833px;background:url(../images/sub4.gif) top left no-repeat;}
#sub .center .contents div.sub5{height:800px;background:url(../images/sub5.gif) top left no-repeat;padding-top:45px;}
#sub .center .contents p.sub6{height:757px;background:url(../images/sub6.gif) top left no-repeat;padding-top:45px;}
#sub .center .contents p.sub6 .sub6_tit{width:100%;margin-top:144px;}
#sub .center .contents p span{float:left;}
#sub .center .contents p span.s_title{width:100%;font-size:15.5px; color:#1d3441;}
#sub .center .contents p span.s_title2{width:100%;font-size:15px; color:#002459;}
#sub .center .contents p span.s_title3{width:17%;font-size:12px; color:#6b6b6b;font-weight:800;line-height:2.8em;}
#sub .center .contents div.sub1 p.sub1_1{margin:0 0 0 320px;}
#sub .center .contents div.sub1 p.sub1_2{margin-top:211px;}
#sub .center .contents span.mp4_tit span{width:420px;text-align:center;margin-top:5px;font-weight:800;float:left;}

#sub .center .contents div.sub7{height:600px;background:url(../images/sub7.gif) top left no-repeat;padding-top:45px;}
#sub .center .contents div.sub8{height:1370px;background:url(../images/sub8_re.gif) top left no-repeat;padding-top:45px;position:relative;}
#sub .center .contents div.sub9{height:1335px;background:url(../images/sub9.gif) top left no-repeat;padding-top:45px;}
#sub .center .contents div.sub10{height:1157px;background:url(../images/sub10.gif) top left no-repeat;padding-top:45px;}
#sub .center .contents div.sub11{height:1304px;background:url(../images/sub11_re.gif) top left no-repeat;padding-top:45px;}
#sub .center .contents div p.s_title{width:100%;font-size:15.5px; color:#1d3441;float:left;}
#sub .center .contents div p.s_title2{width:100%;font-size:15px; color:#002459;float:left;}
#sub .center .contents div p.s_title3{width:100%;font-size:14px; color:#002459;margin-top:10px;float:left;}
#sub .center .contents div p.s_txt{font-weight:800;}
#sub .center .contents div p.s_txt2{font-weight:800;}
#sub .center .contents div p.sub7_1{margin:310px 0 60px;}
#sub .center .contents div .product1_1{height:546px;float:left;}
#sub .center .contents div .product1_2{height:361px;float:left;margin-top:112px;}
#sub .center .contents div .product1_3{height:155px;float:left;margin-top:30px;}
#sub .center .contents div .product2_1{height:506px;float:left;}
#sub .center .contents div .product2_2{height:392px;float:left;margin-top:55px;}
#sub .center .contents div .product2_3{height:330px;float:left;margin-top:55px;}
#sub .center .contents div .product3_1{height:582px;float:left;}
#sub .center .contents div .product3_2{height:339px;float:left;margin-top:55px;}
#sub .center .contents div .product4_1{height:425px;float:left;}
#sub .center .contents div .product4_2{height:900px;float:left;margin-top:55px;}
#sub .center .contents div .product4_3{height:325px;float:left;margin-top:73px;}
#sub .center .contents div .product4_3 .pro_ul{margin-top:13px;}
#sub .center .contents div.sub8 p.s_title2{margin:10px 0 0 325px;}
#sub .center .contents div.sub8 p.s_title3{margin:10px 0 20px 335px;}
#sub .center .contents div.sub8 p.sub8_1{width:83%;font-size:12px; color:#6b6b6b;line-height:2.8em;position:absolute;left:0;top:0;margin:108px 0 0 480px;}
#sub .center .contents div.sub8 p.sub8_2{margin:3px 0 59px 330px;line-height:1.9em;}
#sub .center .contents div.sub9 p.s_title2{margin:10px 0 0 325px;}
#sub .center .contents div.sub9 p.s_title3{margin:10px 0 20px 335px;}
#sub .center .contents div.sub9 p.sub9_1{width:83%;color:#6b6b6b;line-height:1.95em;margin:1px 0 25px 330px;}
#sub .center .contents div ul.pro_ul{width:420px; margin:10px 0 0 325px;float:right;}
#sub .center .contents div ul.func{margin:70px 0 14px 420px;float:left;}
#sub .center .contents div ul .s_title2{width:515px;font-size:15px;font-weight:800;color:#002459;margin-bottom:8px;float:left;}
#sub .center .contents div ul .s_title3{width:515px;font-size:13px;color:#002459;margin:0 0 8px;float:left;}
#sub .center .contents div ul li table .nbsp{margin-left:15px;}
#sub .center .contents div ul li table.viva_table{width:400px;color:#6b6b6b;margin-bottom:30px;}
#sub .center .contents div ul li table.viva_table2{width:400px;color:#6b6b6b;margin-bottom:30px;}
#sub .center .contents div ul li table.viva_table3{width:340px;color:#6b6b6b;}
#sub .center .contents div table.viva_table4{width:465px;color:#6b6b6b;}
#sub .center .contents div ul li table.viva_table th{background-color:#f9f9f9;padding:8px 0 8px 10px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;text-align:left;}
#sub .center .contents div ul li table.viva_table td{padding:8px 0 8px 10px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;text-align:left;}
#sub .center .contents div ul li table.viva_table2 td{padding:8px 0 8px 10px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;text-align:left;}
#sub .center .contents div ul li table.viva_table3 td{padding:6px 0 6px 10px;text-align:left;}
#sub .center .contents div ul li table.viva_table3 td.color{background-color:#f9f9f9;}
#sub .center .contents div table.viva_table4 th{background-color:#f9f9f9;padding:8px 0 8px 10px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;text-align:left;}
#sub .center .contents div table.viva_table4 td{padding:8px 0 8px 10px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;text-align:left;}
#sub .center .contents div table .table_lineheight{line-height:1.7em;}
#sub .center .contents div ul.Performance{margin:10px 0 0 0;float:left;}



#sub .center .contents div.map{width:100%;height:485px;background:url(../images/sub3.gif) top center no-repeat;padding-top:40px;}
#sub .center .contents div.map iframe{margin-left:108px;margin-top:98px;border:1px solid #9db2c1;}


.viva_sitemap {width:100%;  border-collapse:collapse;}
.viva_sitemap th {padding:10px 0;  text-align:center; background:#3366ab; color:#fff; font-size:14px; border:1px solid #fff;}
.viva_sitemap td { text-align:center; border-bottom:1px dotted #7f7f7f;}
.viva_sitemap td > a {padding:10px 0; display:block;}
.viva_sitemap td > a:hover, .viva_sitemap td > a:active {text-decoration:none; background:#f8f8f8; color:#3366ab;}
.viva_sitemap2 {width:75%;  border-collapse:collapse;}
.viva_sitemap2 th {padding:10px 0;  text-align:center; background:#3366ab; color:#fff; font-size:14px; border:1px solid #fff;}
.viva_sitemap2 td { text-align:center; border-bottom:1px dotted #7f7f7f;}
.viva_sitemap2 td > a {padding:10px 0; display:block;}
.viva_sitemap2 td > a:hover, .viva_sitemap td > a:active {text-decoration:none; background:#f8f8f8; color:#3366ab;}