/*  */



/*  */

.yakdamso{
  padding: 15px 0 30px;
}
.New_Hot{

  width: 100%;

}

.New_Hot .top_title{

  justify-content: space-between;

  align-items: center;

}

.article_list{

  display: flex;

  flex-direction: column;

}

.article_list li{

  display: flex;

  align-items: center;

  gap: 2%;

}

.article_list .art_state{
  width: 15%;
}


.QnA h2{

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 0;

  padding-bottom: var(--padding);

}

.QnA h2 img{

  padding-right: 5px;

}

.counsel_list{

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 15px;

}

.counsel_list li{

  position: relative;

  border-radius: 10px;

  overflow: hidden;

  background-color: var(--grey1);

  font-weight: 600;

}

.counsel_list li a{

  display: flex;

  justify-content: start;

  align-items: center;

  gap: 10px;

  padding: 15px;

}

.counsel_list li .href_arw{

  position: absolute;

  top: 50%;

  right: 10px;

  transform: translateY(-50%);

  fill: #D2D2D2;

}

.counsel_list li .href_arw svg{

  width: 18px;

  height: 18px;

}

.counsel_list .profile_img{

  border-radius: 50%;

  overflow: hidden;

  max-width: 50px;

  max-height: 50px;

}

.counsel_list .profile_img img{

  width: 100%;

}

.yakdamso_whole, .New_Hot_whole{

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 35px;

}

.yakdamso_whole > div, .New_Hot_whole > div{

  width: 420px;

}

.yakdamso_whole .top_title{

  justify-content: space-between;

}

.whole_list li{

  display: flex;

  align-items: center;

  justify-content: start;

}

.art_title{

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.art_title a{

  display: block;

  padding: calc(var(--padding)*.5) 0;

}



/*  */



/* padding color */

.yakdamso .top_title{

  padding-bottom: var(--padding);

  border-bottom: 1px solid #DFDFDF;

}

.article_list{

  padding: calc(var(--padding)*1.5) 0;

  gap: 5px;

}
.article_list .art_title{
  font-weight: 600;
}
.article_list .art_kind{

  color: #B4B4B4;

  font-size: 0.9em;

  width: 8%;

}

.art_title{

  width: 67%;

  transition: .2s;

}

.art_title:hover{

  opacity: .5;

}

.href_link{

  transition: .2s;

}

.art_state{

  width: 30%;

}

.whole_list .art_state{

  /* width: 30%; */

  overflow: hidden;

}

.art_title a{

  font-size: 1.05em;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.counsel_list .sel{

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  max-width: 70%;
}

.counsel_list .title_h2{

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;
}
.counsel_list .job_kind{

  display: flex;

  align-items: center;

  padding-bottom: calc(var(--padding)*.5);

  font-size: 0.9em;

  font-weight: 400;

}

.counsel_list .job_kind span + span{

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.counsel_list .job_kind span + span::before{

  content: "|";

  padding: 0 5px;

  color: #E2E2E2;

}

.whole_list{

  padding: calc(var(--padding)* 1.5) 0;

  display: flex;

  flex-direction: column;

  gap: 0px;

}

.login_null{

  font-size: 0.875em;

}

.login_null .ch{

  padding: calc(var(--padding)*1) 0 calc(var(--padding)*2);

}

.login_null .login_btn{

  font-size: 1.2em;

  margin-bottom: calc(var(--padding)*1);

  cursor: pointer;

  transition: .3s;

}

.login_null .login_btn:hover{

  background-color: #1736ad;

}

.null_pham_adv{
  background-color: #F2F3F7;
  border-radius: 20px;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.null_pham_adv .rendom{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: auto;
}
.null_pham_adv .img_box{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-width: 282px;
  height: 148px;
  border-radius: 6px;
  overflow: hidden;
}
.null_pham_adv .text_box{
  font-size: 1.05em;
  font-weight: 500;
  width: 80%;
  line-height: 1.1em;
  text-align: center;
}
.yakdamso .top_nav{
  border: none;
  padding-bottom: calc(var(--padding)*3.5);
}
.yakdamso .top_nav .search_list_swiper::before{
  display: none;
}