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

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

.main_cont27 *{line-height: 1.3; word-break: keep-all;}
.main_cont27 .widget_bottom{display: flex; flex-wrap: wrap; justify-content: space-between;}
.main_cont27 .widget_bottom .tap_content_box {width: 40%;}
.main_cont27 .widget_bottom .tap_content_box .tap_list {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #1b1b1b; padding-bottom: 27px;}
.main_cont27 .widget_bottom .tap_content_box .tap_list ul{display: flex; align-items: center;}
.main_cont27 .widget_bottom .tap_content_box .tap_list ul::before {content: ""; display: block; width: 32px; height: 22px; background: url(../../../../img/main_notice1.png) no-repeat center / 100%; margin-right: 15px; flex-shrink: 0;}
.main_cont27 .widget_bottom .tap_content_box .tap_list li{font-family: 'Noto Sans KR',sans-serif !important; font-weight: 600; font-size: 28px;}
.main_cont27 .widget_bottom .tap_content_box .tap_list li.active{color: #111;}
.main_cont27 .widget_bottom .tap_content_box .tap_list .tap_more{width: auto; transform: translateY(2px);}
.main_cont27 .swiper-wrapper{display: block;}
.main_cont27 .widget_bottom .tap_content_box .tap_more a{font-family: 'Noto Sans KR',sans-serif !important; font-size: 14px; color: #888888; font-weight: 500;} 
.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: 25px 0; border-bottom: 1px solid #e1e1e1;}
.main_cont27 .widget_bottom .tap_content_box .list-box p{font-family: 'Noto Sans KR',sans-serif !important; font-size: 16px; color: #333333; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-weight: 500;}
.main_cont27 .widget_bottom .tap_content_box .list-box span{font-size: 16px; color: #888888;}

.main_cont27 .widget_bottom .service_center_wrap {width: calc(60% - 60px);}
.main_cont27 .widget_bottom .service_center_wrap .service_center_title {display: flex; align-items: center; margin-bottom: 54px;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_title::before {content: ""; display: block; width: 30px; height: 25px; background: url(../../../../img/main_notice2.png) no-repeat center / contain; margin-right: 15px;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_title h2 {font-size: 28px; font-weight: 600; font-family: 'Noto Sans KR',sans-serif !important; color: #111;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_inner {display: flex; gap: 20px; align-items: center;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_inner .service_center {width: calc((100% - 20px) / 2); background-color: #f6f6f6; border-radius: 15px; padding: 40px 20px 40px 40px;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_inner .service_center h3 {font-size: 20px; font-weight: 600; margin-bottom: 48px; color: #111;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_inner .service_center .service_text {display: flex; flex-direction: column; gap: 7px;}
.main_cont27 .widget_bottom .service_center_wrap .service_center_inner .service_center .service_text li {font-size: 16px; color: #888;}




@media all and (max-width: 991px) {
    .main_cont27 .widget_bottom {gap: 40px;}
    .main_cont27 .widget_bottom .tap_content_box{width: 100%;}
    .main_cont27 .widget_bottom .tap_content_box .tap_list{padding-bottom: 19px;}
    .main_cont27 .widget_bottom .tap_content_box .tap_list ul::before {width: 21px; height: 17px; margin-right: 8px;}
    .main_cont27 .widget_bottom .tap_content_box .tap_list li{font-size: 20px;}
    .main_cont27 .widget_bottom .tap_content_box .tap_more a{font-size: 11px;}
    .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: 3px; height: 3px; top: 4px;}
    .main_cont27 .widget_bottom .tap_content_box .list-box span{font-size: 11px;}
    .main_cont27 .widget_bottom .tap_content_box .list-box a{padding: 17px 0;}

    .main_cont27 .widget_bottom .service_center_wrap {width: 100%;}
    .main_cont27 .widget_bottom .service_center_wrap .service_center_title {margin-bottom: 28px;}
    .main_cont27 .widget_bottom .service_center_wrap .service_center_title::before {width: 21px; height: 18px; background-image: url(../../../../img/m_main_notice2.png); margin-right: 8px;}
    .main_cont27 .widget_bottom .service_center_wrap .service_center_title h2 {font-size: 20px;}
    .main_cont27 .widget_bottom .service_center_wrap .service_center_inner {flex-direction: column; gap: 15px;}
    .main_cont27 .widget_bottom .service_center_wrap .service_center_inner .service_center {width: 100%; padding: 30px 15px 30px 30px; border-radius: 8px;}
    .main_cont27 .widget_bottom .service_center_wrap .service_center_inner .service_center h3 {font-size: 15px; margin-bottom: 25px;}
    .main_cont27 .widget_bottom .service_center_wrap .service_center_inner .service_center .service_text li {font-size: 13px;}

}