/*sub layout*/
#wrap            {width:100%;  overflow:hidden;    }
.location    { float:right;  color:#999;    font-size: 12px; }
#container     { width:1200px; padding-bottom:20px;margin:0 auto;  height:100%;  background-color: #ffffff;}
#content     { margin-top:40px;margin-bottom:60px;   float: left;  width: 900px;
	 }




/*leftmenu layout*/
#snb                { width:240px; float:left; position:relative; margin-top: 60px; margin-right:60px;  }
#snb ul             { text-align:left; }
#snb ul li          { padding-bottom:6px; padding-top:6px; border-bottom: 1px solid #dddddd;  }
#snb ul li a        { font-size: 18px;  font-weight:500; letter-spacing:3px;}
#snb ul li a:hover  { color: #ff0000;  }	


/*타이틀 이미지*/

#headerimg1  {  width:100%;left:0;top:0;   height:200px;  background-image: url(/img/title/imgtitle_s1.jpg);  background-repeat: no-repeat; background-position: center top; } 
#headerimg2  {  height:200px; width:auto;  background-image: url(/img/title/imgtitle_s2.jpg);  background-repeat: no-repeat; background-position: center top; } 
#headerimg3  {  height:200px; width:auto;  background-image: url(/img/title/imgtitle_s3.jpg);  background-repeat: no-repeat; background-position: center top; } 
#headerimg4  {  height:200px; width:auto;  background-image: url(/img/title/imgtitle_s4.jpg);  background-repeat: no-repeat; background-position: center top; } 
#headerimg5  {  height:200px; width:auto;  background-image: url(/img/title/imgtitle_s5.jpg);  background-repeat: no-repeat; background-position: center top; } 


