@charset "utf-8";

@import url("layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다.**********/

.icon-box{display:flex; justify-content: space-between; padding:25px 0;}
.icon-box li{border:2px solid #677181; box-sizing:border-box; width:16%;}
.icon-box li a{display:block;color:#fff;height:180px;text-align:center;padding-top: 35px;box-sizing: border-box; position:relative;}
.icon-box li a:before{content:''; display:block; position:absolute; left:50%; top:52%; margin-left:-12px; width:24px; height:3px; background-color: #1688cc;}
.icon-box li a img,
.icon-box li a strong{display:block; margin:auto;}
.icon-box li a img{position:relative; transition: .65s;}
.icon-box li a img:hover{transform: rotateY(360deg);}
.icon-box li a strong{color:#000; font-size:18px; margin-top:30px;}

@media only screen and (max-width:630px){
  .icon-box{flex-wrap:wrap; gap:10px;}
  .icon-box li{width:32%;}
}
@media only screen and (max-width:480px){
  .icon-box li{width:48%;}
}