/* 갤러리 CSS */
.col-2  {width:49%;  margin-right:1.3%; float:left;}
.col-2:nth-child(2) {margin-right:0; float:right;}
.col-2 img {width:100%; height:360px;}

.col-4  {width:24%;  margin-right:1.3%; float:left;}
.col-4:nth-child(4) {margin-right:0; float:right;}

.col-5  {width:19%;  margin-right:1.25%; float:left;}
.col-5:nth-child(5) {margin-right:0; float:right;}
.col-5 img {width:100%; height:150px; }

.flex {width:100%; display:flex}
.flex.col2 > div {width:100%;}
.flex.gap20 {gap:20px}
.t_color {color:#f7791d !important}
.bl_t { width:100%;  display:flex; }
.bl_t:before {content:'·'}
.bl_t + .bl_t {margin-top:3px}


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

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

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

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

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.93em; line-height:1.5em;  color:#777; list-style:decimal; }

ul.no_list {width:100%; }
ul.no_list li {width:100%; 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)}  



.cate {display:flex; align-items:center; flex-wrap:wrap; width:100%;  background-color:#f5f5f5; padding:20px 20px;  box-sizing:border-box;  gap:5px  0}
.cate li { font-size:1.05em; white-space:nowrap; padding:0 0 0 15px; box-sizing:border-box;  width:33%;  cursor:pointer; position:Relative}
.cate li a {width:100%; display:inline-block; color:#222; }
.cate li.page_ov a {color:#f7791d; font-weight:600;  }
.cate li:before {content:''; width:5px; height:5px; background-color:#999; border-radius:50%; display:inline-block; position:absolute; left:0; top:11px; }  
.cate li.page_ov:before { background-color:#f7791d; }  


/* 댐퍼 비교 주황바탕표 */
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:18px; 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:16px; 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;}



/*탭
.tab  ul    { width:700px; margin:0 auto;}
.tab  li	{ float:left; text-align:center; font-size:16px; font-weight:400;  box-sizing:border-box;  background-color:#fff;  border:1px solid #ddd;  }
 
.tab  li  a { width:100%; display:inline-block;  text-decoration:none; }

.tab  li a:link	     { color:#888; text-decoration:none;}
.tab  li a:hover	 { color:#888; text-decoration:none;}
.tab  li a:active	 { color:#888; text-decoration:none;}
.tab  li a:visited	 { color:#888; text-decoration:none;}

.tab  li.ov    	 { border:1px solid #054f98; }
 
.tab  li.ov a 		 {display:inline-block; text-decoration:none; font-weight:500;}
	 
.tab  li.ov a:link		{color:#fff; text-decoration:none;}
.tab  li.ov a:hover  	{color:#fff; text-decoration:none;}
.tab  li.ov a:active	{color:#fff; text-decoration:none;}
.tab  li.ov 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;  font-size:0.9em; 
 }

.btn_bg a:link		{border:1px solid #ddd;  color:#555;  text-decoration:none;}
.btn_bg a:hover	    {border:1px solid #ddd; color:#555;  text-decoration:none;}
.btn_bg a:active	    {border:1px solid #ddd; color:#555;  text-decoration:none;}
.btn_bg a:visited	      { border:1px solid #ddd; 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;}



.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:500;

}

.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:500;
}

.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;}



/* 레이어 팝업 */

.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999999999999999999999999999999999999999999999999999999999999;}
		.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:700px; height:auto;  z-index: 10;}	
	.pop-layer .pop-container {padding: 20px 33px; float:left; background-color:#fff; border: 5px solid #339966;  width:100%; box-sizing:border-box;}
	.pop-layer p.ctxt {color: #666; line-height: 25px;}
    .pop-conts  .pop_product_img  {width:500px;margin:0 auto;  }
    .pop-conts  .pop_product_img  img {width:100%;  }

    .pop-conts 	.pop_bt_group{width:100%; float:left; margin-top:-260px;  position:relative; }
    .pop-conts 		.pop_l_bt{float:left;}
    .pop-conts 		.pop_r_bt{float:right;}

	.pop_txt{text-align:center; width:100%; margin-top:10px;   border-top:1px solid #ddd; padding:15px 0;}
	.pop_txt span{font-size:1.2em; line-height:1.7em; font-weight:600; }
	.pop_txt p{font-size:0.93em; line-height:1.3em;  font-weight:400;  color:#666;}



 	.pop-layer .btn-r {width: 100%;   text-align:center;}

	a.cbtn {display:inline-block;  float:right;  padding:0;  width:100px;  border:1px solid #339966; background-color:#339966; 
	                   font-size:15px; color:#fff; font-weight:600; line-height:35px;}	
	a.cbtn:hover {border:1px solid #25824f; background-color:#25824f; color:#fff;}
	
	.pop-conts .cap_img{border:0px solid #c55; padding:30px;}
	

.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; }




.list_btn   {  background:#fff;  text-align:center; margin-left:5px; box-shadow:1px 1px #ddd; 
 font-size:14px; font-weight:600; line-height:29px; border-radius:3px;  border:1px solid #ddd; padding:0px 20px; float:right;}

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

.list_btn a:link	{  color:#777;}
.list_btn a:hover	{color:#777;}
.list_btn a:active	{ color:#777;}
.list_btn a:visited	{ color:#777;}

.list_btn2   { float:left; color:#fff; background:#fff;  text-align:center; margin-left:3px; box-shadow:1px 1px #ddd; 
 font-size:14px; font-weight:600; line-height:30px; border-radius:3px;  border:1px solid #ddd; width:70px; float:right;}

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

.list_btn2 a:link	{  color:#777;}
.list_btn2 a:hover	{color:#777;}
.list_btn2 a:active	{ color:#777;}
.list_btn2 a:visited	{ color:#777;}

.list_btn3   { float:left; color:#fff;  background:#777; text-align:center;
 font-size:14px; line-height:30px; font-size:13px; border-radius:3px;  border:1px solid #ddd; width:70px; }

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

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


.list_btn_bor   { float:left; color:#fff;  background:#fff; text-align:center;
 font-size:14px; line-height:30px; font-size:14px; border-radius:3px;  border:1px solid #888; width:70px; }

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

.list_btn_bor a:link	{ color:#777;}
.list_btn_bor a:hover	{color:#555;}
.list_btn_bor a:active	{ color:#555;}
.list_btn_bor a:visited	{ color:#777;}


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



.link_btn_bg_s   { padding:7px 0px 8px 0px;  font-size:13px; color:#fff; background-color:#555;    }


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

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


.link_btn_bg_s2   {  padding:6px 8px 8px 8px;   background:url('/common/img/board/btn_bg.jpg') repeat-x top center; font-size:11px; 
                 color:#666; border:1px solid #ddd; background-color:#fff;  border-radius:5px; }


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

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



.link_btn_bg_s   {  padding:7px 0px 8px 0px;  font-size:13px; color:#fff; background-color:#555;    }


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

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


.link_btn_bg_s2   {  padding:6px 8px 8px 8px;   background:url('/common/img/board/btn_bg.jpg') repeat-x top center; font-size:11px; 
                 color:#666; border:1px solid #ddd; background-color:#fff;  border-radius:5px; }


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

.link_btn_bg_s2 a:link	{  color:#999;}
.link_btn_bg_s2 a:hover	{color:#999;}
.link_btn_bg_s2 a:active	{ color:#999;}
.link_btn_bg_s2 a:visited	{ color:#999;}

.btn_wrap   {width:100%; float:left; margin-top:30px;}
.btn_wrap p {text-align:center;}

 

.check_btn   { padding:7px 22px 7px 22px; text-align:center; font-size:13px; line-height:33px; vertical-align:-3px; background-color:#666;  }

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

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



.check_btn_s   { padding:5px 0px 5px 0px; text-align:center;  font-size:13px;  background-color:#fff; border:1px solid #333; line-height:24px;}

.check_btn_s  a {
	display:inline-block;
    text-decoration:none;
	width:90px;
	}

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


.check_btn2   { padding:7px 0px 9px 0px; text-align:center;   font-size:13px;  background-color:#333; border:1px solid #333; line-height:30px;}


.check_btn2  a {
	display:inline-block; text-decoration:none; width:100px;}

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



	
.join_red_txt  {width:100%; float:left; font-size:0.93em; line-height:1.3em; color:red; }
	

	

.check_btn5   {  text-align:center; padding:6px 0px;  font-size:0.85em;  font-weight:600; background-color:#fff; border:1px solid #999; border-radius:3px;   }

.check_btn5  a { width:100px; display:inline-block; text-decoration:none; }

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

	
.address_btn   {  text-align:center; padding:6px 12px;  font-size:0.85em;  background-color:#f7f7f7; border:1px solid #ddd; border-radius:3px;   }

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