@charset "utf-8";


.custom_fullbg_4icon .sec_bg{position:relative; background-repeat: no-repeat; background-position:center center; background-size: cover; overflow:hidden;}
.custom_fullbg_4icon .sec_bg:after {content:""; width:100%; height:100%; position:absolute; top:0; left:0; background-color:#14173f; opacity:.8; }
.custom_fullbg_4icon .tbinner {position:relative; z-index:1}
.custom_fullbg_4icon .titleArea h2 {color:#fff;}

/*따옴표*/
.custom_fullbg_4icon .quote {text-align: center;}
.custom_fullbg_4icon .quote .quote_txt{position:relative; display:inline-block;}
.custom_fullbg_4icon .quote .quote_txt::after, 
.custom_fullbg_4icon .quote .quote_txt::before {content:""; position:absolute;   top: 50%; transform: translateY(-84%); background-size:contain; background-repeat: no-repeat; width:60px; height:60px;  }
.custom_fullbg_4icon .quote .quote_txt::after {content:""; left:-100px;  background-image:url('../custom_fullbg_4icon/quote_left.svg');}
.custom_fullbg_4icon .quote .quote_txt::before {content:""; right:-100px;  background-image:url('../custom_fullbg_4icon/quote_right.svg');} 

/*under_line*/
.custom_fullbg_4icon .under_line {display:inline-block; position:relative;}
.custom_fullbg_4icon .under_line::after {content:""; position:absolute; bottom:5px; left:0; width:100%; height:20px; background-color:#0051ff5a; z-index: -1;}
.custom_fullbg_4icon .txtcenter {text-align:center;}

/*iconbox*/
.custom_fullbg_4icon .li_cont ul {display:flex; flex-wrap:wrap; margin:0 -15px; }
.custom_fullbg_4icon .li_cont li {width:25%; padding:0 15px; }
.custom_fullbg_4icon .li_cont li:hover { margin-top:-20px; }
.custom_fullbg_4icon .li_cont li .cont_wrap { display:inline-block; width:100%; padding: 50px 10px; background-color:#fff; text-align: center; border: 1px solid #fff; border-radius:15px;}
.custom_fullbg_4icon .li_cont li .cont_wrap { display:inline-block; width:100%; padding: 50px 10px; background-color:#fff; text-align: center; border: 1px solid #fff; border-radius:15px;}

/*아이콘 이미지*/
.custom_fullbg_4icon .li_cont li .top_icon {width:160px; height:auto; border-radius:50%; text-align:center; margin:0 auto 30px; }
.custom_fullbg_4icon .li_cont li .top_icon img {width:100%; margin:0 auto; opacity:1; }

.custom_fullbg_4icon .li_cont li h3 { display:inline-block;color:#005eab; font-weight:600; padding-bottom:0;  }
/*.custom_fullbg_4icon .li_cont li h3:after { content:""; position:absolute; left:0; bottom:0; width:0; height:10px; background-color:#005eab; opacity:.4; transition: width 0.3s; }
.custom_fullbg_4icon .li_cont li:hover h3:after {width:100%;}
*/
@media screen and (max-width:1024px){
  .custom_fullbg_4icon .li_cont li {width:50%; margin-bottom:80px; }
  .custom_fullbg_4icon .li_cont li:hover { margin-top:0px; }
}
@media screen and (max-width:768px){
  .custom_fullbg_4icon .quote .quote_txt::after, 
  .custom_fullbg_4icon .quote .quote_txt::before { width:50px; height:50px; }
  .custom_fullbg_4icon .quote .quote_txt::after { left:-70px;  }
  .custom_fullbg_4icon .quote .quote_txt::before { right:-70px }  
  .custom_fullbg_4icon .under_line::after { height:13px;}
}
@media screen and (max-width:560px){
  .custom_fullbg_4icon {top:-50px;}
  .custom_fullbg_4icon .li_cont ul {margin-top:0px;}
  .custom_fullbg_4icon .li_cont li {width:100%;}

  .custom_fullbg_4icon .quote .quote_txt::after, 
  .custom_fullbg_4icon .quote .quote_txt::before { background-size:100%; width:40px; height:40px; left:50%; transform:translateX(-50%);}
  .custom_fullbg_4icon .quote .quote_txt::after { content:""; top:inherit; bottom:20px;  }
  .custom_fullbg_4icon .quote .quote_txt::before { content:""; right:inherit; top:20px;}  
}