@charset "utf-8";

.custom_downIcon {background-color: #f6f6f6;}
.custom_downIcon .downIcon {}


.custom_downIcon .downIcon ul.nbgall.grid4{grid-template-columns: repeat(4, 1fr); column-gap: 40px; row-gap: 50px;}

/*마우스 오버 효과*/
.custom_downIcon .downIcon ul.nbgall li .iconWrap .iconTxt .highlighter {position:relative; display:inline-block;}
.custom_downIcon .downIcon ul.nbgall li .iconWrap .iconTxt .highlighter::after { content:""; position:absolute; bottom:0; left:0; width:0 ; height:13px; background-color:rgba(0,0,0,.1); z-index: 0; transition: width .3s; }
.custom_downIcon .downIcon ul.nbgall li:hover .iconWrap .iconTxt .highlighter::after {width:100%;}

@media(max-width: 1024px){
  .custom_downIcon .downIcon ul.nbgall.grid4{grid-template-columns: repeat(3, 1fr);}
}                 

@media(max-width: 768px){
  .custom_downIcon .downIcon ul.nbgall.grid4{grid-template-columns: repeat(2, 1fr);}
}

@media(max-width: 560px){
  .custom_downIcon .downIcon ul.nbgall.grid4{column-gap: 15px; row-gap: 30px;}
  .custom_downIcon .downIcon ul.nbgall li .iconWrap .iconTxt .highlighter::after {width:100%;}
}