
#lnb_1ul{
  /* position: fixed;
  top: 20px;
  left: auto; */
}
/* li 안보이게 */
.lnb_1dli{
  display: none;
}

/* 사이드 lnb */
.lnb{
  z-index: 22222;
  float: left;
  position: absolute;
  top: 0px;
  left: 30px;
  width: 20%;
  max-width: 200px;
}
.lnb .lnb_1da{
  display: block;
  text-align: left;
  padding: 20px 10px 20px 20px;
  width: 100%;
  height: 70px;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #d6000f;
  position: relative;
  overflow: hidden;
  font-size: 1.4rem;
  font-weight: bold;
}
.lnb .lnb_2dul{background: #fdfdfd;}
.lnb .lnb_2dli{
  /* width: 180px; */
  /* margin-bottom: 12px; */
  line-height: 2rem;
  font-size: 1rem;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.lnb .lnb_2dli.active{border-bottom: none;}
.lnb_3dul{display: none; border-bottom: 1px solid #ddd;}
.lnb .lnb_2dli.active .lnb_3dul{display: block;}
.lnb .lnb_2dli .lnb_3dli{border-bottom: 1px solid #ddd; padding-left: 10px;}
.lnb .lnb_2dli .lnb_3dli:last-child{border-bottom: none;}

.lnb .lnb_2dli .lnb_2da{
  display: block;
  color: #242424;
  padding: 11px 0 10px 10px;
  font-size: 1rem;
}

.lnb_2dli.active .lnb_2da{
  display: block;
  color: #d6000f;
  font-weight: 600;
  border-bottom: 1px solid #d6000f;
  font-size: 1.1rem; font-weight: bold;
}

.lnb_3dul_box .lnb_3dli.active a{
  color: #d6000f;
  font-weight: 700;
  padding: 6px 0;
  display: block;
}
.m_gnb_2dul{display: none;}


@media screen and (max-width:1024px){
  .lnb{display: flex; width: 100%; float: none; position: relative; top: 0; left: 0; max-width: none;}
  #lnb_1ul{width: 100%;}
  .lnb .lnb_1da{display: none;}
  ul.lnb_2dul_box{display: flex; width: 100%; flex-wrap: wrap;}
  .lnb .lnb_2dli{width: 33.3333% !important; font-size: .888rem;}
  .lnb .lnb_2dli .lnb_2da{padding: 5px 0 5px 5px;}

  .lnb_2dli.active .lnb_2da{font-size: .888rem;}

  .top_sub_title{font-size: .888rem; top: -36px;}

  .lnb .lnb_2dli .lnb_2da{font-size: .888rem;}
  
  .lnb_2dli:nth-child(1) .lnb_2da{font-size: .888rem !important;}
  .lnb_2dli:nth-child(2) .lnb_2da{font-size: .888rem !important;}
  .lnb_2dli:nth-child(3) .lnb_2da{font-size: .888rem !important;}
  .lnb_2dli:nth-child(4) .lnb_2da{font-size: .888rem !important;}
  .lnb_2dli:nth-child(5) .lnb_2da{font-size: .888rem !important;}
  .lnb_2dli:nth-child(6) .lnb_2da{font-size: .888rem !important;}
  .lnb_2dli:nth-child(7) .lnb_2da{font-size: .888rem !important;}
  .lnb_2dli:nth-child(8) .lnb_2da{font-size: .888rem !important;}
  
}


@media screen and (max-width: 520px){
  .lnb .lnb_2dli{width: 50% !important;}
  .lnb .lnb_2dli .lnb_2da{font-size: .666rem;}
  .lnb_2dli:nth-child(1) .lnb_2da{font-size: .666rem !important;}
  .lnb_2dli:nth-child(2) .lnb_2da{font-size: .666rem !important;}
  .lnb_2dli:nth-child(3) .lnb_2da{font-size: .666rem !important;}
  .lnb_2dli:nth-child(4) .lnb_2da{font-size: .666rem !important;}
  .lnb_2dli:nth-child(5) .lnb_2da{font-size: .666rem !important;}
  .lnb_2dli:nth-child(6) .lnb_2da{font-size: .666rem !important;}
  .lnb_2dli:nth-child(7) .lnb_2da{font-size: .666rem !important;}
  .lnb_2dli:nth-child(8) .lnb_2da{font-size: .666rem !important;}
  .lnb .lnb_2dli .lnb_3dli{font-size: .666rem;}
  .lnb_3dul_box .lnb_3dli.active a{font-size: .666rem;}
  .lnb .lnb_2dli{width: 50% !important;}

}