@charset "utf-8";
/*
2024-04-04 (주)파이브센스_FIVESENSES.Corp.

본 라이브러리(라이브러리 소스코드)는 (주)파이브센스의 자산입니다.
무단으로 외부로 유출 및 일시 반출을 할 경우 손해배상 책임 및 민사/형사적 책임이 있습니다.
*/

.main_cont76 *{line-height: 1.3; word-break: keep-all;}
.main_cont76 .banner_link{display: flex; flex-wrap: wrap; background-color:white; border-radius: 5px; overflow: hidden;}
.main_cont76 .banner_link li{width: calc(100%/3); position: relative;}
.main_cont76 .banner_link li::after{content:""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #e1e1e1;}
.main_cont76 .banner_link li:last-child::after{display: none;}
.main_cont76 .banner_link li a{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 40px; background: url(/img/banner_link.png) no-repeat right 40px center}
.main_cont76 .banner_link li:first-child a{padding-left: 20px;}
.main_cont76 .banner_link li:last-child a{padding-right: 20px;}
.main_cont76 .banner_link .banner_link_logo{width: 70px; height: 70px; border-radius: 50%; background-color: #f6f6f6; text-align: center; line-height: 70px;}
.main_cont76 .banner_link .banner_link_logo img{display: inline-block;}
.main_cont76 .banner_link .banner_link_content{width: calc(100% - 70px); padding-left: 23px;}
.main_cont76 .banner_link .banner_link_content > h1.widget_froala{color: #333333; font-weight: 600; font-size: 20px; font-family: "Pretendard";}
.main_cont76 .banner_link .banner_link_content div.widget_froala{font-size: 15px; font-weight: 300; color: #888888; display: inline-block; margin-top: 5px; padding-right: 15px; font-family: "Pretendard";}
.main_cont76 .banner_link li a:hover .banner_link_logo{background-color: #0071f9;}
.main_cont76 .banner_link li a:hover .banner_link_logo img{filter: brightness(0) invert(1);}

@media all and (max-width: 991px) {
    .main_cont76 .banner_link{padding: 3px 0;}
    .main_cont76 .widget_box.mobile_divide {position: relative; padding-bottom: 20px;}
	.main_cont76 .widget_box.mobile_divide:after {content: ""; display: block; width: calc(100% + 30px); height: 10px; background: #f9f9fa; position: absolute; left: -15px; bottom: 0;}
	
    .main_cont76 .banner_link li{width: 100%;}   
    .main_cont76 .banner_link li a{padding: 17px 15px; background: url(/img/mbanner_link.png) no-repeat right 15px center / 8px;}
    .main_cont76 .banner_link li:first-child a{padding-left: 15px;}
    .main_cont76 .banner_link li:last-child a{padding-right: 15px;}
    .main_cont76 .banner_link li::after{width: 100%; height: 1px; left: 0; bottom: 0; top: auto;}
    .main_cont76 .banner_link .banner_link_logo{width: 48px; height: 48px; line-height: 48px;}
    .main_cont76 .banner_link .banner_link_logo img{transform: scale(0.5);}
    .main_cont76 .banner_link .banner_link_content{width: calc(100% - 48px); padding-left: 15px;}
    .main_cont76 .banner_link .banner_link_content > h1.widget_froala{font-size: 14px;}
    .main_cont76 .banner_link .banner_link_content div.widget_froala{font-size: 12px; margin-top: 4px;}
}