#headertxt        { width:1200px; margin:0 auto;  height:100%;  padding-top:30px;  }	
 .headertxtsub    {   width:340px;  background:#ec1c24;  text-align:center}
 .headertxtsub h1 {font-size: 30px; font-weight:600; letter-spacing:3px;  color:#fff; text-align:center; } 
 .headertxtsub p  {font-size: 13px; color:#ebebeb; padding-top:10px;padding-bottom:15px;   line-height: 15px;}
  .headertxtsub .p1  {font-size: 12px; color:#ff9900; padding-top:10px;padding-bottom:15px;  line-height: 8px;}




/*인사말 이미지*/
.bg1img    { background-image: url(/img/img1_mu1_1_03.gif);  background-repeat: no-repeat;  background-position: right bottom;  }	

.tax_color1               { color:#0066cc; }
.tax_color1_bold          { font-weight: bold; color:#0066cc; }



#mainbanner   {  background:#ffffff;    float:center;  position:relative; width: 900px;}
#mainbanner1  { width: 280px;float: left;  background: url(/img/index/index_img1_01.gif) no-repeat left top ; padding-left:80px;}
#mainbanner2  { width: 290px;float: left;  background: url(/img/index/index_img1_02.gif) no-repeat left top ; padding-left:80px; margin-left:20px;   margin-right:20px; }
#mainbanner3  { width: 280px;float: left;  background: url(/img/index/index_img1_03.gif) no-repeat left top ; padding-left:80px;}


/*건물종합관리*/
#subbanner   {     width:900px;  text-align: center;  }
.subbanner1  {    background-color:#e24131;     padding:20px;   margin-right:30px; width: 245px;  height:350px; float:left;	 text-align: center;}
.subbanner2  {    background-color:#099d9b; padding:20px;   margin-right:30px; width: 245px;  height:350px; float:left;	 text-align: center;}
.subbanner3  {  background-color: #6660a2; padding: 20px;  width: 245px; height: 350px; right: 0;  float:left;	 text-align: center;}
.imgcenter   {  text-align: center;}


.last { margin-right: 0; }


.title2      { font-size: 24px;  color: #fff;font-weight:700;  padding-bottom:8px;}
.title3   { font-size: 15px; font-weight: bold;  color: #ec1c24; background-color: #FFFFCC; padding:3px;}


.ulstyle1 ul    { text-align: left;}
.ulstyle1 ul li {  font-size: 16px;  line-height:30px;  background: url( ../img/common/bullet1.gif) no-repeat left center ; padding-left:15px;}

.ulstyle2 ul    { padding-top:15px;  margin-top:5px;   border-top:1px solid #e4e4e4;  color: #fff; text-align: left;}
.ulstyle2 ul li { font-size: 13px; color: #fff;  line-height: 18px;  background: url(/img/common/bullet3.png) no-repeat left center ; padding-left:10px;}

#intro    { width:900px; 	margin-top:60px;}
.intro1   { width:250px;  float: left;  color: #333; }
.intro2   { margin-left:300px; }
#intro  .title1      {    font-size: 26px; margin-bottom:20px;  padding-bottom:30px; color: #333; font-weight:bold;  border-bottom: 1px dotted #303a5d;	 }




ol.oltxt01           {  padding:5px 0 5px 10px ;  list-style-type:decimal;   text-align:justify;  }
ol.oltxt01 li        {  padding:3px 4px 4px 0px ; margin-left:10px;  }

ul.ultxt01       {  margin-bottom:60px;  }
ul.ultxt01 li        {  padding:3px 3px 3px 0px ;  background: url( ../img/common/bullet1.gif) no-repeat left center ;  padding-left:10px;} 


ul.ultxt02           {  padding:0 0 0 10px ;    list-style-type:disc;   margin-left:10px;  }
ul.ultxt02 li        {  padding:0 0 0 0 ;  }

ul.ultxt03           {  padding:5px 0 5px 3px ;     width:700px; list-style-type:disc; margin-left:10px; }
ul.ultxt03 li        {  padding:3px 3px 3px 0px ;  float:left;  width:300px;  }


.memu2_txt1  {  font-size: 22px;   font-weight: bold;  clear: both;   border:5px solid #e4e4e4;  text-align:center;  width: auto;  padding:10px 0px 10px 0px; argin-bottom:30px;}
.memu2_txt2  {  font-size: 22px;   font-weight: bold;  clear: both;   border:5px solid #e4e4e4;  text-align:center;   width: 810px;  padding:10px 0px 10px 0px; margin-top:30px; margin-bottom:30px;}

/*form_table*/
.form_table    {  border-top: 2px solid #ff9999;  }

.form_table table     { margin: 0; width: 100%; position: relative;  border-right: 1px solid #ffffff; border-collapse: collapse; text-align: left; line-height: 20px;  }
.form_table .theadcolor1{ background:#81afde;   text-align:center;  line-height:18px;  font-weight: bold;  border-bottom:2px solid #99ccff; color: #ffffff;  border-right:1px solid #ffffff;  }


.form_table .theadcolor2    { text-align:left; background:#81afde;    font-weight: bold;    line-height:18px;  border-bottom:2px solid #99ccff; color: #ffffff;  border-right:1px solid #ffffff;  }
.form_table .theadcolor2ct1    { background:#81afde;    position:relative;  clear:both; line-height:18px;  border-bottom:2px solid #99ccff; color: #ffffff;  border-right:1px solid #ffffff; text-align:center;  font-weight: bold; }
.form_table .theadcolor2ct        {  text-align:center; }
.form_table .theadcolor2rg        {  position:absolute; right:5px; top:3px;   text-align:right;  }



.form_table th        {  border-bottom:1px solid #c3ccd5; border-right:1px solid #c3ccd5; padding:3px 6px 3px 6px; }


.form_table td        {  border-bottom:1px solid #c3ccd5; border-right:1px solid #c3ccd5; padding:3px 6px 3px 6px;  valign:top; }
.form_table .bodyend     {   background:#ededed;  border-right:1px solid #c3ccd5;  text-align:center; }
.form_table .bodyend1      {  background:#ededed;  border-right:1px solid #c3ccd5;  text-align:center; }
.form_table .color1   {  background:#f5f5f5;    border-right:1px solid #c3ccd5;    text-align:left; }
.form_table .color2   {  background:#f5f5f5;    border-right:1px solid #c3ccd5;   text-align:center; }
.form_table .color3   {  background:#f5f5f5;    border-right:1px solid #c3ccd5;  width:160px;  text-align:left; }
.form_table .color1ct   {  background:#f5f5f5;    border-right:1px solid #c3ccd5;  width:130px;  text-align:center; }
.form_table .color1whno  {   background:#f5f5f5; text-align:left;}
.form_table .color1whno1  {   background:#ccffcc; text-align:left;  font-weight: bold;}
.form_table .color1whnoct  {   background:#f5f5f5; text-align:center;}
.form_table .color1wh1  {   background:#f5f5f5;    width:200px; text-align:left;}
.form_table .ed     { border-right:1px solid #ffffff;    }
.form_table .top     {  border-top:2px solid #99ccff;  }


.form_table .table2   { width:100%;margin-top:5px; border:1px solid #cccccc; border-collapse:collapse;text-align:center; padding:0px 5px 0px 5px;}
.form_table .table2thead  {background:#ededed;   text-align:center; }


.box_item1 {  display: block;  background:#f7f7f7; border:1px solid #dddddd;   padding:0px 15px 15px 15px ;  margin-bottom: 10px; margin-top: 10px;}
.box_item1 .title { text-align:left;font-weight: bold; color:#000;  margin-top: 5px;}
.box_item1 p { line-height: 18px; font-size: 14px; }
.box_item2 {  display: block;  background:#ffffcc; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;   padding:10px 10px 10px 10px ; margin:10px 0 10px 0 ;  }






.box_item1 {  display: block;  background:#f7f7f7; border:1px solid #dddddd;   padding:14px 20px 14px 20px ;  margin-bottom: 10px; }
.box_item1 .titlebox  {  background: url(../img/ico/blit_04.png) no-repeat left top; text-align:left;padding:0px 3px 0px 15px;margin-bottom: 8px; font-weight: bold; color:#ff6600; }
.box_item2 {  display: block;  background:#ffffcc; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;   padding:10px 10px 10px 10px ; margin:10px 0 10px 0 ;  }



ul.tab01 {font-size: 12px; width:100%;    text-align:center;  overflow: hidden;   font-weight: bold; margin-bottom: 8px; }
ul.tab01 li {  margin-right:5px ;   border:1px solid #cccccc;  float: left;    text-align: center;  width:120px;  padding:3px; }
ul.tab01 li a:hover,  ul.tab04 li a:focus, ul.tab04 li a:active {  color: #0066cc;   }
ul.tab01 .ontab01 {   color: #0066cc;  border:3px solid #3366cc;}




.tax_color1               { color:#0066cc; }
.tax_color1_bold          { font-weight: bold; color:#0066cc; }





.box_tip { border:2px solid #dddddd;
position:relative; width:767px; height:100px; overflow-x: hidden; overflow-y:scroll;   padding:15px; 
scrollbar-3dlight-color:#dddddd; scrollbar-arrow-color:#81afde; scrollbar-track-color:#efefef; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#81afde; }







/*form_table*/
.form_table table     { margin: 10px  0  10px  0 ; width: 100%; position: relative; border-top: 2px solid #dddddd; border-right: 1px solid #ffffff; border-collapse: collapse; text-align: left; line-height: 20px;  }
.tableh3      {  clear: both;   text-align:left; font-size: 30px;  margin-top:50px;  padding-bottom:30px; color: #333; font-weight:bold; 	 }



.form_table .theadcolor1{ background:#81afde;   text-align:center;  line-height:18px;  font-weight: bold;  border-bottom:2px solid #333; color: #ffffff;  border-right:1px solid #ffffff;  }


.form_table .theadcolor2    { text-align:left; background:#81afde;    font-weight: bold;    line-height:18px;  border-bottom:2px solid #99ccff; color: #ffffff;  border-right:1px solid #ffffff;  }
.form_table .theadcolor2ct1    { background:#81afde;    position:relative;  clear:both; line-height:18px;  border-bottom:2px solid #99ccff; color: #ffffff;  border-right:1px solid #ffffff; text-align:center;  font-weight: bold; }
.form_table .theadcolor2ct        {  text-align:center; }
.form_table .theadcolor2rg        {  position:absolute; right:5px; top:3px;   text-align:right;  }




.form_table th        {  border-bottom:1px solid #a1a1a1; border-right:1px solid #a1a1a1; padding:3px 6px 3px 6px; }


.form_table td        {  border-bottom:1px solid #a1a1a1; border-right:1px solid #a1a1a1; padding:3px 6px 3px 6px;  valign:top; }
.form_table .bodyend     {   background:#a1a1a1;  border-right:1px solid #a1a1a1;  text-align:center; }
.form_table .bodyend1      {  background:#a1a1a1;  border-right:1px solid #a1a1a1;  text-align:center; }
.form_table .color1   {  background:#a1a1a1;    border-right:1px solid #fa1a1a1;    text-align:left; }
.form_table .color2   {  background:#a1a1a1;    border-right:1px solid #a1a1a1;   text-align:center; }
.form_table .color3   {  background:#a1a1a1;    border-right:1px solid #a1a1a1;  width:160px;  text-align:left; }
.form_table .color1ct   {  background:#a1a1a1;    border-right:1px solid #a1a1a1;  width:130px;  text-align:center; }
.form_table .color1whno  {   background:#a1a1a1; text-align:left;}
.form_table .color1whno1  {   background:#a1a1a1; text-align:left;  font-weight: bold;}
.form_table .color1whnoct  {   background:#a1a1a1; text-align:center;}
.form_table .color1wh1  {   background:#a1a1a1;    width:200px; text-align:left;}
.form_table .ed     { border-right:1px solid #ffffff;    }
.form_table .top     {  border-top:2px solid #a1a1a1;  }


.form_table .table2   { width:100%;margin-top:5px; border:1px solid #cccccc; border-collapse:collapse;text-align:center; padding:0px 5px 0px 5px;}
.form_table .table2thead  {background:#ededed;   text-align:center; }







/*-----------------------------------*/





ul.mtab01 {font-size: 13px; height:132px;width:220px;    text-align:left; background: url(../img/main_bdm_line.gif) repeat-x left top;  }
ul.mtab01 li {  margin-right:3px ;   float: left;   }
ul.mtab01 .title  { margin-bottom:8px; margin-top:13px;  margin-bottom:2px;  }


ul.mtab02 {font-size: 13px; height:132px;width:220px;    text-align:left; background: url(../img/main_bdm_line.gif) repeat-x left top;   border-bottom: 2px solid #ededed;}
ul.mtab02 li {  margin-right:3px ;   float: left;   }
ul.mtab02 .title  { margin-bottom:8px; margin-top:13px;  margin-bottom:2px;  }

/*common style*/






 /*paging*/
.paging              { width:100%; position:relative;clear:both;margin-bottom:10px;}
.pagingnum           { text-align:center; padding:15px 0px 15px 0px;}
.pagingnum a         { padding-left:2px;  padding:5px 7px 3px 7px;  border: 1px solid #dddddd;}
.pagingnum a.on      { color: #6699cc;  border: 1px solid #6699cc; background:#ececec;}
.pagingnum a:hover   { color: #ff6666;  border: 1px solid #ff6666; background:#ececec;}
.paging .btn_r       { position:absolute; right:-1px; top:5px; text-align:right; }



/*table_list_01*/
.table_list_01 table  {width:100%; border-bottom:2px solid #dcdcdc;  border-collapse:collapse; line-height:18px; }
.table_list_01 thead  th {background:#3366cc;line-height:26px; }
.table_list_01 .color1   {background:#cccccc;  border-right:1px solid #ffffff; }
.table_list_01 th     { color:#ffffff;   border-right:1px solid #99cccc;  font-size:11px;   text-align:center; }
.table_list_01 td     {padding:6px 6px 4px 6px; border-bottom:1px solid #dcdcdc; border-right:1px solid #ededed;    text-align:center;}
.table_list_01 .lf     {padding-left:10px;text-align:left;}
.table_list_01 .ed     { border-right:1px solid #ffffff;    }
.table_list_01 .lfed     { border-right:1px solid #ffffff;  padding-left:10px; text-align:left;}





/* tab */




ul.tab02 {font-size: 13px; height:36px;width:100%;    text-align:center; margin-bottom:10px; overflow: hidden;   font-weight: bold;  background: url(../img/tab1_linebag_1.gif) repeat-x left top;  }
ul.tab02 li {  margin-right:3px ;   border:1px solid #cccccc;  background:#ffffff url(../img/tab1_linebag1.gif) repeat-x left top; float: left;  padding:8px 20px 8px 20px ;  text-align: center;   }
ul.tab02 li a:hover,  ul.tab04 li a:focus, ul.tab04 li a:active {  color: #0066cc;   }
ul.tab02 .ontab02 {   color: #3366cc;   background:#ffffff; border-top:2px solid #0066cc;border-left:2px solid #0066cc;border-right:2px solid #0066cc;border-bottom:2px solid #ffffff; padding:6px 20px 20px 20px ; }

/* txt_tip */
ul.txt_tip01     {  display: block;  background:#f7f7f7; border:1px solid #dddddd;   padding:14px 0 14px 20px ;  margin-bottom: 10px;}
ul.txt_tip01 li  {  background: url(../img/blit_03.png) no-repeat left top;  width:99%;   display: block;text-decoration: none; padding:3px 3px 3px 15px ; }
ul.txt_tip01 .title  {  background: url(../img/blit_04.png) no-repeat left top; margin-bottom:8px;  font-weight: bold; color: #000000;   }




/*pop_style*/
#pop_style_01   {background:#fff; border:6px solid #3366cc; position:relative; width:550px; padding:35px;   }
#pop_style_02   {background:#fff; border:6px solid #3366cc; position:relative; width:800px; padding:35px;   }
#pop_style_03   {background:#fff; border:1px solid #333333;position:relative; width:800px; }
#pop_style_04   {background:#fff; border:6px solid #3366cc; position:relative; width:880px; padding:35px;  margin-right:35px;}










.pop_table table     { width:100%;  border-top:2px solid #99ccff; border-bottom:2px solid #99ccff;  border-right:1px solid #ffffff;  border-collapse:collapse;text-align:center; }

.pop_table .theadcolor1     {  background:#ededed;   border-top:2px solid #99ccff; line-height:20px; }
.pop_table th        { line-height:25px; border-bottom:1px solid #e3e3e3;   padding:3px 3px 3px 3px; }
.pop_table td        { line-height:25px; border-bottom:1px solid #e3e3e3;  border-right:1px solid #e3e3e3;  padding:3px 3px 3px 3px; }
.pop_table .color1   { background:#f5f5f5;    border-right:1px solid #e3e3e3;   }
.pop_table .color1_ct  { color: #333;  background:#f5f5f5;    text-align:center;  }
.pop_table .btn_r      { color: #333;     text-align:right;    }
.pop_table .ed     { border-right:1px solid #ffffff;    }


.pop_table01 table     { width:100%;  border:1px solid #dddddd; background:#ffffe0;   border-collapse:collapse; padding:25px;   }


.pop_close_btn   { position:absolute; right:-2px; top:-2px; }
.pop_title01  { width:100%;height:40px;  margin-bottom:10px; background:url(../img/pop_linebg_01.gif) no-repeat left bottom;}
.pop_title02  { background: url(../img/blit_05.png) no-repeat left top;  text-align:left;  font-size:14px;  font-weight: bold;  color:#333333; padding:5px 0px 5px 20px;margin-top:8px; margin-bottom:6px;}
.pop_title03  { background: url(../img/blit_05_s.png) no-repeat left top; text-align:left; font-size:13px; font-weight: bold; color:#333333; border-bottom:1px solid #dddddd;  padding:0px 0px 5px 15px; margin-top:30px; }






/*popup*/
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../js/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}



.body_tel  {padding-top:50px;  padding-bottom:30px;}








.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 {
	float: left;
	margin-right: 3.8%;
	min-height: 1px;
}

.row .col-1  { width: 4.85%;	}
.row .col-2  { width: 13.45%;	}
.row .col-3  { width: 30.80%;	}
.row .col-4  { width: 30.75%;	}
.row .col-5  { width: 39.45%;	}
.row .col-6  { width: 48%;		}
.row .col-7  { width: 56.75%;	}
.row .col-8  { width: 65.4%;	}
.row .col-9  { width: 74.05%;	}
.row .col-10 { width: 82.7%;	}
.row .col-11 { width: 91.35%;	}
.row .col-12 { width: 100%; float: left; }

.last { margin-right: 0; }
[class^=col]>:first-child { margin-top: 0; }

img, object, embed, iframe { max-width: 100%; }
img, iframe { height: auto; }

.fr { float: right; }