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

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

.main_cont27 *{line-height: 1.3; word-break: keep-all;}
.main_cont27 .banner_link{display: flex; flex-wrap: wrap; background-color:#f6f6f6; border-radius: 5px; overflow: hidden; padding: 28px 0;}
.main_cont27 .banner_link li{width: calc(100%/3); display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; align-items: center; padding: 0 20px 0 40px;}
.main_cont27 .banner_link li::after{content:""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #e1e1e1;}
.main_cont27 .banner_link li:last-child::after{display: none;}
.main_cont27 .banner_link .banner_link_logo{width: 70px; height: 70px; border-radius: 50%;}
.main_cont27 .banner_link .banner_link_content{width: calc(100% - 70px); padding-left: 23px;}
.main_cont27 .banner_link .banner_link_content > h1{color: #333333; font-weight: 600; font-size: 20px;}
.main_cont27 .banner_link .banner_link_content a{font-size: 15px; font-weight: 400; color: #888888; display: inline-block; margin-top: 6px; padding-right: 13px; background: url(/img/banner_link.png) no-repeat right top 3px;}
.main_cont27 .widget_bottom{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 72px;}
.main_cont27 .widget_bottom .tap_content_box{width: 58.4%;}
.main_cont27 .widget_bottom .tap_content_box .tap_list {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 2px solid #333333; padding-bottom: 23px;}
.main_cont27 .widget_bottom .tap_content_box .tap_list ul{display: flex; flex-wrap: wrap; align-items: center;}
.main_cont27 .widget_bottom .tap_content_box .tap_list li{font-weight: 500; font-size: 22px; color: #999999; text-transform: uppercase; cursor: pointer; margin-right: 20px; width: auto;}
.main_cont27 .widget_bottom .tap_content_box .tap_list li.active{color: #1b1b1b;}
.main_cont27 .widget_bottom .tap_content_box .tap_list li:last-child{margin-right: 0;}
.main_cont27 .widget_bottom .tap_content_box .tap_list .tap_more{width: auto;}
.main_cont27 .swiper-wrapper{display: block; padding: 12px 0;}
.main_cont27 .widget_bottom .tap_content_box .tap_more a{font-size: 16px; color: #888888} 
.main_cont27 .widget_bottom .tap_content_box .list-box a{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-content: center; padding: 9px 0;}
.main_cont27 .widget_bottom .tap_content_box .list-box p{font-size: 15px; color: #333333; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 13px; position: relative; font-weight: 400;}
.main_cont27 .widget_bottom .tap_content_box .list-box p::before{content:""; display: block; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; border-radius: 50%; background-color: #333333;}
.main_cont27 .widget_bottom .tap_content_box .list-box span{font-size: 15px; font-weight:300; color: #999999}
.main_cont27 .widget_bottom .service_center_wrap{width: 33.4%;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_title{font-weight: 600; font-size: 22px; color: #1b1b1b;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_number{font-weight: 700; font-size: 34px; color: #1b1b1b; margin: 14px 0 16px;}
.main_cont27 .widget_bottom .service_center_wrap li{color: #333; font-size: 15px; margin-bottom: 8px; font-weight: 600;}
.main_cont27 .widget_bottom .service_center_wrap li strong{color: #666; font-weight: 400;}
.main_cont27 .widget_bottom .service_center_wrap li:last-child{margin-bottom: 0;}
.main_cont27 .widget_bottom .service_center_wrap li span{color: #666666; font-weight: 400;}
.main_cont27 .widget_bottom .service_center_wrap li span.gray{color: #e1e1e1; font-weight: 400;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_link{margin-top: 20px;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_link ul{display: flex; flex-wrap: wrap}
.main_cont27 .widget_bottom .service_center_wrap .service_center_link li{margin-right: 5px;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_link li:last-child{margin-right: 0;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_link a{font-size: 15px; font-weight: 400; color: #333333; border: 1px solid #e1e1e1; border-radius: 5px; display: block; width: 115px; text-align: center; padding: 10.5px 0 9.5px; transition: all .5s}
.main_cont27 .widget_bottom .service_center_wrap .service_center_link a:hover{color: white; background-color: #0071f9; border: 1px solid #0071f9;}


@media all and (max-width: 991px) {
    .main_cont27 .banner_link{padding: 3px 0;}
    .main_cont27 .banner_link li{width: 100%; padding: 17px 15px;}   
    .main_cont27 .banner_link li::after{width: calc(100% - 30px); height: 1px; left: 15px; bottom: 0; top: auto;}
    .main_cont27 .banner_link .banner_link_logo{width: 46px; height: 46px; background-size: 40% !important;}
    .main_cont27 .banner_link .banner_link_content{width: calc(100% - 46px); padding-left: 15px;}
    .main_cont27 .banner_link .banner_link_content > h1{font-size: 14px;}
    .main_cont27 .banner_link .banner_link_content a{font-size: 11.5px; background-size: 9%; background-position: right top 3px; padding-right: 10px; margin-top: 5px;}

    .main_cont27 .widget_bottom{margin-top: 35px;}
    .main_cont27 .swiper-wrapper{padding: 10px 0 10px;}
    .main_cont27 .widget_bottom .tap_content_box{width: 100%; border-bottom: 1px solid #f1f1f1}
    .main_cont27 .widget_bottom .tap_content_box .tap_list{padding-bottom: 16px; border-bottom: 1px solid #333;}
    .main_cont27 .widget_bottom .tap_content_box .tap_list li{font-size: 16px; margin-right: 15px;}
    .main_cont27 .widget_bottom .tap_content_box .tap_more a{font-size: 11.5px;}
    .main_cont27 .widget_bottom .tap_content_box .list-box p{font-size: 12px;}
    .main_cont27 .widget_bottom .tap_content_box .list-box p::before{width: 4px; height: 4px; top: 5px;}
    .main_cont27 .widget_bottom .tap_content_box .list-box span{font-size: 11px;}
    .main_cont27 .widget_bottom .tap_content_box .list-box a{padding: 6px 0;}

    .main_cont27 .widget_bottom .service_center_wrap{width: 100%; margin-top: 35px;}
    .main_cont27 .widget_bottom .service_center_wrap .service_center_title{font-size: 18px;}
    .main_cont27 .widget_bottom .service_center_wrap .service_center_number{font-size: 26px; margin: 18px 0 15px;}
    .main_cont27 .widget_bottom .service_center_wrap li{font-size: 12.5px; margin-bottom: 8px;}
    .main_cont27 .widget_bottom .service_center_wrap li:last-child{margin-bottom: 0;}
    .main_cont27 .widget_bottom .service_center_wrap .service_center_link{margin-top: 24px;}
    .main_cont27 .widget_bottom .service_center_wrap .service_center_link a{font-size: 13px; padding: 11.5px 0 9.5px; border: 1px solid #f1f1f1;}
}