@charset "utf-8";



.secBnnCustom { position:relative; width:100%; height:auto; background-repeat:no-repeat; background-position:center center; background-size: cover; background:url('./bgfull.jpg');  }
   
.secBnnCustom .icon_wrap { display:flex; flex-wrap:wrap; text-align:center; }
.secBnnCustom .icon_wrap .icon_item { width:calc(25% - 15px); position:relative; margin-right:20px; padding:50px 30px 60px; border:1px solid #fff; border-radius:15px; transition: padding border .5s ease; }
.secBnnCustom .icon_wrap .icon_item:nth-last-child(1) { margin-right:0; }
.secBnnCustom .icon_wrap .icon_item:hover {border-color:#f7ab00;}

/*아이콘 */
.secBnnCustom .icon_wrap .icon_item a .icon_img { width:130px; height:130px; background-color:transparent; border-radius:50%; position:relative; margin:0 auto; transition: background-color .5s;  }
.secBnnCustom .icon_wrap .icon_item a .icon_img .image { width:50%; height:100%; margin:0 auto; position:relative; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; transition: transform .5s ease; transform: scale(1.2); }
.secBnnCustom .icon_wrap .icon_item:hover a .icon_img .image { transform: scale(1); }
.secBnnCustom .icon_wrap .icon_item:hover a .icon_img { background-color:#f7ab00; }

.secBnnCustom .icon_wrap .icon_item a .item_text { padding:20px 0 0; }
.secBnnCustom .icon_wrap .icon_item a .item_text h3 { font-size:2.2rem; line-height:1.5em; font-weight:600; color:#fff; padding-bottom:10px; transition: text-decoration .5s;}
.secBnnCustom .icon_wrap .icon_item a .item_text p { font-size:1.8rem; line-height:1.6em; font-weight:400; color:#f4f4f4; }
.secBnnCustom .icon_wrap .icon_item:hover a .item_text h3{ text-decoration: underline; }


@media screen and (max-width: 1024px){
 .secBnnCustom .icon_wrap { width:100%; margin:0 auto; } 

 .secBnnCustom .icon_wrap .icon_item { width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
 .secBnnCustom .icon_wrap .icon_item:nth-child(even) { margin-right:0; }
 .secBnnCustom .icon_wrap .icon_item a .item_text { padding:15px 0 0; }
 .secBnnCustom .icon_wrap .icon_item a .item_text h3 { font-size:2rem; }
 .secBnnCustom .icon_wrap .icon_item a .icon_img { width:120px; height:120px; }
}
@media screen and (max-width: 768px){
 .secBnnCustom .icon_wrap .icon_item { padding:40px 20px 50px; }
}

@media screen and (max-width: 560px){
 .secBnnCustom .icon_wrap .icon_item { width:calc(50% - 5px); margin-right:10px; margin-bottom:10px; padding:20px 20px 30px;}
 .secBnnCustom .icon_wrap .icon_item a .item_text h3 { font-size:1.8rem; }
}