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 Neue','Verdana','Tahoma'}
a                                                       { color:#808080;text-decoration:none}
a:hover                                                 { text-decoration:underline}

blockquote, q                                           { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after  { content: ''; content: none; }
strong                                                  { font-weight: bold; } 
 .td0	 	{font-size:9pt; color:#808080; line-height:120%;}
  .td1     	{font-size:12px; color:#2F494D; font-weight:bold; line-height:150%; }
 .td2     	{font-size:12px; color:#808080; line-height:150%; text-align:center;}
 .td3   	{font-size:12px; color:#808080; line-height:150%; }
 .td4 		{font-size:9pt; color:#FFFFFF; font-weight:bold; padding-left: 5; padding-right: 5; padding-top: 3; padding-bottom: 3;}
 .td5		{font-size:9pt; color:#2F494D; font-weight:bold; padding-left: 5; padding-right: 5; padding-top: 3; padding-bottom: 3;}
 .td6	 	{font-size:9pt; color:#808080; padding-left: 4; padding-right: 4; padding-top: 3; padding-bottom: 3; line-height:150%;}	   
 .td7     	{font-size:13px; color:#808080; text-align:center; font-weight:bold; line-height:150%;}
 .td8     	{font-size:13px; color:#787878; text-align:left; font-weight:bold; line-height:150%;}
 .td9     	{font-size:13px; color:#787878; text-align:left; line-height:150%;} 
 .td10     	{font-family: sans-serif; font-size:12px; color:#3D3D3D; text-align:right; font-weight:bold; line-height:150%;}
 .td11     	{font-family: sans-serif; font-size:12px; color:#DE2323; text-align:center; font-weight:bold; line-height:150%;}
 .td12     	{font-size:13px; color:#373737; text-align:center; font-weight:bold; line-height:150%;}
 .td13     	{font-family: sans-serif; font-size:12px; color:#808080; text-align:right; line-height:150%;}
 .pro     	{font-family: sans-serif; font-size:8px; color:#808080; text-align:left; line-height:100%;}
 .td14     	{font-size:13px; color:#808080; text-align:left;  font-weight:bold; line-height:150%;}
 .td15     	{font-size:13px; color:#787878; text-align:center; line-height:200%;} 
 .esw 		{ border-width:1px; border-color:#D2D2D2; border-style:solid; background-color:#FAFAFA;font-family:'굴림체','Helvetica Nenu',Verdana,Tahome; font-size:9pt;color:#808080;}

#wrap {width:100%; height:auto; background-color:#FFF; }

/* 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; }
#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/sub4_bg.png') 0 0 no-repeat}
ul#nav ul.sub5                                          { right:0px;background:url('/common/images/si/img1/sub4_bg.png') 0 0 no-repeat}

#mainbanner                                             { position:relative;left:0; top:0px; width:100%; height:250px; background-color:#FFF;}
/* Main Image Animation */
#mainimg                                                { position:absolute;left:0; width:100%; height:250px; }
#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:250px; margin:0 auto;text-align:left; background:url(../company/img/company-top-bg-01.png) bottom center no-repeat;}
#mainimg      .mainimgview02                            { position:absolute; float:left; width:100%; height:250px; margin:0 auto;text-align:left; background:url(../company/img/company-top-bg-02.png) bottom center no-repeat;}

/* Main Image Animation */
#mainimg-dvr                                                { position:absolute;left:0; width:100%; height:250px; }
#mainimg-dvr ul                                             { padding: 0; margin-left: 0; margin-top: 0;}
#mainimg-dvr ul li                                          { list-style: none; margin: 0;}
#mainimg-dvr      .mainimgview01-dvr                            { position:relative; float:left; width:100%; height:250px; margin:0 auto;text-align:left;background:url(../company/img/dvr-top-bg-01.png) bottom center no-repeat;}
#mainimg-dvr      .mainimgview02-dvr                            { position:absolute; float:left; width:100%; height:250px; margin:0 auto;text-align:left;background:url(../company/img/dvr-top-bg-02.png) bottom center no-repeat;}

#mainimg      .mainimgview01-dvr-profile                            { position:relative; float:left; width:100%; height:250px; margin:0 auto;text-align:left; background:url(/common/images/dvr/img1/dvr_profile-top-bg-01.png) bottom center no-repeat;}
#mainimg      .mainimgview02-dvr-profile                            { position:absolute; float:left; width:100%; height:250px; margin:0 auto;text-align:left; background:url(/common/images/dvr/img1/dvr_profile-top-bg-02.png) bottom center no-repeat;}

#mainimg      .mainimgview01-product                            { position:relative; float:left; width:100%; height:250px; margin:0 auto;text-align:left;background:url(../img1/dvr_product-top-bg-01.png) bottom center no-repeat;}
#mainimg      .mainimgview02-product                            { position:absolute; float:left; width:100%; height:250px; margin:0 auto;text-align:left;background:url(../img1/dvr_product-top-bg-02.png) bottom center no-repeat;}

#mainimg      .mainimgview01-dvr-cs                            { position:relative; float:left; width:100%; height:250px; margin:0 auto;text-align:left; background:url(../img1/dvr_cs-top-bg-01.png) bottom center no-repeat;}
#mainimg      .mainimgview02-dvr-cs                            { position:absolute; float:left; width:100%; height:250px; margin:0 auto;text-align:left; background:url(../img1/dvr_cs-top-bg-02.png) bottom center no-repeat;}




/* Main Image Animation */
#mainimg-si                                                { position:absolute;left:0; width:100%; height:250px; }
#mainimg-si ul                                             { padding: 0; margin-left: 0; margin-top: 0;}
#mainimg-si ul li                                          { list-style: none; margin: 0;}
#mainimg-si      .mainimgview01-si                            { position:relative; float:left; width:100%; height:250px; margin:0 auto;text-align:left; background:url(../si-division/img/si-top-bg-01.png) bottom center no-repeat;}
#mainimg-si      .mainimgview02-si                            { position:absolute; float:left; width:100%; height:250px; margin:0 auto;text-align:left; background:url(../si-division/img/si-top-bg-02.png) bottom center no-repeat;}

/* Main Image Animation */
#mainimg-cs                                                { position:absolute;left:0; width:100%; height:250px; }
#mainimg-cs ul                                             { padding: 0; margin-left: 0; margin-top: 0;}
#mainimg-cs ul li                                          { list-style: none; margin: 0;}
#mainimg-cs      .mainimgview01-cs                            { position:relative; float:left; width:100%; height:250px; margin:0 auto;text-align:left;background:url(../cscenter/img/cs-top-bg-01.png) bottom center no-repeat;}
#mainimg-cs      .mainimgview02-cs                            { position:absolute; float:left; width:100%; height:250px; margin:0 auto;text-align:left;background:url(../cscenter/img/cs-top-bg-02.png) bottom center no-repeat;}

#mainimg      .mainimgview01-si-profile                            { position:relative; float:left; width:100%; height:250px; margin:0 auto;text-align:left;background:url(/common/images/si/profile/si_profile-top-bg-01.png) bottom center no-repeat;}
#mainimg      .mainimgview02-si-profile                            { position:absolute; float:left; width:100%; height:250px; margin:0 auto;text-align:left;background:url(/common/images/si/profile/si_profile-top-bg-02.png) bottom center no-repeat;}

#mainimg      .mainimgview01-si-solution                            { position:relative; float:left; width:100%; height:250px; margin:0 auto;text-align:left;z-index:90; background:url(/common/images/si/solution/si_solution-top-bg-01.png) bottom center no-repeat;}
#mainimg      .mainimgview02-si-solution                            { position:absolute; float:left; width:100%; height:250px; margin:0 auto;text-align:left;z-index:90; background:url(/common/images/si/solution/si_solution-top-bg-02.png) bottom center no-repeat;}

#mainimg      .mainimgview01-si-cs                            { position:relative; float:left; width:100%; height:250px; margin:0 auto;text-align:left;z-index:90; background:url(/common/images/si/cs/si_cs-top-bg-01.png) bottom center no-repeat;}
#mainimg      .mainimgview02-si-cs                            { position:absolute; float:left; width:100%; height:250px; margin:0 auto;text-align:left;z-index:90; background:url(/common/images/si/cs/si_cs-top-bg-02.png) bottom center no-repeat;}



/* 관련 컨텐츠 */
#content                                                { width:100%; height:auto; margin-top:-12px; background-color:#FFF;; }
#content-list                                           { position:relative;left:50%; margin-left:-460px; top:-70px; width:1020px; height:auto; clear:both; }


#content1                                               { position:relative;left:50%; margin-left:-460px; width:920px; height:auto; z-index:92;  }
#content-list  #menu-layout                             { display: block; width:920px; margin-top:30px; padding: 20px 0; height:auto; }
ul#menu-layout li                                       { float:left; padding:5; }
   
#menu-layout-contents                                   { display: block; width: 720px; margin-left:10px; margin-top:10px; clear:both }
ul#menu-layout-contents-1 li                            { display: block; width: 720px; margin:10px 0 -10px 0; padding:0px ; clear:both; }
ul#menu-layout-contents-2 li                            {  display: block; width: 720px;  }

.menu-layout-contents-float_left                        { display: block; width: 720px;  clear:both;  }
ul.menu-layout-contents-float_left li                    { float:left; margin:5px 0 30px -5px; padding:0px ; }

.menu-layout-contents-float_vertical                    { width: 300px;    }
ul.menu-layout-contents-float_vertical li               { padding:-10px ; clear:both; font-size:12pt;    }

.menu-layout-contents-float_vertical-1                  { width: 300px;    }
ul.menu-layout-contents-float_vertical-1 li             {  padding:-20px 0px; clear:both; font-size:9.5pt;    }


#w                                                      { display: block; width: 190px; margin-left:-40px; margin-top:10px; }

#w h1                                                   { margin-left:45px;}

/* nav-submenu menu styles */
#nav-submenu                                            { display: block;  margin: 10 auto;  }
#nav-submenu li                                         { }
#nav-submenu > li > a                                   { display: block; padding: 8px 18px; font-size: 8.5pt; font-weight: bold; color: #7e7e7e; text-decoration: none;  /* border-bottom: 1px solid #cbcbcb; */
  background-color: #ffffff;}
#nav-submenu > li > a:hover, #nav-submenu > li > a.open { color: #33c7ff; border-bottom-color: #c8c8c8; /* background-color: #f4f4f4; */}
#nav-submenu li ul                                      { display: none; /*background: #f5f5f5;*/ }
#nav-submenu li ul li a                                 { display: block; background: none; padding: 5px 0px; margin-left: -15px; font-size: 8.5pt; text-decoration: none; color: #616161;}
#nav-submenu li ul li a:hover                           { color: #33c7ff;/* background: #ebebeb; */} 
 
 
 




/* 탭관련 CSS */
#Tab-container                                          { width:704px;	margin:10px 0 0 -10px;}
ul.tab                                                  { padding:0; }
ul.tab li                                               { list-style-type:none;	width:100px; height:40px; float:left; }
ul.tab li a                                             { background:url('/common/images/dvr/dvr-profile/company-tab-bg-n.gif');outline:none;	display:block;	line-height:40px;	text-align:center; }
ul.tab li a.selected                                    { background:url('/common/images/dvr/dvr-profile/company-tab-bg-o.gif');text-decoration:none; color:#333; cursor:default; }
ul.panel                                                { clear:both; border:1px solid #c4c4c4; border-top:none; padding:0; }
ul.panel li                                             { list-style-type:none;	padding:5px; ;}

#tab1                                                   { margin-left:-3px;}
#tab2                                                   { margin-left:-3px;}
#tab3                                                   { margin-left:-3px;}



/* 푸터 */
#wrap_footer                                            { width:100%; height:100%; background-color:#8b9f9e; clear:both;}
#footer                                                 { position:relative;left:50%; margin-left:-510px; width:1020px; clear:both; }

#footer2 { width:100%;	/**height:150px;**/	text-align:left;	bottom:0px;	clear:both; background:url(../img1/footer_imgBg.gif) repeat-x bottom; }


ul#cctv-rule li                                         { float:left;height:auto;padding:10px 10px; }

#address                                                { float:left;clear:both; }
#select                                                 { padding:20px 0 0 0;}
#select-vertical                                        { float:left; margin-left:40px }

/*----- paging -----*/
/*.paging{font-size:11px;text-align:center;width:260px;float:left;margin:-35px 0 0 37%}*/
.paging{font-size:11px;text-align:center;width:100%;float:left;}
.paging a{background:url('/common/images/bg/bg_textBar.gif') no-repeat left 3px;padding-left:8px;margin-right:4px}
.paging a:hover{color:#c62027}
.paging a.on{color:#c62027}
.paging img {margin:0 !important}

.inputCalender{width:125px;}

