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

/* 사이드 lnb */
.lnb .lnb_1da{
  text-align: right;
  height: 132px;
  color: #fff;
  display: block;
  font-size: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #1c1d3c;
  position: relative;
  overflow: hidden;
  padding: 28px 18px 10px 0;
}
.lnb .lnb_1da::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 60px;
  background: #fff;
  bottom: 0;
  border-bottom: 1px solid #ddd;
}
.lnb .lnb_1da::after {
  content: "";
  display: block;
  position: absolute;
  width: 200px;
  height: 200px;
  background: #c5c5c5;
  transform: rotate(45deg);
  top: -110px;
  left: -100px;
}
.lnb .lnb_2dli{
  width: 100%;
}

.lnb .lnb_2dli .lnb_2da{
  color: #242424;
  padding: 15px 10px;
  display: flex; align-items: center; justify-content: space-between;
  font-size: 1.8rem;
  /* height: 100%; */
}
.lnb .lnb_2dul_box > li i{position: absolute; right: 5%; top: 50%; transform: translateY(-50%);}
.lnb_3dul_box .lnb_3dli.active a{
  color: #222;
  font-weight: 700;
  /* padding: 6px 0; */
  display: block;
}

.lnb .lnb_2dul_box {
  background: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.lnb .lnb_2dul_box > li {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.lnb .lnb_2dul_box > li > i{position: absolute; right: 5%; top: 50%; transform: translateY(-50%); color: #555;}
.lnb .lnb_2dul_box .lnb_2dli.active{
  background: #e5e5e5;
}
.lnb .lnb_2dul_box > li a {
  display: block;
  padding: 17px;
  color: #666;
  font-weight: 500;
  transform: rotate(.115deg);
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  font-size: 1.6rem;
}
.lnb .lnb_2dul_box > li.on a,
.lnb .lnb_2dul_box > li a:hover {
  background: #e5e5e5;
  padding-left: 20px;
  color: #000;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.sub_container{display: flex; max-width: 1200px; margin: 0 auto; width: 90%; position: relative;}
.sub_container .lnb{
  width: 20%;
  max-width: 230px;
  margin-top: -150px;
  position: relative;
}
.sub_container .cont_contents{
  width: 80%;
  padding-left: 30px;
  padding-top: 60px;
  padding-bottom: 120px;
}
#nav_top{
  position: absolute;
  top: -26px;
  right: 10%;
  transform: translateY(-50%);
  color: #fff;
}

.lnb_3dul_box{background-color: #ececec;}
.lnb_3da.active{font-weight: bold !important;}

#mysubmenu .top_sub_title p{font-size: 1.6rem;}


@media screen and (max-width:1024px){
  .lnb .lnb_1da{display: none !important;}
  .lnb .lnb_2dul_box{display: flex; flex-wrap: wrap; border: 0; border-bottom: 1px solid #ddd;}
  .lnb .lnb_2dul_box > li{border-bottom: 0 !important; width: 33.333%;}
  .sub_container{flex-wrap: wrap; width: 100%;}
  .sub_container .lnb{width: 100%; margin: 0; max-width: none;}
  .sub_container .cont_contents{width: 90%; margin: 0 auto; padding-left: 0;}
}


@media screen and (max-width:540px){
  .lnb .lnb_2dul_box > li{width: 50%;}
  .lnb .lnb_2dul_box .lnb_2dli.active{padding-left: 5px;}
  .lnb .lnb_2dul_box > li.on a, .lnb .lnb_2dul_box > li a:hover{padding-left: 15px;}
  .lnb .lnb_2dli .lnb_2da{font-size: 1.6rem;}

  #nav_top{font-size: 3vw; right: 5%;}
  .lnb .lnb_2dul_box > li{width: 50%;}


}