@charset "utf-8";

/* 새글 스킨 (latest) */
.main-icon-board ul{display:flex; align-items: center; flex-wrap:wrap; margin:-15px;}
.main-icon-board ul li{width:16.6666667%; padding:15px; }
.main-icon-board ul li a{position: relative; display:block;}
.main-icon-board ul li a::after{content:""; display:block; width:100%; padding-top:100%; background:#f5f5f7;border-radius: 36px; transition-duration: 0.2s; z-index: -10;}
.main-icon-board ul li a:hover::after{box-shadow: 3px 3px 13px 2px rgba(0, 0, 0, 0.1);}
.main-icon-board ul li a img{max-height: 65px;}
.main-icon-board ul li a .inner{ position: absolute; top:50%; transform: translateY(-50%); width:100%;  text-align: center;  display:flex; justify-content: space-between; flex-direction: column;}
.main-icon-board ul li a .inner .img-box{height: 60px; display:flex; align-items: center; justify-content: center;}
.main-icon-board ul li a .inner h5{font-size:18px; margin-top:24px; }



@media(max-width:1200px) {
    .main-icon-board ul li a .inner h5{margin-top:8px}
    .main-icon-board ul{margin:-5px;}
    .main-icon-board ul li{padding:5px;}
}


@media(max-width:800px) {
    .main-icon-board ul li{width:33.333333%}
    .main-icon-board ul li a::after{border-radius: 12px;}
    .main-icon-board ul li a .inner h5{font-size:16px; margin-top:12px;}
}

@media(max-width:420px) {
    .main-icon-board ul li a img{max-height: 50px;}
}

@media(max-width:390px) {
    .main-icon-board ul li a img{max-height: 40px;}
}

@media(max-width:340px) {
    .main-icon-board ul li a img{max-height: 30px;}
    .main-icon-board ul li a .inner h5{font-size:14px}
}