@charset "utf-8";

/* Style.css ***********************************************************************************************/

/* 메인화면 예시 */
.etc_first{position: relative; width: 100%; height: calc(100vh - 90px); overflow-x: auto; }
.etc_first img{display: block; width: 1080px; object-fit: contain; overflow-x: hidden; overflow-y: scroll; margin: 15px auto; }
.etc_first.demo img{width: 1560px; height: 952px; }

/* Demo Block Style */
.demo_block{width: 1580px; height: 100%; overflow-x: hidden; overflow-y: scroll; margin: 0 auto; }
.demo_block .demo_visual{position: relative; border-radius: 10px; overflow: hidden; }
.demo_block .demo_visual dl{position: absolute; top: 20px; left: 15px; }
.demo_block .demo_visual dt{font-size: 34px; color: #FFFFFF; font-weight: bold; text-shadow: 0px 2px 4px rgba(0,0,0,0.5); margin-bottom: 9px; }
.demo_block .demo_visual dd{font-size: 22px; color: #FFFFFF; text-shadow: 0px 2px 4px rgba(0,0,0,0.5); }

.demo_block .eventArea{padding: 20px 15px 25px; }
.demo_block .eventArea p.event_tit{font-size: 18px; margin-bottom: 20px; }
.demo_block .eventArea ul{display: flex; align-items: center; justify-content: space-between; }
.demo_block .eventArea li.progress_info dl{display: flex; align-items: center; justify-content: space-between; margin: 20px 0; }
.demo_block .eventArea li.progress_info dt{display: flex; font-size: 16px; }
.demo_block .eventArea li.progress_info dt::before{display: block; content: ""; width: 16px; height: 16px; border-radius: 50%; margin-right: 10px; }
.demo_block .eventArea li.progress_info dl:nth-child(1) dt::before{ background-color: #C8C8C8; }
.demo_block .eventArea li.progress_info dl:nth-child(2) dt::before{ background-color: #4176FF; }
.demo_block .eventArea li.progress_info dl:nth-child(3) dt::before{ background-color: #FF8256; }
.demo_block .eventArea li.progress_info dd{font-size: 16px; margin-left: 20px; }
.demo_block .eventArea li.progress_info span{color: #FF8256; }
.demo_block .eventArea li.progress_round div{width: 160px; }
.demo_block .eventArea li.progress_round div svg{width: 160px; height: 160px; stroke-width: 12px; }
.demo_block .eventArea li.progress_round div .value{font-size: 30px; }

.demo_block .spotArea{padding: 20px 15px 25px; }
.demo_block .spotArea p.spot_tit{font-size: 18px; margin-bottom: 20px; }
.demo_block .spotArea .tabs{overflow: visible; }
.demo_block .spotArea .tabs ul{position: absolute; right: 0px; top: -45px; }
.demo_block .spotArea .tabs li{display: flex; align-items: center; justify-content: center; min-width: 70px; height: 30px; border: 1px solid #D8D8D8; }
.demo_block .spotArea .tabs li:not(:last-child){border-right: none; }
.demo_block .spotArea .tabs li:first-child{border-radius: 6px 0 0 6px; }
.demo_block .spotArea .tabs li:last-child{border-radius: 0 6px 6px 0; }
.demo_block .spotArea .tabs ul li.tab_current{background: #D4D4D4; }
.demo_block .spotArea .tabs .content-wrap{margin-top: 30px; }
.demo_block .spotArea .tabs .content-wrap dl{display: flex; align-items: center; justify-content: space-between; line-height: 18px; margin-bottom: 15px; }
.demo_block .spotArea .tabs .content-wrap dt{font-size: 16px; }
.demo_block .spotArea .tabs .content-wrap dt span{margin-right: 10px; }
.demo_block .spotArea .tabs .content-wrap dd{color: #666666; }

.demo_block .noticeArea{padding: 20px 15px 25px; }
.demo_block .noticeArea p.notice_tit{font-size: 18px; margin-bottom: 20px; }
.demo_block .noticeArea dl{display: flex; align-items: center; justify-content: space-between; height: 18px; margin:0 0 15px; }
.demo_block .noticeArea dt{width: calc(100% - 80px); font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.demo_block .noticeArea dd{font-size: 13px; color: #666666; text-align: right; }

.demo_block .cityArea{padding: 20px 15px 15px; }
.demo_block .cityArea p.city_tit{font-size: 18px; margin-bottom: 20px; }
.demo_block .cityArea div{display: flex; height: 35px; }
.demo_block .cityArea dl{display: flex; align-items: center; justify-content: space-between; width: calc(100% / 4); }
.demo_block .cityArea dl:not(:last-child){border-right: 1px solid #C8C8C8; padding-right: 15px; margin-right: 15px; }
.demo_block .cityArea dt{font-size: 16px; }
.demo_block .cityArea dd{font-size: 40px; }

.demo_block .machineArea{padding: 20px 15px 25px; }
.demo_block .machineArea p.machine_tit{font-size: 18px; margin-bottom: 25px; }
.demo_block .machineArea div{display: flex; align-items: center; justify-content: space-around; }
.demo_block .machineArea dl{display: flex; flex-direction: column; align-items: center; }
.demo_block .machineArea dl dt::before{display: block; content: ""; width: 80px; height: 80px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 36px; border-radius: 50%; margin-bottom: 25px; }
.demo_block .machineArea dl:nth-child(1) dt::before{background-color: #4176FF; background-image: url(../images/ico/video/video_style1_white.svg); }
.demo_block .machineArea dl:nth-child(2) dt::before{background-color: #F56565; background-image: url(../images/ico/user/user_style9_white.svg); }
.demo_block .machineArea dl:nth-child(3) dt::before{background-color: #FF9500; background-image: url(../images/ico/alert/alert_style4_white.svg); }
.demo_block .machineArea dl dt{font-size: 20px; text-align: center; margin-bottom: 10px; }
.demo_block .machineArea dl dd{font-size: 16px; }

.demo_block .calendarArea{display: flex; justify-content: space-between; }
.demo_block .calendarArea > li:nth-child(1){width: calc(100% - 170px); }
.demo_block .calendarArea > li:nth-child(2){width: 170px; background: #ECF1FF; padding-bottom: 30px; }
.demo_block .calendarArea > li:nth-child(2) p{font-size: 18px; text-align: center; margin: 28px 0; }
.demo_block .calendarArea > li:nth-child(2) li{display: flex; align-items: center; justify-content: space-between; height: 44px; line-height: 44px; border-bottom: 1px solid #FFFFFF; margin: 0 10px; }
.demo_block .calendarArea > li:nth-child(2) li em{font-size: 14px; }
.demo_block .calendarArea > li:nth-child(2) li span{font-size: 16px; color: #5886FF; text-align: right; }

/* 안전관리 결재선 */
.btn_diviVowel button.active{background: #4176FF !important; border: 1px solid #4176FF !important; }
.btn_diviVowel button.active .ico_approval {background: url(../images/ico/file/file_check_white.svg) no-repeat 50% 50%; }

.approval_line2{display: flex; flex-wrap: wrap; width: calc(100% + 40px); background: #E4E7EE; padding: 5px; margin: -15px 0 15px -20px; }
.approval_line2 .error_error{width: 100%; font-size: 12px; color: #F23030; background: #F4D8DB; border-radius: 4px; padding: 3px 7px; margin: 5px; }
.approval_line2 > div{display: flex; margin: 0 10px 0 0; }
.approval_line2 > div .department{display: flex; align-items: center; width: 24px; height: 102px; line-height: 16px; text-align: center; background: #FFFFFF; border: 1px solid #D8D8D8; border-radius: 4px; padding: 0 5px; margin: 5px; }
.approval_line2 > div .department + ul{display: flex; flex-wrap: wrap; }
.approval_line2 > div .department + ul li{width: 102px; height: 102px; border: 1px solid #C8C8C8; border-radius: 4px; margin: 5px; }
.approval_line2 > div .department + ul li .spot{height: 24px; font-size: 10px; line-height: 24px; text-align: center; background: #F1F3F4; border-radius: 3px 3px 0 0; }
.approval_line2 > div .department + ul li .name{position: relative; display: flex; align-items: center; justify-content: center; height: calc(100% - 45px); background: #FFFFFF; }

.approval_line2 > div .department + ul li .name p{position: absolute; top: 0px; left: 0px; }
.approval_line2 > div .department + ul li .name p a{display: block; overflow: hidden; text-indent: -999em; width: 18px; height: 18px; background: #BBBBBB no-repeat 50% 50% / 14px; border-radius: 0 0 3px 0; }
.approval_line2 > div .department + ul li .name .appr_msg a{background-image: url(../images/ico/msg/msg_style1_fill_white.svg); }
.approval_line2 > div .department + ul li .name .name_change a{background-image: url(../images/ico/user/user_style3_white.svg); }

.approval_line2 > div .department + ul li .name p a:hover{background-color: #4176FF; }
.approval_line2 > div .department + ul li.rejected .name p a:hover{background-color: #F56565; }

.approval_line2 > div .department + ul li .info a{display: block; height: 20px; font-size: 10px; color: #888888;  line-height: 20px; text-align: center; background: #FFFFFF; border-top: 1px solid #D8D8D8; border-radius: 0 0 3px 3px; }
.approval_line2 > div .department + ul li .info.btn a{color: #FFFFFF; background: #4176FF; border-top: 1px solid #4176FF; }

.approval_line2 > div .department + ul li.approval .name::before{position: absolute; top: 50%; left: 50%; display: block; content: ""; width: 40px; height: 40px; background-image: url(../images/ico/check/check_style2_blue.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 34px; border: 2px solid #4176FF; border-radius: 50%; margin: -23px 0 0 -22px; }
.approval_line2 > div .department + ul li.approval .name{color: #A1A1A1; }
.approval_line2 > div .department + ul li.approval .info a{color: #4176FF; }
.approval_line2 > div .department + ul li.approval .info.btn a{color: #FFFFFF; background: #5C5F6B; border-top: 1px solid #5C5F6B; }

.approval_line2 > div .department + ul li.rejected .name::before{position: absolute; top: 50%; left: 50%; display: block; content: ""; width: 40px; height: 40px; background-image: url(../images/ico/cross/cross_style1_red.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 30px; border: 2px solid #F56565; border-radius: 50%; margin: -23px 0 0 -22px; }
.approval_line2 > div .department + ul li.rejected .name{color: #A1A1A1; }
.approval_line2 > div .department + ul li.rejected .info a{color: #F56565; }
.approval_line2 > div .department + ul li.rejected .info.btn a{color: #FFFFFF; background: #5C5F6B; border-top: 1px solid #5C5F6B; }

/* 관제 */
.cctvArea .cctv_infoArea{display: flex; height: calc(100% - 200px); }
.cctvArea .cctv_infoArea .info{display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 110px); border-right: 1px solid #C8C8C8; padding: 5px 10px; }
.cctvArea .cctv_infoArea .info dl{display: flex; align-items: baseline; margin: 3px 0; }
.cctvArea .cctv_infoArea .info dt{display: flex; justify-content: space-between; width: 55px; font-size: 13px; line-height: 18px; }
.cctvArea .cctv_infoArea .info dt::after{content: ":"; }
.cctvArea .cctv_infoArea .info dd{width: calc(100% - 55px); font-size: 13px; line-height: 18px; margin-left: 5px; }

.cctvArea .cctv_infoArea .btnArea{width: 110px; }
.cctvArea .cctv_infoArea .btnArea button{align-items: center; width: 110px; background: #F9F9F9; border-radius: 0px; margin: 0px; }
.cctvArea .cctv_infoArea .btnArea button:not(:last-child){border-bottom: 1px solid #C8C8C8; }
.cctvArea .cctv_infoArea .btnArea button{height: calc(100% / 2); }
.cctvArea .cctv_infoArea .btnArea.btn3 button{height: calc(100% / 3); }

.cctvArea .cctv_infoArea .btnArea button span{height: 24px; line-height: 24px; background-repeat: no-repeat; background-position: 0 50%; }
.cctvArea .cctv_infoArea .btnArea button:nth-child(1) span{background-image: url(../images/ico/search/search_style2.svg); padding-left: 30px; }
.cctvArea .cctv_infoArea .btnArea button:nth-child(2) span{background-image: url(../images/ico/stop/stop_style1.svg); background-size: 22px; padding-left: 28px; }
.cctvArea .cctv_infoArea .btnArea button:nth-child(3) span{background-image: url(../images/ico/info/info_style3.svg); background-size: 22px; padding-left: 28px; }

.cctvArea .cctv_infoArea .btnArea button:hover{background-color: #4176FF; text-decoration-color: #FFFFFF; }
.cctvArea .cctv_infoArea .btnArea button:hover span{color: #FFFFFF; }
.cctvArea .cctv_infoArea .btnArea button:nth-child(1):hover span{background-image: url(../images/ico/search/search_style2_white.svg); }
.cctvArea .cctv_infoArea .btnArea button:nth-child(2):hover span{background-image: url(../images/ico/stop/stop_style1_white.svg); }
.cctvArea .cctv_infoArea .btnArea button:nth-child(3):hover span{background-image: url(../images/ico/info/info_style3_white.svg); }

/* 안전 > MSDS > Cas등록 */
.casArea .grid_items > div{display: flex; flex-direction: column; align-items: center; text-align: center; padding: 10px; }
.casArea .grid_items.radio_area label{background-position: 50% 0; padding: 26px 0 0 0 !important}
.casArea .grid_items > div p:nth-child(2),
.casArea .grid_items > div img + p{display: flex; align-items: center; height: 36px; font-size: 12px; line-height: 1.5; letter-spacing: -0.5px; margin-top: 10px; }

.casArea .sPictogram img{width: 50px; height: 50px; margin-left: 8px; }

/* 메인화면 */
.grid_square .grid_square_titArea{display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 15px; }
.grid_square .grid_square_titArea > p{font-size: 18px; font-weight: bold; }
.grid_square .grid_square_titArea > p + div{display: flex; align-items: center; justify-content: space-between; }

/* 범례 */
.grid_square .grid_square_titArea .legend_display{margin-right: -5px; }

/* page표시 */
.grid_square .page_info{display: flex; align-items: center; }
.grid_square .page_info span{font-size: 14px; }
.grid_square .page_info span.num{font-weight: bold; color: #333333; }
.grid_square .page_info span.txt_slash{color: #666666; padding: 0 2px; }
.grid_square .page_info span.total{color: #666666; }

/* page이동버튼 */
.grid_square .page_info .page_btn{display: flex; align-items: center; margin-left: 5px; }
.grid_square .page_info .page_btn button{display: block; overflow: hidden; text-indent: -999em; width: 26px; height: 26px; background: #FFFFFF no-repeat 50% 50% / 20px; border: 1px solid #D8D8D8; }
.grid_square .page_info .page_btn button.btn_prev{background-image: url(../images/ico/arrow/left.svg); border-radius: 4px 0 0 4px; margin-right: -1px; }
.grid_square .page_info .page_btn button.btn_next{background-image: url(../images/ico/arrow/right.svg); border-radius: 0 4px 4px 0; }

/* 달력 */
.grid_square .grid_square_titArea .calendar{height: 26px; font-size: 13px; line-height: 26px; background: #E9EAEE url(../images/ico/calendar/calendar_style1.svg) no-repeat 5px 50% / 16px; border-radius: 4px; padding: 0 5px 0 25px; margin-left: 5px; }
.grid_square .grid_square_titArea .calendar:hover{background-color: #D3E0EB; }

/* 날씨 */
.weather span{font-size: 14px; }
.weather strong{display: block; overflow: hidden; text-indent: -999em; width: 32px; height: 32px; background: no-repeat 50% 50% / cover; margin: 0 6px; }
.weather strong.DB01{background-image: url(../images/img/wthema/DB01.png); }
.weather strong.DB02{background-image: url(../images/img/wthema/DB02.png); }
.weather strong.DB03{background-image: url(../images/img/wthema/DB03.png); }
.weather strong.DB04{background-image: url(../images/img/wthema/DB04.png); }
.weather strong.DB05{background-image: url(../images/img/wthema/DB05.png); }
.weather strong.DB06{background-image: url(../images/img/wthema/DB06.png); }
.weather strong.DB07{background-image: url(../images/img/wthema/DB07.png); }
.weather strong.DB08{background-image: url(../images/img/wthema/DB08.png); }
.weather strong.DB09{background-image: url(../images/img/wthema/DB09.png); }
.weather strong.DB10{background-image: url(../images/img/wthema/DB10.png); }
.weather strong.DB11{background-image: url(../images/img/wthema/DB11.png); }
.weather strong.DB12{background-image: url(../images/img/wthema/DB12.png); }

/* Content */
.grid_square .grid_square_titArea + ul,
.grid_square .grid_square_titArea + div{height: calc(100% - 60px); padding: 0 15px; }

/* 공지 */
.noti_txt dl{display: flex; align-items: center; justify-content: space-between; }
.noti_txt dl:not(:last-child){margin-bottom: 15px; }
.noti_txt dt{width: calc(100% - 90px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 20px; }
.noti_txt dd{font-size: 13px; color: #666666; }

.noti_txt li,
.noti_txt > dd{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 16px; margin-bottom: 20px; }
.noti_txt li::before,
.noti_txt > dd::before{display: inline-flex; content: ""; width: 5px; height: 5px; background: #4176FF; border-radius: 50%; vertical-align: middle; margin: 0 10px 5px 0; }

/* 상태표시 + 공지 */
.noti_state li{display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.noti_state li span{width: 70px; height: 26px; line-height: 26px; text-align: center; border-radius: 4px; margin-right: 10px; }
.noti_state li.compl span{color: #4176FF; border: 1px solid #4176FF; }
.noti_state li.incompl span{border: 1px solid #D8D8D8; }
.noti_state li em{width: calc(100% - 80px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 20px; }

/* 바로가기 */
.Shortcuts{display: flex; flex-wrap: wrap; }
.Shortcuts button{text-align: center; border: 1px solid #D8D8D8; border-radius: 4px; }
.Shortcuts button:nth-child(2n){margin-left: 10px; }
.Shortcuts button:hover{color: #4176FF; border-color: #4176FF; }

.Shortcuts button.blue{color: #FFFFFF; background: #4176FF; border-color: #4176FF; }

.Shortcuts.sc_23 button{width: calc((100% / 2) - 5px); height: calc((100% - 60px) / 3); font-size: 16px; }
.Shortcuts.sc_24 button{width: calc((100% / 2) - 5px); height: calc((100% - 60px) / 4); font-size: 13px; }

.Shortcuts.sc_32{height: 100%; margin-left: -10px; }
.Shortcuts.sc_32 button{width: calc((100% / 3) - 10px); height: calc((100% - 10px) / 2); font-size: 14px; border-color: #C8C8C8; border-radius: 10px; margin: 0 0 10px 10px; }
.Shortcuts.sc_32 button:hover{color: #4176FF; border-color: #4176FF; }

.Shortcuts.sc_52{margin-left: -10px; }
.Shortcuts.sc_52 button{width: calc((100% / 5) - 10px); height: 75px; font-size: 16px; line-height: 24px; margin-left: 10px; }


/* Demo Block Style */
.grid_square.rmcArea .demo_visual dl + img{width: 100%; object-fit: cover; margin-top: -100px; }

/* Table */
.grid_square.rmcArea table{width: 100%; }
.grid_square.rmcArea table tr{border-bottom: 1px solid #D8D8D8; }
.grid_square.rmcArea table th{background: #F2F4F6; border-top: 1px solid #D8D8D8; }
.grid_square.rmcArea table th:not(:last-child),
.grid_square.rmcArea table td:not(:last-child){border-right: 1px solid #D8D8D8; }
.grid_square.rmcArea table td{font-size: 13px; line-height: 18px; text-align: center; vertical-align: middle; }

.grid_square.rmcArea table.tr2 th,
.grid_square.rmcArea table.tr2 td{height: calc(160px / 2); }
.grid_square.rmcArea table.tr6 th,
.grid_square.rmcArea table.tr6 td{height: calc(160px / 6); }

.grid_square.rmcArea table .row td span{display: block; }
.grid_square.rmcArea table .row td span:last-child{font-size: 15px; margin-top: 5px; }

/* 현장 */
.grid_square.rmcArea .spot_txt dl{display: flex; align-items: center; justify-content: space-between; }
.grid_square.rmcArea .spot_txt dl:not(:last-child){margin-bottom: 15px; }
.grid_square.rmcArea .spot_txt dt{font-size: 13px; color: #666666; }
.grid_square.rmcArea .spot_txt dd {display: flex; align-items: center; justify-content: space-between; width: calc(100% - 90px); }
.grid_square.rmcArea .spot_txt dd a{width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 20px; }
.grid_square.rmcArea .spot_txt dd button{display: block; overflow: hidden; text-indent: -999em; width: 26px; height: 20px; background: url(../images/ico/bullet/new_window_8_gray6.svg) no-repeat 50% 50% / 10px; border: 1px solid #D8D8D8; border-radius: 4px; }
.grid_square.rmcArea .spot_txt dd button:hover{background-image: url(../images/ico/bullet/new_window_8_orange.svg); }

/* 타설현황 */
.grid_square.rmcArea .grid_square_titArea p + dl{display: flex; width: 200px; margin-left: 20px; }
.grid_square.rmcArea .grid_square_titArea p + dl dt{font-size: 15px; margin-right: 10px; }

.grid_square.rmcArea .situatArea{display: flex; }

.grid_square.rmcArea .situatArea table{width: calc(50% - 10px); height: 160px; margin-right: 20px; }

.grid_square.rmcArea .situatArea ul{width: calc(50% - 10px); }
.grid_square.rmcArea .situatArea li{display: flex; align-items: center; }
.grid_square.rmcArea .situatArea li:first-child{margin-bottom: 20px; }
.grid_square.rmcArea .situatArea p{width: 70px; font-size: 15px; margin-bottom: 10px; }
.grid_square.rmcArea .situatArea p + div{display: flex; align-items: center; width: calc(100% - 70px); }
.grid_square.rmcArea .situatArea dl{display: flex; flex-direction: column; align-items: center; width: calc((100% / 3) - 10px); border: none !important; margin: 0 5px; }

.grid_square.rmcArea .situatArea dt{width: 100%; color: #FFFFFF; text-align: center; border-radius: 4px 4px 0 0; padding: 10px 5px; }
.grid_square.rmcArea .situatArea dl.pour dt{background: #FFA300; }
.grid_square.rmcArea .situatArea dl.wait dt{background: #89898A; }
.grid_square.rmcArea .situatArea dl.move dt{background: #00AC97; }
.grid_square.rmcArea .situatArea dl.test dt{background: #6FBA2C; }
.grid_square.rmcArea .situatArea dl.turn dt{background: #5E514D; }

.grid_square.rmcArea .situatArea dd{display: flex; align-items: center; justify-content: space-between; width: 100%; background: #FFFFFF; border-radius: 0  0 4px 4px; padding: 10px 5px; }
.grid_square.rmcArea .situatArea dl.pour dd{border: 1px solid #FFA300; }
.grid_square.rmcArea .situatArea dl.wait dd{border: 1px solid #89898A; }
.grid_square.rmcArea .situatArea dl.move dd{border: 1px solid #00AC97; }
.grid_square.rmcArea .situatArea dl.test dd{border: 1px solid #6FBA2C; }
.grid_square.rmcArea .situatArea dl.turn dd{border: 1px solid #5E514D; }

.grid_square.rmcArea .situatArea dd span:first-child{color: #888888; }
.grid_square.rmcArea .situatArea dd span:last-child{font-size: 15px; }

/* 레미콘 */
/* 타설영역 닫기 */
.rmcArea .cip_closed{width: 20px; height: 20px; background: #333333 url(../images/ico/cross/cross_8_white.svg) no-repeat 50% 50% / 10px; border-radius: 50%; cursor: pointer; }
.rmcArea .cip_closed:hover{background-color: #4176FF; }

/* 레미콘 아이콘 */
.rmcArea .rmc{display: block; overflow: hidden; text-indent: -999em; width: 40px; height: 40px; background: no-repeat 50% 50% / cover; }
.rmcArea .rmc.red{background-image: url(../images/ico/truck/truck_style2_red.svg); }
.rmcArea .rmc.orange{background-image: url(../images/ico/truck/truck_style2_orange.svg); }
.rmcArea .rmc.green{background-image: url(../images/ico/truck/truck_style2_green.svg); }

/* 레미콘 차량번호 */
.rmcArea .rmctext{background: #FFFFFF; border: 1px solid #D8D8D8; border-radius: 4px; padding: 3px 5px; }






a{}