@charset "utf-8";

/*sub*/

 #sub {width:100%; margin:0 auto;  float:left;  }

section#info {background-color:#fff; font-size:1.05em; line-height:1.7}
section#board {background-color:#fff;  }
section#product {background-color:#fff; line-height:1.7;  }

#info  {width:100%; display:inline-block;  box-sizing:border-box; padding:0 8%;  }
#board  {width:100%;  display:inline-block;  box-sizing:border-box; padding:0 8%; }
#product  {width:100%; display:inline-block;  box-sizing:border-box; padding:0 8%;  }

hr.sub_menu_hr {height:145px}

h2.guide {width:100%; float:left; text-align:Center; font-size:1.5em; font-weight:800; color:#333; padding-bottom:50px; margin-top:50px;}
h2.guide span {font-size:12px !important; color:#cacaca; font-weight:400; line-height:1em; letter-spacing:1px; }

.sub_1_dep {width:100%; display:flex;  justify-content:space-between; padding:0 8% }
.sub_1_dep li {padding:13px 0; white-space:nowrap;  }
.sub_1_dep li.ov  a {font-weight:600; color:#000}


 table.basic4   {width:100%; float:left; border:1px solid #ddd; }
 table.basic4  th   {padding:10px 7px; text-align:left;   font-size:0.97em; font-weight:600; color:#333;  border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:#f6f6f6;}
 table.basic4  td   {padding:7px; vertical-align:middle; font-size:0.92em; line-height:1.3em;  color:#555;  text-align:center; border-right:1px solid #ddd;   border-bottom:1px solid #ddd;}
 table.basic4  td span  {font-size:1em; font-weight:600; color:#c00;}


.partner {width:100%; float:left;}
.partner li {width:33.333333%; float:left; margin-top:-1px; margin-left:-1px;}
.partner li  img {width:100%;}
.text_box  {width:100%; float:left; font-size:1em; color:#666; }

.partner_box1 {width:100%;  display:flex; flex-wrap:wrap; }
.partner_box1 li{width:33.33333%;  }
.partner_box1 li img {width:100% }



h3.product_view_h3 {background:url('/common/img/sub/tit_arr.png') no-repeat ; padding-left:30px; box-sizing:border-box; width:100%; float:left; text-align:left; font-size:1.5em; font-weight:600; color:#333; padding-bottom:15px;}

/*인사말*/
.intro_tit {width:100%; color:#333;   margin:0 auto;  text-align:center;  }
.intro_tit p:nth-child(1) {font-weight:600; font-size:1em; color:var(--main_c); }
.intro_tit p:nth-child(1) b {font-weight:800}
.intro_tit p:nth-child(2) {font-size:1em; margin-top:20px;  color:var(--main_c); line-height:1.6}


.intro_txt {font-size:1em; color:#444; text-align:left;  margin-top:30px;  position:relative}
 .intro_txt b {float:right; color:#000}


 
 /* 회사 연혁 */
.table_history{width:100%; }
.table_history td { padding:0 10px; font-size:0.95em;   color:#333; vertical-align:top; }
.table_history th {width:80px; text-align:left;  padding:0 10px; vertical-align:top;  color:var(--main_c); font-weight:800; font-size:1.2em; line-height:1.2}


.table_history  td strong {color:var(--main_c); font-weight:800; }
.table_history  td.date   {width:15%; vertical-align:middle;}


/* 인증서/현황 */
.certificate_group {width:100%; float:left; }
.certificate_group ul li{width:49%; margin:0 0.5%; float:left;}
 
.certificate_group li a img { box-sizing:border-box;}

.certificate_txt{text-align:left; color:#444; line-height:1.3em;   font-size:0.95em; padding:10px 0 20px 0;}


.bottom_line{border-bottom:1px solid #ddd; }

.border_bottom_box{border-bottom:1px dashed #ddd;  padding-bottom:0; margin-bottom:30px;  width:100%; float:left;}
 

.certi_box   {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; } 
.certi_box li {width:49%; position:relative; padding-top:20px} 
.certi_box li img {position:absolute; left:10px; top:0; z-index:99}			
			
.certi_box li div  { width:100%; height:calc(100% - 20px); border:1px solid var(--main_c);  display:flex; flex-wrap:wrap;  align-content:center;   box-sizing:border-box; padding:45px 20px 40px 20px } 

.certi_box li div strong{color:var(--t_c); font-size:1em; line-height:1.4em; padding-bottom:5px; width:100%; font-weight:800 }
.certi_box li div p{color:var(--t_c); font-size:0.94em; line-height:1.2em; }



.organization  {width:100%; float:left; text-align:Center; }
.organization ul {display:flex; justify-content:space-between}
.organization ul li {  padding-top:10px;   line-height:1.2;  position:relative}
.organization ul li:before {content:''; width:100%; height:2px; background-color:var(--main_c); display:inline-block; position:absolute; top:0; left:0; }



.h3_tit {width:100%; font-size:1.1em; text-align:center; padding-bottom:40px; }
.h3_tit span {line-height:40px; display:inline-block; color:var(--main_c); position:relative; }
.h3_tit p {width:100%; font-weight:400; font-size:.90em; display:inline-block; padding:0; color:#333132; margin-top:5px}
.h3_tit span:before {content:''; width:100%; height:1px; background-color:var(--main_c); display:inline-block; position:absolute; bottom:0px; left:0}


.product_info  img {max-width:100%}
.product_info  h4 {display:block; width:100%; font-size:1em; font-weight:800; margin-bottom:10px}
.product_info  h3 {display:block;  width:100%; font-size:1.2em; line-height:1;  font-weight:800; margin-bottom:30px; position:relative; padding-left:15px; padding-bottom:0; box-sizing:border-box}
.product_info h3:before {content:''; width:2px; height:100%; background-color:var(--main_c); display:inline-block; position:absolute; top:0; left:0}
.product_info .no {font-size:2em; font-weight:700}

.product_info p {width:100%; display:inline-block}
.product_info .bg_box_n {width:100%; display:inline-block; padding:15px; box-sizing:border-box; background-color:#333; color:#fff}
.product_info .bg_box_n h4 { color:#fff;  }
.product_info .bg_box_n.bg2 { background-color:var(--main_c);  }
.product_info .bg_box_n.bg3 { background-color:#ddd; color:#333 }
.product_info hr {height:30px; width:100%; float:left}
.product_info .border_info_list {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between}
.product_info .border_info_list li {width:100%; border:2px solid var(--main_c); padding:15px; box-sizing:border-box}
.product_info .border_info_list li.type2 {width:100%; background-color:var(--main_c); color:#fff}
.product_info .border_info_list li b {width:100%; display:block}


 .basic_t {font-size:.97em; line-height:1.5; color:#333}


.tit_arr{width:100%;  font-size:1.2em; margin-bottom:15px; font-weight:700;  display:flex; align-items:center; box-sizing:border-box; color:#333;  position:relative; letter-spacing:-1px; float:left; }
.tit_arr:before {content:''; width:7px; height:7px; background-color:var(--main_c);  display:inline-block; margin-right:10px  }