@charset "euc-kr";
html{margin:0;padding:0; overflow-y:scroll;}
body,form,h1,h2,h3,h4,div,p,ol{margin:0;padding:0 }
img,input,textarea,button,form { border:0 }
button                         { cursor:pointer }
ul,ol,li                       { list-style:none }
hr                             { margin:20px 0;border:0;border-top:1px solid #ebebeb }
body, select                   { font-size:9pt;color:#808080; margin:0; }
body,div,span,a, select        { font-family:'±¼¸²Ã¼','Helvetica Nenu',Verdana,Tahome }
a                              { color:#808080;text-decoration:none }
a:hover                        { text-decoration:underline }
.font-white                    { font-size:9pt; color:#FFFFFF; }



#wrap                          {width:100%; height:950px }

/* Header */
#header    { width:100%; height:80px; background-color:#FFF; }
#header-nav{ position:relative;left:50%; margin-left:-460px; top:0; width:920px; height:80px; z-index:100; background-color:#FFF; }
#header h1{position:absolute; margin-top:10px;}
#header #top-menu{float:right;margin-top:10px;}
ul#top-menu li{float:right;height:45px;padding:1px 10px;}
ul#top-menu ul li{height:11px;padding:2px 8px 2px 8px;background:none}


#header #nav                                            {float:right; margin-top:-25px; clear:both;}
ul#nav li                                               {float:left;height:40px;padding:1px 0px 0px 40px; }
ul#nav li a                                             {display:inline-block;overflow:hidden;height:14px}
ul#nav li a:hover img,ul#nav li a:focus img,ul#nav li a.on img{margin-top:-16px}
ul#nav ul                                               {display:none;position:absolute;bottom:-13px;z-index:100;padding:7px 5px 7px 0px}
ul#nav ul li                                            {height:11px;padding:2px 8px 2px 8px;background:none}
ul#nav ul li a                                          {display:inline-block;;height:11px}
ul#nav ul li a img                                      {height:25px}
ul#nav ul li a:hover img,ul#nav ul li a:focus img,ul#nav ul li a.on img     {margin-top:-14px}
ul#nav ul.sub1                                          { right:0px;background:url('/common/images/si/img1/sub1_bg.png') 0 0 no-repeat}
ul#nav ul.sub2                                          { right:0px;background:url('/common/images/si/img1/sub2_bg.png') 0 0 no-repeat}
ul#nav ul.sub3                                          { right:0px;background:url('/common/images/si/img1/sub3_bg.png') 0 0 no-repeat}
ul#nav ul.sub4                                          { right:116px;background:url('/common/images/si/img1/img1/sub4_bg.png') 0 0 no-repeat}
ul#nav ul.sub5                                          { right:0px;background:url('/common/images/si/img1/img1/sub4_bg.png') 0 0 no-repeat}

#mainbanner                                             { position:relative;left:0; top:0px; width:100%; height:500px; z-index:90; background-color:#FFF;} 
/* Main Image Animation */
#mainimg                                                { position:absolute;left:0;top:0px; width:100%; height:500px; z-index:90; }
#mainimg ul                                             { padding: 0; margin-left: 0; margin-top: 0;}
#mainimg ul li                                          { list-style: none; margin: 0;}
#mainimg      .mainimgview01                            { position:relative; float:left; width:100%; height:500px; margin:0 auto;text-align:left;z-index:90; background:url(/common/images/si/img1/top-bg-01.png) bottom center no-repeat;background-color:#FFF;}
#mainimg      .mainimgview02                            { position:absolute; float:left; width:100%; height:500px; margin:0 auto;text-align:left;z-index:90; background:url(/common/images/si/img1/top-bg-01.png) bottom center no-repeat;background-color:#FFF;}
#mainimg      .mainimgview03                            { position:absolute; float:left; width:100%; height:500px; margin:0 auto;text-align:left;z-index:90; background:url(/common/images/si/img1/top-bg-01.png) bottom center no-repeat;background-color:#FFF;}


/* °ü·Ã ÄÁÅÙÃ÷ */
#content                                                { width:100%; height:auto; margin-top:-12px; background-color:#FFF;z-index:91; }
#content-list                                           { position:relative;left:50%; margin-left:-510px; top:-70px; width:1020px; height:auto; z-index:91; background:url('/common/images/si/img1/content.png') no-repeat;  clear:both; }
#content #content-notice_news                           { width:920px; margin-top:-20px; padding:0; height:auto; }
ul.content-notice                                       { float:left;margin:20px 0 0 0; width:460px;}
ul.content-notice li                                    { padding-bottom:10px;}
ul.content-news                                         { float:left;margin:20px 0 0 0; width:460px;}
ul.content-news li                                      { padding-bottom:10px;}
ul.content-news-table li                                { margin-left:-20px;}

ul.content-cctv                                         { margin:0 auto; width:460px; }
ul.content-cctv li                                      { padding:5px 0; }
ul.content-family                                       { float:left; margin-top:15px; width:460px; }
ul.content-family li                                    { float:left; padding:5px 0; }   

ul.content-family-920                                   { float:left; margin:0 auto; width:930px; }
ul.content-family-920 li                                { float:left; padding:0;  }
ul.content-family-image-920                                 { float:left; padding:0; margin-left:3px;  }

ul.content-family-image                                 { padding:0; margin-left:5px; margin-top:0px;  width:460px;}
ul.content-family-image li                              { float:left; padding:15;  }
ul.content-product-image                                { padding:0; margin-left:0px; }
ul.content-product-image li                             { padding:0; }
ul.content-cscenter-image                                { padding:0; margin-left:0px; clear:both   }
ul.content-cscenter-image li                            { padding:0; }

.tcycle                                                 { width: 267px; height: 148px; border: 4px solid  #cfcfcf; margin-top:-5px;}

#content-cctvrule                                       { width:460px; margin-left:-20px; padding:0; height:auto; }

#cctv-rule_upline                                       { position:relative;left:50%; margin-left:-510px; width:1020px; height:5px; clear:both; }
#cctv-rule                                              { float:left; margin-left:35px; border:1px solid #c2dad9; width:960px; clear:both;}
ul#cctv-rule li                                         { padding:-10}
 
.empty                                                  { width: 267px; height: 0px; margin-:-50px;}

/* ǪÅÍ */
#wrap_footer                                            { width:100%; height:100%; background-color:#8b9f9e}
#footer                                                 { position:relative;left:50%; top:-50px; margin-left:-510px; width:1020px; z-index:92; clear:both; }

#footer2 { width:100%;	/**height:150px;**/	text-align:left;	bottom:0px;	clear:both; background:url(../img1/footer_imgBg.gif) repeat-x bottom; }




#address                                                { float:left;clear:both; }
#select                                                 { padding:20px 0 0 0;}
#select-vertical                                        { float:left; margin-left:40px }


/* Æ˾÷ */
#divPop                                                 { position:absolute; border:2px #999999 solid; z-index:999; visibility:visible;
                                                          cursor:move; filter:alpha(Opacity:80,style:0));-moz-opacity:.50;opacity:.50;}

#divPop #popTop                                         { height: 30px; }
#divPop #popMain                                        { height:270px; }
#divPop #popBottom                                      { height: 40px; }

.topContent                                             { position:relative; top:5px; margin:0 0 0 5px; font-weight:bold; font-size:12px; color:#ffffff; }
.mainContent                                            { margin:5px 0 0 5px; font-weight:normal; font-size:12px; color:#666666; }
.bottomContent                                          { position:relative; top:5px; margin:0 0 2px 0; font-weight:bold; font-size:12px; color:#ffffff; cursor:pointer; text-align:center }

ul.pop                                                  { padding:0; }
ul.pop li                                               { float:left;}
ul.popTable                                             { padding:0; width:100% }
ul.popTable li                                          { float:none;}

/*----- table -----*/
table.popTable{border-collapse:collapse;border-spacing:0;width:100%;border-top:0px;border-left:0px;margin-bottom:0px;}
table.popTable td{border-bottom:0px;border-right:0px;padding:0px;border-top:0px;}