.box_100 {width:100%; float:left}
.border_top  {border-top:1px solid #ddd;}
.bg_gray  {background-color:#f9f9f9; }
.red  {color:red;}
.t_color {  color: #f7791d !important; }

table.basic  	  {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;  }
table.basic  th   { padding:10px; text-align:left; background:#f7f7f7; line-height:1.3em;   font-size:0.95em; font-weight:500; color:#333;  border-bottom:1px solid #ddd;}
table.basic  td   {padding:10px; vertical-align:middle; font-size:0.92em; line-height:1.35em;  color:#777; border-bottom:1px solid #ddd;}
table.basic tr.thick_border td{border-bottom:2px solid #777;}

table.basic2   {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;  }
table.basic2  th   { padding:10px; text-align:left;   font-size:0.95em; font-weight:600; color:#333;  border-bottom:1px solid #ddd;}
table.basic2  td   {padding:10px; vertical-align:middle; font-size:0.95em; line-height:1.3em;  color:#777; border-bottom:1px solid #ddd;}
table.basic2  td  strong  {color:#333; font-weight:600;}


table.basic3   {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;  }
table.basic3  th   { padding:12px; text-align:center;  font-size:1em; font-weight:600; color:#333; background-color:#f7f7f7;  border:1px solid #ddd;  border-top:1px solid #333;}
table.basic3  td   {padding:10px; vertical-align:middle; text-align:center; font-size:0.95em; line-height:1.3em;  color:#777; border:1px solid #ddd;}
table.basic3  td.bg_1   {background-color:#f9f9f9;}

/* 밑줄만 있는 테이블 */
table.basic_u  		{width:100%; float:left; border:1px solid #ddd;}
table.basic_u  th   {padding:12px; background:#f7f7f7; text-align:center;  vertical-align:middle; font-size:0.95em; font-weight:500; color:#333;  border-bottom:1px solid #ddd;}
table.basic_u  td   {padding:12px 15px; vertical-align:middle; text-align:left;   font-size:0.95em; line-height:1.4em;  color:#777; border-bottom:1px solid #ddd;}



/* 댐퍼 비교 주황바탕표 */
table.basic_d  		{width:100%; float:left; border:1px solid #ddd;}
table.basic_d  th   {padding:12px; background:#ffa200; text-align:center; vertical-align:middle; font-size:1em; font-weight:500; color:#fff;  border-bottom:1px solid #ddd;}
table.basic_d  td   {padding:12px 15px; vertical-align:middle;  text-align:center; font-size:0.9em; line-height:1.4em; font-weight:400; color:#333; border-bottom:1px solid #ddd;}
table.basic_d  .bg1   {background:#fdf5e8;}
table.basic_d  .bg2   {background:#fff;}
table.basic_d  .color_r   {color:#c00;}


ul.basic   {width:92%; margin-left:6%; float:left; }
ul.basic  li   {padding:2px 0px; vertical-align:middle; font-size:0.95em; line-height:1.5em;  color:#777; list-style:disc; }

ul.basic   {width:96%; margin-left:4%; float:left; }
ul.basic  li   {padding:2px 0px; vertical-align:middle; font-size:0.95em; line-height:1.5em;  color:#777; list-style:disc; }

dl.basic   {}
dl.basic  dt   { font-weight:600;  font-size:1.1em;  line-height:1.5em; 
                  color:#333; padding-bottom:10px;  }
dl.basic  dd   {padding:4px 0px; box-sizing:border-box;    font-size:0.95em; line-height:1.5em;  color:#777;  }

dl.basic2   {}
dl.basic2  dt   { font-weight:600;  font-size:1.1em;  line-height:1.5em; 
                  color:#333; }
dl.basic2  dd   {padding:4px 0px; box-sizing:border-box;    font-size:0.95em; line-height:1.5em;  color:#777;  }



/*연혁 테이블*/
table.basic3   {width:100%; float:right; border-top:2px solid #ef7924; border-bottom:0px dashed #ddd; }
table.basic3  th   {padding:12px;  text-align:center;  vertical-align:middle; font-size:1.5em; font-weight:800; color:#333;}
table.basic3  td   {padding:12px; vertical-align:middle; text-align:left; font-size:0.95em; line-height:1.4em;  color:#555; }

table.basic3  .date_num   {color:#ef7924; font-weight:600; font-size:1em; text-align:center;}


/* 찾아오시는길 테이블 */

table.basic4   {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;   border-top:1px solid #333; }
table.basic4  th   {padding:12px; background-color:#f9f9f9; text-align:center;  vertical-align:middle; font-size:1em; font-weight:600; color:#333;  border-bottom:1px solid #ddd;}
table.basic4  td   {padding:12px; vertical-align:middle; text-align:left;   font-size:0.95em; line-height:1.4em;  color:#777; border-bottom:1px solid #ddd;}

table.basic5   {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;  }
table.basic5  th   {padding:12px;  background-color:#f7791d;  text-align:center;  vertical-align:middle;  font-size:0.93em;  color:#fff;  border:1px solid #ddd; }
table.basic5  td   {padding:10px; vertical-align:middle; text-align:center;   font-size:0.93em; line-height:1.4em;  color:#777; border:1px solid #ddd;}
table.basic5 tr td:first-child   {background-color:#f9f9f9; font-weight:500; color:#555}
table.basic5 td i {vertical-align:middle}


ul.no_list {width:100%; }
ul.no_list li {width:100%; font-size:.95em; line-height:1.3; display:flex; margin-bottom:7px}
ul.no_list li:before  {width:30px; flex-shrink:0; content:'①'}
ul.no_list li:nth-child(2):before  {  content:'②'}
ul.no_list li:nth-child(3):before  {  content:'③'}
ul.no_list li:nth-child(4):before  {  content:'④'}
ul.no_list li:nth-child(5):before  {  content:'⑤'}
ul.no_list li div {width:calc(100% - 50px)}  

.table_wrap {width:100%; overflow-x:auto}
.table_wrap table {width:130%; }

.cate {display:flex; flex-wrap:wrap; width:100%;   box-sizing:border-box;   }
.cate li { font-size:1em;  border:1px solid #ddd; padding:12px 10px;  box-sizing:border-box; width:50%; margin-right:-1px; margin-bottom:-1px;   cursor:pointer; position:Relative}
.cate li a {width:100%; display:inline-block; color:#555; font-size:.9em; line-height:1}
.cate li.page_ov {background-color:#f7791d  }
.cate li.page_ov a {color:#fff; font-weight:500;  }
 

/* 회사개요 */

ul.basic   {width:95%; margin-left:3%; float:left;  background-color:#fff;}
ul.basic  li   {padding:2px 0px 5px 0; vertical-align:middle; font-size:0.95em; line-height:1.5em;  color:#777; list-style:decimal; }

ul.basic2   {width:95%; margin-left:5%; float:left;  background-color:#fff;}
ul.basic2  li   {padding:2px 0px 0px 0; vertical-align:middle; font-size:1em; line-height:1.3em;  color:#777; list-style:disc; }

ul.basic3   {width:95%; margin-left:3%; float:left;  background-color:#fff;}
ul.basic3  li   {padding:2px 0px 0px 0; vertical-align:middle; font-size:0.98em; line-height:24px;  color:#777; list-style:square; }



/*팝업*/
.layer {display:none; position:fixed;   top:0; left:0; width:100%; height:100%; z-index:99999999999;}
		.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
		.layer .pop-layer {display:block;}

	.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width:750px; height:auto;     z-index: 10;}	
	.pop-layer .pop-container {  width:700px; float:left; background-color:#fff;}
	 
	 .pop_btn {width:50px; float:right; text-align:right; padding-top:10px;}



a.cbtn {display:inline-block; font-family:"arial"; font-weight:600;  font-size:20px; background-color:#333; width:50px; line-height:50px; text-align:center; color:#fff; }	
a.cbtn:hover { background-color:#333;  color:#fff;}


.layer a:link	{  color:#fff; text-decoration:none;  }
.layer a:hover	{color:#fff; text-decoration:none;}
.layer a:active	{ color:#fff; text-decoration:none;}
.layer a:visited	{ color:#fff; text-decoration:none;}


/*버튼*/

 

.btn_bg    {float:left; }

.btn_bg  a {
	display:inline-block;
  padding-right:20px;
padding-left:20px;
 line-height:30px;
background:url('/common/img/board/btn_bg.jpg') repeat-x bottom center;
border-radius:5px;
}

.btn_bg a:link		{border:1px solid #ddd;  font-size:13px;  color:#555;  text-decoration:none;}
.btn_bg a:hover	    {border:1px solid #ddd; font-size:13px; color:#555;  text-decoration:none;}
.btn_bg a:active	    {border:1px solid #ddd; font-size:13px; color:#555;  text-decoration:none;}
.btn_bg a:visited	      { border:1px solid #ddd; font-size:13px;color:#555;  text-decoration:none;}


.s_btn_bg{ }

.s_btn_bg  a {
	display:inline-block;
	padding-right:30px;
	padding-left:30px;
	line-height:32px;
	border-radius:3px;
}

.s_btn_bg a:link		{background-color:#333; font-size:13px; color:#fff;  text-decoration:none;}
.s_btn_bg a:hover	    {background-color:#333; font-size:13px; color:#fff;  text-decoration:none;}
.s_btn_bg a:active	    {background-color:#333; font-size:13px; color:#fff;  text-decoration:none;}
.s_btn_bg a:visited	    {background-color:#333; font-size:13px; color:#fff;  text-decoration:none;}


.s_btn_bg2         { }

.s_btn_bg2  a {
display:inline-block;
padding-top:5px;
padding-right:15px;
padding-left:15px;
padding-bottom:8px;	
}

.s_btn_bg2 a:link		{background-color:#555; font-size:13px;  color:#fff;  text-decoration:none;}
.s_btn_bg2 a:hover	    {background-color:#555; font-size:13px; color:#fff;  text-decoration:none;}
.s_btn_bg2 a:active	    {background-color:#555; font-size:13px; color:#fff;  text-decoration:none;}
.s_btn_bg2 a:visited	      {background-color:#555; font-size:13px;color:#fff;  text-decoration:none;}



 



.yes_btn_bg         {}

.yes_btn_bg  a {
display:inline-block;
padding-top:12px;
padding-right:40px;
padding-left:60px;
padding-bottom:15px;	
border-radius:5px;
font-size:1em; 
font-weight:600;

}

.yes_btn_bg a:link		{background:url('/common/img/board/ok_btn_bg.jpg') no-repeat;     color:#fff;  text-decoration:none;}
.yes_btn_bg a:hover	    {background:url('/common/img/board/ok_btn_bg.jpg') no-repeat;  color:#fff;  text-decoration:none;}
.yes_btn_bg a:active	    {background:url('/common/img/board/ok_btn_bg.jpg') no-repeat;  color:#fff;  text-decoration:none;}
.yes_btn_bg a:visited	      { background:url('/common/img/board/ok_btn_bg.jpg') no-repeat;   color:#fff;  text-decoration:none;}

.no_btn_bg         {}

.no_btn_bg  a {
display:inline-block;
padding-top:12px;
padding-right:40px;
padding-left:60px;
padding-bottom:15px;	
border-radius:5px;
font-size:1em; 
font-weight:600;
}

.no_btn_bg a:link		{background:url('/common/img/board/no_btn_bg.jpg') no-repeat;   color:#fff;  text-decoration:none;}
.no_btn_bg a:hover	    {background:url('/common/img/board/no_btn_bg.jpg') no-repeat;  color:#fff;  text-decoration:none;}
.no_btn_bg a:active	    {background:url('/common/img/board/no_btn_bg.jpg') no-repeat;  color:#fff;  text-decoration:none;}
.no_btn_bg a:visited	      {background:url('/common/img/board/no_btn_bg.jpg') no-repeat; color:#fff;  text-decoration:none;}




.check_btn   {text-align:center;  }


.check_btn a {
	display:inline-block;
     text-decoration:none;
	 border-radius:3px;
	 border:1px solid #226bb5; font-size:13px; padding-top:6px; padding-bottom:6px;  width:100px; 
	 
	   


     
	}
.check_btn a:link	{  color:#226bb5; }
.check_btn a:hover	{color:#226bb5;  }
.check_btn a:active	{ color:#226bb5; }
.check_btn a:visited	{ color:#226bb5; }

.c1   {}
.c2   {background-color:#4d4d4d;}



.write_btn   { padding-bottom:10px; background-color:#3c88ba;  padding-bottom:5px;  padding-top:2px; font-size:13px; 
                  text-align:center; color:#fff; }

.write_btn a {
	display:inline-block;
     text-decoration:none;
   padding-left:20px;
   padding-right:20px;

     
	}

.write_btn a:link	{  color:#fff; }
.write_btn a:hover	{color:#fff;  }
.write_btn a:active	{ color:#fff; }
.write_btn a:visited	{ color:#fff; }


.btn_bg_b   { padding-bottom:10px; background-color:#5e4b45; font-size:14px;  font-weight:600; line-height:30px; padding-top:5px;
                  text-align:center; color:#fff; }

.btn_bg_b a {
	display:inline-block;
     text-decoration:none;
    

     
	}

.btn_bg_b a:link	{  color:#fff; }
.btn_bg_b a:hover	{color:#fff;  }
.btn_bg_b a:active	{ color:#fff; }
.btn_bg_b a:visited	{ color:#fff; }