@font-face {
    font-family: 'LeferiPoint-BlackA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-BlackA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#content  { box-sizing: border-box; padding:3%;  
  -moz-box-sizing: border-box;  width:100%; float:left; } 


.sub_menu            {width:100%; float:left; background-color:#0e539d; height:50px; margin-top:10px;   margin-bottom:20px; }
.sub_menu     .in       {  margin:0 auto;}
.sub_menu     .in  .home     {width:10%; float:left; padding:10px 0px 0px 0px; text-align:center; border-left:1px solid #3c6caa; height:50px; box-sizing:border-box; }

.sub_menu  .in  .box1 {border-right:1px solid #3c6caa; width:45%; border-left:1px solid #3c6caa; height:50px; float:left;} 
.sub_menu  .in  .box2 {border-left:1px solid #3c6caa; width:45%; float:left; height:50px;} 
.sub_menu  .in  .box2 .dropdown [data-toggle="dropdown"] {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:28px;}




.guide  {font-size:1.6em; color:#333; line-height:1.3em; padding:0px 0 10px 0; font-weight:600;   float:left; width:100%;  margin-bottom:20px; border-bottom:1px solid #ddd; }





h2  {font-weight:600;  font-size:1.7em; line-height:1.2em;   margin:0px; padding-bottom:5px; color:#333;}
h3  {font-weight:600;  font-size:1.3em; line-height:1.3em;   margin:0px; padding-bottom:10px; color:#333;  width:100%; float:left; }
h4  {font-weight:600;  font-size:1.1em; line-height:1.2em;   margin:0px; padding-bottom:10px; color:#333; width:100%; float:left; }




 .box_100  {width:100%; float:left;}
.box_20  {width:20%; float:left;}
.box_30  {width:30%; float:left;}
.box_40  {width:40%; float:left;}
.box_45  {width:45%; float:left;}
.box_50  {width:50%; float:left;}
.box_60  {width:60%; float:left;}
.box_70  {width:70%; float:left;}
.box_80  {width:80%; float:left;}

.box_border {border:1px solid #ddd; padding:2%; box-sizing:border-box;}
 .img_border  { border:1px solid #ddd; width:100%;} 



.s_tt_line  {width:100%; float:left; font-size:1.4em; line-height:1em; color:#333; font-weight:600; padding-bottom:20px; letter-spacing:-1.5px;}
.s_tt_line  span  {   text-decoration:underline; color:#054f98;}
.text_box  {width:100%; float:left; font-size:0.95em; color:#666; line-height:1.3em;}
.text_box  b { font-size:1.1em; color:#333; font-weight:600; line-height:1.35em;}
.span1  {width:100%; float:left; font-size:1.1em; color:#3b7cc2;  line-height:1.3em; font-weight:600; }
.span2  {width:100%; float:left; font-size:1.3em; color:#3b7cc2;  line-height:1.3em; font-weight:600; }
.span3  {width:100%; float:left; font-size:0.95em; color:#777;  line-height:1.3em;  padding-top:5px;}
 .span4  {width:100%; float:left; font-size:1.05em; color:#333;  line-height:1.3em; font-weight:400; }


.top_line  {background:url('/common/img/sub/title_top_line_bg.png') no-repeat top left; padding-top:5px;}


/*연혁*/

.history_box   {width:100%; float:right; border-top:1px solid #ddd; padding:10px 0; }

table.history   {width:100%; float:left;     }
table.history  th   { padding:3px;  width:60px; font-size:1.5em; font-weight:800; color:#072f4f;  }
table.history  td   {padding:3px; text-align:left;   vertical-align:top; font-size:0.95em; line-height:1.5em;  color:#777; }
table.history  td:last-child   {border-right:none; text-align:left;}
table.history  td  span  {color:#555; font-weight:600; font-size:1.1em;}



 
/*제품*/

.product_box  {width:100%; float:left; margin-bottom:15px; }
.product_box:last-child  {margin-bottom:0px;}
.product_box  .img  {width:100%;  float:left;   margin-bottom:10px;}
.product_box  .img  img {width:100%; } 

 
.product_box  .t1   {width:100%;   float:left; font-size:1.1em; line-height:1.1em; font-weight:600; color:#333;}
.product_box  .t2   {width:100%; float:left; font-size:0.95em; color:#777;  line-height:1.3em; font-weight:600; padding-top:10px;}

 
/*채용*/


 .careers_box1  {width:100%; margin-bottom:20px; box-shadow:1px 2px #ddd; float:left; padding:15px; box-sizing:border-box; border:1px solid #ddd;}
 .careers_box1:nth-child(5)  {margin-bottom:0px;}
.careers_box1 dl  {margin-top:10px;}
.careers_box1 dt {   margin-bottom:15px; background-color:#0a3d7d;  border-radius:3px; color:#fff; font-weight:600;
                     box-sizing:border-box;   text-align:Center; font-size:1.03em;   line-height:1.3em; padding:10px 0;}
.careers_box1 dd {  font-size:0.93em; line-height:1.5em; color:#777;}
.careers_box1 dd span {text-decoration:underline; font-weight:600;}



.color_box  {width:100%; float:left; height:30px; background-color:#002d52; border-radius:30px; margin-bottom:4px;}
.color_box2  {width:100%; float:left; height:30px; background-color:#c9c9ca; border-radius:30px; margin-bottom:4px;}


.img_title  {font-weight:600;  font-size:1.05em; line-height:45px; width:100%;  color:#fff; padding:0px 3%; 
              background-color:rgba(4,35,73,.9);  color:#fff;  float:left;}

.careers_step1  {width:100%; float:left;  }
.careers_step1 table {width:100%; float:left; margin-top:10px;  }
.careers_step1 td {  font-weight:600; border-bottom:3px solid #fff; vertical-align:middle; padding:1.5%; text-align:center; 
              line-height:1.3em;   font-size:1em; color:#fff; }

.careers2_box {width:100%; float:left; }
.careers2_box  table {width:100%; float:left; border:1px solid #ddd;}
.careers2_box  td {vertical-align:middle; padding:10px;}
.careers2_box  td.img {width:20%; text-align:Center; border-right:1px solid #ddd;}




.no  {float:left; border-radius:3px; background-color:#054f98; font-weight:600; color:#fff; font-size:17px; line-height:30px; 
             width:30px; text-align:Center; margin-right:10px; }

.img_table  {width:100%; float:left;}
.img_table img  {width:100%; float:left;}
h3.sub_tit_n {border-left:6px solid #054f98; padding:0 1%;font-size:1.5em;font-weight:800;margin-bottom:2%}
.b_t {font-size:1.09em; color:#333; font-weight:600;   }



/*202204 윤리경영페이지 추가*/

.company8{ line-height:1.4;}
.company8_2{ line-height:1.4;}
.company8 li::marker{color:#054f98;}
.company8 div.c1{overflow:hidden;width:100%;}
.company8 div.c1 h3{/* border-left:6px solid #054f98; padding:0 1%; */font-size:1.5em;font-weight:800;/* margin-bottom:2% */}
.company8 div.c1 p{/* padding: 0 2%; */line-height:1.5}
.company8 div.c1 ul{background:#f5f5f5;overflow:hidden;margin:2% 0;padding:20px;}
.company8 div.c1 li{float:left;border:0px solid #000;list-style: square;line-height:1.5;margin-left:15px}
.company8 div.c1 li:first-child{width:100%;float:left;font-size:1.2em;font-weight:600;color:#454545;list-style:none;padding:1% 0;border:0px solid red;margin-left:-5px}

.company8 div.co2{padding:3% 2%;width:100%;overflow:hidden}
.company8 div.co2 h3{width:12%;float:left;font-size:2em;font-weight:800;padding:0;color:#054f98;}
.company8 div.co2 ul{width:88%;float:left;}
.company8 div.co2 ul li{line-height:1.5;}
.company8 div.co2 ul li span{color:#054f98;}
.company8 div.co2 ul li:nth-child(1){font-size:1.2em;line-height:2em;font-weight:600;color:#454545;}
.company8 div.co2 ul li:nth-child(2){border-top:1px solid #ddd; padding-top:1%}

.company8_2 .j11{overflow:hidden;width:100%;}
 .company8_2 .j11 h3{width:20%;float:left;font-weight:800;}
.company8_2 .j11 p{width:80%;float:right;line-height:1.5}
.company8_2 .j11 p span{color:#054f98;font-weight:600}
.company8_2 img{width:100%}

.company8_2 .box11{width:100%;display:inline-block}
.company8_2 .box11 h3{font-weight:800;font-size:1.5em;padding-bottom:2%}
.company8_2 .box11 p{line-height:1.5;}
.company8_2 .box11 ul li{line-height:1.5;padding:5px 0}
.company8_2 .box11 ul li span{color:#054f98;-webkit-appearance:none}
.company8_2 .box11 h5{padding:0;margin:0}
.company8_2 .box11 span.b1{color:#054f98;font-weight:600}

.company8_2 #board{margin:0; padding:0;}
.company8_2 #board h3{font-size:1.5em}

.company8  h3.number { font-family: 'LeferiPoint-BlackA';}
.company8_2 .agree {border:1px solid #ddd; display:inline-block;  width:100%; padding:20px; box-sizing:border-box; }

 

span.s_t {font-size:.9rem; line-height:1.4em; }
hr.con_hr {width:100%; height:40px; display:inline-block; background-color:#fff;}

p.hr {width:100%;border-top:1px solid #ddd}

.company8_2 .box11 h3.blue_h3 {font-size:1.5em; color:#054f98; padding-bottom:0}

.company8_2 th{width:30%}
.company8_2 input.no_name:checked + .name_input {display:none}

.flex_ul li {width:100%; display:flex}
.flex_ul li span {width:4%}
.flex_ul li p {width:96%}

.company8 .tab   li a {padding:0px 5px; }
.company8_2 .tab   li a{padding:0px 5px; }

/* Compliance & Ethics Channel */
.company11{line-height:1.5;}
.company11 .box11{width:100%;display:inline-block}
.company11 .box11 h3{font-weight:800;font-size:1.5em;padding-bottom:2%}
.company11 .box11 p{line-height:1.5;}
.company11 .j11{overflow:hidden;width:100%;}
.company11 .j11 img{max-width:100%;width:100%}
.company11 .box11 p.accusation_intro{
  width:100%;
  margin:0 0 30px;
  padding:15px;
  box-sizing:border-box;
  border:1px solid #ddd;
  color:#111;
  font-size:1.05em;
  line-height:1.5;
  font-weight:600;
  text-align:center;
}
.company11 .box11 p.accusation_body{
  width:100%;
  margin:10px 0 25px;
  color:#111;
  font-size:1em;
  line-height:1.5;
  font-weight:300;
}
.company11 .accusation_type_table{
  width:100%;
  border-collapse:collapse;
  border-top:1px solid #bfbfbf;
  border-left:1px solid #d4d4d4;
  font-size:.95em;
  font-weight:300;
}
.company11 .accusation_type_table th,
.company11 .accusation_type_table td{
  padding:8px 7px;
  border-right:1px solid #d4d4d4;
  border-bottom:1px solid #d4d4d4;
  line-height:1.45;
}
.company11 .accusation_type_table th{
  background:#fafafa;
  text-align:center;
  font-weight:800;
}
.company11 .accusation_type_table .type_col{
  text-align:center;
  font-weight:800;
  color:#111;
}
.company11 .cart_select{
  width:100%;
  height:32px;
  border:1px solid #ddd;
}
.company11 #board{margin:0;padding:0;}
.company11 #board h3{font-size:1.5em}
.company11 .box11 h3.blue_h3{font-size:1.5em;color:#054f98;padding-bottom:0}
.company11 th{width:30%}