@charset "utf-8"; 
/* exp8.css
    2005.09.09 SSJ
*/
select {background:url(/widesign/img/arrow_black.png) #fff no-repeat right 5px center !important; background-size: 5px !important;}


#beaftfatDiv .point_box01 {background:url(/images/wzwg/cmm/pt_slsh.png);padding:5px;margin:0;box-sizing:border-box;}
#beaftfatDiv .point_box01 b {font-size:16px;}
#beaftfatDiv .point_box01 .bg-white {line-height: 170%; font-size: 15.5px; font-family: 'Noto Sans KR';}

/* 공통 데이터픽커 */
.datePickerDiv {display: flex;gap: 20px;width: 100%;flex-grow: 1;} 
.datePickerDiv .left_dateSel {width: 40%;display: flex;position: relative;flex-wrap: wrap;flex-grow: 1;align-items: flex-start;}
.datePickerDiv .left_dateSel input {min-width: auto !important; flex-grow: 1;max-width: 200px !important;}
.datePickerDiv .left_dateSel>span {padding:0 5px;line-height: 40px;}
.datePickerDiv .left_dateSel input:focus ~ img {}
.datePickerDiv .left_dateSel:only-child input:last-of-type {margin-right: 60%;}
.datePickerDiv .left_dateSel:only-child img {}
.datePickerDiv .left_dateSel img {max-width:100%;margin-bottom:-5px;border: 1px solid #ddd;/* position: absolute; *//* left: 0; *//* top: 45px; */z-index: 1;margin-top: 5px;border-radius: 3px;}
.datePickerDiv .selList {width: 60%;display: flex;flex-grow: 1;flex-direction: column;gap: 10px;padding-top: 45px;} 
.datePickerDiv .selList>li {display: flex; min-width: auto !important; padding: 6px 5px 6px 15px; border: 1px solid #ddd; border-radius: 5px; align-items: center; justify-content: flex-start; height: 45px; box-sizing: border-box;} 
.datePickerDiv .selList li>span {width: 40%;font-size: 15px;word-break: keep-all;} 
.datePickerDiv .selList li>span:before {content:"";width: 5px;height: 5px;display: inline-block;background: #ff6c39;border-radius: 100%;vertical-align: middle;margin-top: -2px;margin-right: 5px;}
.datePickerDiv .selList li>ul {display: flex;width: 40%;flex-grow: 1;} 
.datePickerDiv .selList li>div {}
.datePickerDiv .selList li>div .btn-del {font-size: 14px; padding: 4px 7px;}



/* 인력풀 */
.workersPool_Wrap {} 

/* 목록 */
.workersPool_Wrap .TongSrchbox {margin-bottom:30px;} 
.workersPool_Wrap .TongSrchbox fieldset {border:none; text-align:right; display:flex; justify-content:flex-end;} 
.workersPool_Wrap .TongSrchbox button {border:none;} 
.workersPool_Wrap .listBox {width:100%; display:flex; flex-direction:column; padding-left:0 !important;} 
.workersPool_Wrap .listBox>li { position: relative; list-style:none !important; box-sizing:border-box; margin-bottom:20px; background: #fff; border:2px solid #ececec; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; } 
.workersPool_Wrap .listBox>li:hover, .workersPool_Wrap .listBox>li:focus-within { border-color: #acbeca; }
.workersPool_Wrap .listBox>li * {font-family: 'Noto Sans KR';}
.workersPool_Wrap .listBox>li>a { display: block; padding: 20px; color: #333; text-decoration: none; } 
.workersPool_Wrap .listBox>li>a>ul { display: grid; grid-template-columns: 50px 1fr; gap: 12px 50px; margin: 0; padding: 0; } 
.workersPool_Wrap .listBox>li>a>ul>li {list-style:none !important; display: inline-flex; } 
.workersPool_Wrap .listBox>li>a>ul>li .label { width: 140px; font-size: 15px; font-weight: 500; color: #696969; } 
.workersPool_Wrap .listBox>li>a>ul>li .label:before {content:""; width:4px; height:4px; display:inline-block; background:#444; border-radius:100%; vertical-align:middle; margin-right:6px; margin-top:-1px;} 
.workersPool_Wrap .listBox>li>a>ul>li .label+div { font-size:15px; word-break:keep-all; display:flex; flex-grow:1; } 
.workersPool_Wrap .listBox>li>a>ul>li:is(.name, .gender) .label {display:none;} 
.workersPool_Wrap .listBox>li>a>ul>li:first-child .label+div {font-size:18px; color:#004080; font-weight:600; padding:7px 0 0;} 
.workersPool_Wrap .listBox>li:hover>a>ul>li:first-child .label+div, .workersPool_Wrap .listBox>li:focus-within>a>ul>li:first-child .label+div {text-decoration:underline;} 

.workersPool_Wrap .listBox > li > a > ul > li.gender {grid-column: 1; grid-row: 1 / 6; display: flex; flex-direction: column; align-items: center; justify-content: center; width:50px; height:50px; background: #f8f9fa; border-radius: 8px; }
.workersPool_Wrap .listBox [class *="gender_"] {text-indent:-999px; position:relative; width:50px; height:50px; text-align:center; line-height:50px; background:#f6f5f5; border-radius:5px; overflow:hidden; transition: background 0.3s; -webkit-transition: background 0.3s;} 
.workersPool_Wrap .listBox [class *="gender_"]::before {font-family:FontAwesome; position:absolute; left:0; top:0; text-indent:0; font-size:30px; color:#333; width:100%; height:100%; transition: color 0.3s; -webkit-transition: color 0.3s;} 
.workersPool_Wrap .listBox .gender_male::before {content:"\f183"; color:#0093d6;} 
.workersPool_Wrap .listBox .gender_female::before {content:"\f182"; color:#f784cd; } 
.workersPool_Wrap .listBox>li:hover .gender_male, .workersPool_Wrap .listBox>li:focus-within .gender_male {background:#0093d6;}
.workersPool_Wrap .listBox>li:hover .gender_male::before, .workersPool_Wrap .listBox>li:focus-within .gender_male::before {color:#fff;}
.workersPool_Wrap .listBox>li:hover .gender_female, .workersPool_Wrap .listBox>li:focus-within .gender_female {background:#f784cd;}
.workersPool_Wrap .listBox>li:hover .gender_female::before, .workersPool_Wrap .listBox>li:focus-within .gender_female::before {color:#fff;}

.workersPool_Wrap .listBox > li > a > ul > li:not(.gender):not(.date) {grid-column: 2; display: flex; align-items: flex-start;}
.workersPool_Wrap .listBox > li > a > ul > li:not(.gender):not(.date) .label {width: 140px; flex-shrink: 0; font-weight: 600;}
.workersPool_Wrap .listBox > li > a > ul > li.spec .label+div span {line-height:22px; text-align:center; padding:3px 7px; background:#f6f7f9; border-radius:3px; font-size:14px; margin-right:5px; vertical-align:middle; display:inline-block; border:1px solid #ddd; margin-bottom:5px;} 
.workersPool_Wrap .listBox > li > a > ul > li.date {position: absolute; top: 25px; right: 25px; display: flex; gap: 10px;}
.workersPool_Wrap .listBox > li > a > ul > li.date .label, .workersPool_Wrap .listBox > li > a > ul > li.date div {font-size: 13px;}
.workersPool_Wrap .listBox > li > a > ul > li.date .label::before {content: "\f133"; font-family: FontAwesome; width: auto; height: auto; background: transparent; font-size: inherit; color: #444; vertical-align: middle; margin-right: 6px; margin-top: -2px;}


    @media (max-width:990px){
        .workersPool_Wrap .TongSrchbox fieldset {flex-direction:column;align-items: flex-start;gap: 10px;}
        .workersPool_Wrap .TongSrchbox fieldset>div {width:100%;display: flex;justify-content: space-between;}
        .workersPool_Wrap .TongSrchbox fieldset>div.date_select input {flex-grow: 1; margin: 0 !important; width: 40%;}
        .workersPool_Wrap .TongSrchbox fieldset>div.date_select span {line-height:39px;padding: 0 5px;}
        .workersPool_Wrap .TongSrchbox fieldset>div.bdTop_select {gap: 7px;}
        .workersPool_Wrap .TongSrchbox fieldset>div.bdTop_select select {display:flex;flex-grow:1;margin: 0 !important;}
        .workersPool_Wrap .TongSrchbox fieldset>div.bdTop_search {gap: 7px;}
        .workersPool_Wrap .TongSrchbox fieldset>div.bdTop_search input {margin: 0 !important; flex-grow: 1;}
        .workersPool_Wrap .TongSrchbox fieldset>div.bdTop_search button {width: 20%; border-radius: 4px;}
    }
    @media (max-width:899px){        
        .workersPool_Wrap .listBox>li>a>ul>li .label { font-size: 14px; letter-spacing: -0.5px; }
        .workersPool_Wrap .listBox>li>a>ul>li .label+div {font-size: 14px;}
        .workersPool_Wrap .listBox>li>a>ul>li:nth-child(4) .label+div span { font-size: 13px; line-height: 130%; }
    }
    @media (max-width:799px){
        .workersPool_Wrap .listBox>li>a>ul {grid-template-columns: 30px 1fr; gap: 10px 20px;}
        .workersPool_Wrap .listBox>li>a>ul>li .label { font-size:13px; }
        .workersPool_Wrap .listBox>li>a>ul>li .label+div {font-size: 13px;}
        .workersPool_Wrap .listBox > li > a > ul > li.gender { width: 30px; height: 30px; align-self: flex-start; }
        .workersPool_Wrap .listBox>li>a>ul>li:first-child .label+div { padding: 0; height: 30px; align-items: center; font-size: 16px; }
        .workersPool_Wrap .listBox [class *="gender_"] {width: 30px; height: 30px; line-height: 30px;}
        .workersPool_Wrap .listBox [class *="gender_"]:before {font-size:20px;}
        .workersPool_Wrap .listBox > li > a > ul > li.date {position: relative; top: auto; right: auto; grid-column: 2; gap: 0;}
        .workersPool_Wrap .listBox > li > a > ul > li.date .label { flex-shrink: 0; font-weight: 600; }
        .workersPool_Wrap .listBox > li > a > ul > li.date .label::before {content: ""; width: 4px; height: 4px; display: inline-block; background: #444; border-radius: 100%; vertical-align: middle; margin-right: 6px; margin-top: -1px; font-family: inherit;}
    }


/* 등록, 상세 */
.expmainTit {font-size:24px;padding:0 0 15px 35px;position:relative;font-family: 'Noto Sans KR';clear: both;} 
.expmainTit:before {content:""; top:7px; width:15px; left:0; height:15px; position:absolute; background:#ffe44b;} 
.expmainTit:after {content:""; top:16px; width:15px; left:9px; height:15px; position:absolute; background:#ff6c39; border-radius:100%;} 
    .expmainTit .wzbtn.btn-basic {float:right; font-size:15px; padding:0 15px; height:42px; line-height:40px; border:2px solid #333;}
.workersPool_Wrap .subTit {font-size:20px; font-weight:500; margin:15px 0 5px;} 
.workersPool_Wrap .subTit:before {content:"";} 
.workersPool_Wrap .basicTbl {margin-top:0;} 
.workersPool_Wrap .basicTbl th {font-weight:600; color:#333; text-align:center; font-size:16px; background:#f9f9f9; padding:20px 15px !important; width:15%; text-align:left; border-right:none; border-bottom:1px solid rgba(51, 51, 51, 0.1) !important; vertical-align:top; font-family: 'Noto Sans KR';} 
.workersPool_Wrap .basicTbl th>span {color: transparent !important;}
.workersPool_Wrap .basicTbl th>span:before {content:"";width: 6px;height: 6px;display: inline-block;background:#ff6c39;border-radius: 100%;margin: -13px 0 0 3px;vertical-align: middle;}
.workersPool_Wrap .basicTbl td {width:auto; border-left:none; padding-left:20px !important;} 
.workersPool_Wrap .basicTbl td * {font-family: 'Noto Sans KR';}
.workersPool_Wrap .basicTbl ul {display:inline-flex; width:100%; flex-wrap:wrap; padding-left:0 !important;} 
.workersPool_Wrap .basicTbl ul li {list-style:none; min-width:25%;} 
.workersPool_Wrap .basicTbl ul li:not(:last-child) label+input[type="text"] {margin-bottom:10px;} 
.workersPool_Wrap .basicTbl ul li.wd100 {margin-top:10px;} 
.workersPool_Wrap .basicTbl ul li.wd100 label+input[type="text"] {width:50%; max-width:none;} 
.workersPool_Wrap .basicTbl ul.areaSelect li {width:25%; display:flex; padding-right:20px; box-sizing:border-box; padding-top:5px;} 
.workersPool_Wrap .basicTbl ul.areaSelect li label {width:80px; word-break:keep-all;} 
.workersPool_Wrap .basicTbl ul li.wd100 input[type="checkbox"]:checked ~ input[type="text"] {margin-top:0;} 
.workersPool_Wrap .basicTbl input[type="text"], .workersPool_Wrap .basicTbl input[type="date"] {padding-left:15px !important; max-width:200px; border-radius:5px; font-family:'Noto Sans KR' !important;} 
.workersPool_Wrap .basicTbl input[type="text"].wd50, .workersPool_Wrap .basicTbl input[type="date"] {max-width:none; min-width:300px;} 
.workersPool_Wrap .basicTbl input[type="text"]:focus {border:1px solid #ddd;} 
.workersPool_Wrap .guide {width:100%; display:block; font-size:14px; padding-top:10px; color:#717171;} 
.workersPool_Wrap .guide:before {content:"!"; width:16px; height:16px; display:inline-block; background:#c1e1cc; background:#ddd; color:#333; border-radius:100%; text-align:center; line-height:15px; font-size:12px; font-weight:600; margin-right:5px; box-sizing:border-box; padding-left:1px;} 
.workersPool_Wrap .guide a {color:#009879; margin-left:10px; vertical-align:middle; font-weight:600; margin-top:-4px; display:inline-block;} 
.workersPool_Wrap .guide a:after {content:""; width:7px; height:7px; display:inline-block; border:2px solid #009879; transform:rotate(45deg); border-width:2px 2px 0 0; vertical-align:middle; margin-left:2px; margin-top:-3px;} 
.workersPool_Wrap .topguide {display: block; padding: 25px 20px 20px 36px; background: #f6f7f9; margin: 10px 0 20px;}
.workersPool_Wrap .topguide>b {font-size: 17px; padding-bottom: 15px; display: block;}
.workersPool_Wrap .topguide>b:before {}
.workersPool_Wrap .topguide ul {padding-left:0 !important;counter-reset: orderedlist;}
.workersPool_Wrap .topguide ul li {font-size: 14.5px;padding-bottom: 5px;list-style: none !important;}
.workersPool_Wrap .topguide ul li:before {counter-increment: orderedlist;content: counter(orderedlist);width: 18px;height: 18px;display: inline-block;text-align: center;line-height: 18px;background: #333;color: #fff;border-radius: 100%;font-size: 13px;margin-right: 8px;vertical-align: middle;}
.workersPool_Wrap .topguide ul li span {font-size:13px;min-width: 75px;padding: 2px 3px;border-radius: 5px;margin-right: 10px;font-weight: 600;display: inline-block;text-align: center;box-sizing: border-box;}
.workersPool_Wrap .topguide ul li span.type1 {background: #cbe5e8;}
.workersPool_Wrap .topguide ul li span.type2 {background: #f5d29e;}
.workersPool_Wrap .topguide ul li span.type3 {background: #ccccdf;}
.workersPool_Wrap .basicTbl.viewTbl th {} 
.workersPool_Wrap .basicTbl.viewTbl td {font-size:15px;} 
.workersPool_Wrap .basicTbl.viewTbl td .fileList {padding-top:0; display:flex; flex-direction:column; gap:5px;} 
.workersPool_Wrap .basicTbl.viewTbl td .fileList li {background:transparent; border:none; padding:0; margin-right:0;} 
.workersPool_Wrap .basicTbl.viewTbl td .fileList li:before {content:"\f0f6"; font-family:FontAwesome; font-size:13px; margin-right:6px;} 
.workersPool_Wrap .basicTbl.viewTbl td .fileList li a:only-child {text-decoration:underline;} 
.workersPool_Wrap .basicTbl.viewTbl td .qualList {display:flex; flex-wrap:wrap; gap:7px;} 
.workersPool_Wrap .basicTbl.viewTbl td .qualList span {border:1px solid #ddd; background:#f9f9f9; padding:6px 15px; border-radius:20px; font-size:14px;} 

.wzForm02 input[type="checkbox"] {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;} 
.wzForm02 input[type="checkbox"] + label {padding-left:27px;position:relative;cursor:pointer;display:inline-block;box-sizing:border-box;vertical-align:middle;font-size:15px;} 
.wzForm02 input[type="checkbox"] + label:before {content:""; width:20px; height:20px; border:2px solid #666; box-sizing:border-box; position:absolute; left:0; top:2px; transition:border-color 0.5s; -webkit-transition:border-color 0.5s;} 
.wzForm02 input[type="checkbox"] + label:hover:before {border-color:#0379bf;} 
.wzForm02 input[type="checkbox"]:focus + label:before {outline:thin dotted #0379bf;} 
.wzForm02 input[type="checkbox"]:checked + label:before {border-color:#0379bf;} 
.wzForm02 input[type="checkbox"]:checked + label:after {content:""; width:18px; height:18px; background:url(/images/wzwg/cmm/ico_check.png) no-repeat center #009879; position:absolute; left:1px; top:3px;} 

.imgFileUploader {} 
.imgFileUploader .uploadBox {} 
.imgFileUploader .uploadBox input {max-width:300px !important;} 
.imgFileUploader .uploadBox .wzbtn {color:#333; font-weight:500; border:1px solid #c1e1cc !important; background:#f1f7f3; font-size:15px; padding:0 15px; height:40px; line-height:38px; vertical-align:middle;} 
.imgFileUploader .uploadBox .wzbtn:hover {background:#009879; color:#fff;} 
.fileList {padding-top:10px;} 
.fileList li {min-width:auto !important; margin-right:7px; padding:6px 5px 6px 15px; background:#f9f9f9; border:1px solid #ddd; border-radius:5px;} 
.fileList li a {font-size:14px; text-decoration:none; color:#333;} 
.fileList li .removeBtn {background:#ddd; border:none; margin-left:7px; padding:3px 5px; border-radius:3px; cursor:pointer;} 
.fileList li .removeBtn:hover {background:#333; color:#fff;} 
.workersPool_Wrap .agreeForm {width:100%; clear:both; border-top:2px solid #323437; padding-left:0 !important;} 
.workersPool_Wrap .agreeForm .subTit {display:flex; justify-content:space-between; background:#f1f7f3; padding:15px; border-radius:15px;} 
.workersPool_Wrap .agreeForm .subTit>div:not(.wzForm02) {display:flex; flex-grow:1; text-align:left; font-size:18px;} 
.workersPool_Wrap .agreeForm li {list-style:none;} 
.workersPool_Wrap .agreeForm li:first-child ~ li .subTit {margin-top:30px;} 
.workersPool_Wrap .agreeForm .agreeCo {width:100%; height:115px; border:1px dashed #d5d8da; box-sizing:border-box; padding:15px; margin-bottom:10px; overflow-y:scroll; font-size:13px; line-height:150%; border-radius:3px;} 
.workersPool_Wrap .agreeForm .wzForm02 {text-align:right; margin-top:-6px;} 
.workersPool_Wrap .agreeForm .wzForm02 label {line-height: 25px;}
.workersPool_Wrap .agreeForm .wzForm02 label span {display:none;}
.workersPool_Wrap *::-webkit-scrollbar {width:10px;} 
.workersPool_Wrap *::-webkit-scrollbar-track {background:transparent;} 
.workersPool_Wrap *::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);} 
.workersPool_Wrap *::-webkit-scrollbar-thumb:hover {background:#555; } 

	@media (max-width:899px){
        .expmainTit {font-size: 20px; padding: 0 0 10px 25px;}
        .expmainTit:before {width: 10px; height: 10px; top: 8px;} 
        .expmainTit:after {width: 10px; height: 10px; left: 5px; top: 14px;}

        .workersPool_Wrap .basicTbl>tbody>tr {display:flex;flex-direction: column;}
        .workersPool_Wrap .basicTbl>tbody>tr>th {width:100%;padding: 15px 10px 5px !important;border-bottom: none !important;font-size: 15px !important;background: transparent;box-sizing: border-box;}
        .workersPool_Wrap .basicTbl>tbody>tr>td {width:100%;padding: 10px 10px 30px !important;border-top: none;box-sizing: border-box;word-break: keep-all;font-size: 14px !important;}
        .workersPool_Wrap .basicTbl ul.wzForm02 li {width:33% !important;padding-bottom: 10px;}
        .workersPool_Wrap .basicTbl ul.wzForm02 input[type="checkbox"] + label {font-size:14px;word-break: keep-all;letter-spacing: -0.5px;line-height: 130%;padding-top: 2px;}

        .datePickerDiv {flex-direction: column;}
        .datePickerDiv .left_dateSel {width: 100%;}
        .datePickerDiv .selList>li {flex-wrap:wrap;height: auto;}
        .datePickerDiv .selList li>span {width:100%;}
        .datePickerDiv .selList li>ul {width:70%;padding-left: 11px !important;box-sizing: border-box;}
        .datePickerDiv .selList li>ul.wzForm input[type="radio"] + label {font-size:14px;}
        .datePickerDiv .selList li>div {width:30%; text-align:right;}

        .workersPool_Wrap .basicTbl ul {padding-top: 0px;}
        .workersPool_Wrap .agreeForm .subTit {}
        .workersPool_Wrap .agreeForm .subTit>div:not(.wzForm02) {font-size:17px;letter-spacing: -0.5px;}
        .workersPool_Wrap .agreeForm .subTit .wzForm02 input[type="checkbox"] + label {font-size: 14px;font-weight: 400;padding-top: 2px;}
    }







/* 사전 사후 정보방 */
/* list */
.infoRoom_Wrap {} 
.infoRoom_Wrap .guide {font-size: 16px;padding-top:10px;color:#717171;text-align:left;font-family: 'Noto Sans KR';} 
.infoRoom_Wrap .guide:before {content:"!"; width:16px; height:16px; display:inline-block; background:#c1e1cc; background:#ddd; color:#333; border-radius:100%; text-align:center; line-height:15px; font-size:12px; font-weight:600; margin-right:5px; box-sizing:border-box; padding-left:1px;} 
.infoRoom_Wrap td>.guide:first-child {padding-top:0;}
.infoRoom_Wrap td>.guide:first-child + ul {margin-top:10px;}
.infoRoom_Wrap .TongSrchbox {margin-bottom:30px;} 
.infoRoom_Wrap .TongSrchbox fieldset {border:none; text-align:right; display:flex; justify-content:flex-end;} 
.infoRoom_Wrap .TongSrchbox button {border:none;} 
.infoRoom_Wrap .listBox {width:100%;display:flex;flex-direction:column;padding-left: 0 !important;} 
.infoRoom_Wrap .listBox * {font-family: 'Noto Sans KR';}
.infoRoom_Wrap .listBox>li {list-style:none !important; padding:20px; box-sizing:border-box; position:relative; margin-bottom:20px; border:2px solid #ececec;} 
.infoRoom_Wrap .listBox>li>a {color:#333; text-decoration:none; display:flex; justify-content:space-between; align-items:flex-start; gap:10px;} 
.infoRoom_Wrap .listBox>li [class *="exp_"] {font-size:14px; padding:5px 10px; 10px; display:inline-block; border-radius:5px; font-weight:600;} 
.infoRoom_Wrap .listBox>li .exp_before {background:#f6f5f5;} 
.infoRoom_Wrap .listBox>li .exp_after {background:#ffe44b;} 
.infoRoom_Wrap .listBox .beforeInfo {display:flex; flex-grow:1;} 
.infoRoom_Wrap .listBox .beforeInfo ul {display:flex; flex-direction:column;} 
.infoRoom_Wrap .listBox .beforeInfo ul li {list-style:none !important; display:flex; padding-top:8px;} 
.infoRoom_Wrap .listBox .beforeInfo ul li .label {font-size:15px; font-weight:500; color:#696969; margin-right:20px; width:140px;} 
.infoRoom_Wrap .listBox .beforeInfo ul li .label:before {content:""; width:4px; height:4px; display:inline-block; background:#444; border-radius:100%; vertical-align:middle; margin-right:6px; margin-top:-1px;} 
.infoRoom_Wrap .listBox .beforeInfo ul li:first-child {padding-bottom:20px; display:flex; padding:0 0 10px;} 
.infoRoom_Wrap .listBox .beforeInfo ul li:first-child .label {display:none;} 
.infoRoom_Wrap .listBox .beforeInfo ul li:first-child div {font-size:18px; color:#004080; font-weight:600;} 
.infoRoom_Wrap .listBox .beforeInfo ul li:first-child div:not(:last-child):after {content:""; width:5px; height:5px; display:inline-block; background:#004080; border-radius:100%; margin:-3px 10px 0; vertical-align:middle;} 
.infoRoom_Wrap .listBox>li:hover .beforeInfo ul li:first-child div {text-decoration:underline;} 
.infoRoom_Wrap .listBox .beforeInfo ul li:nth-child(2)>div {line-height:22px; text-align:center; padding:3px 7px; background:#f6f7f9; border-radius:3px; font-size:14px; margin-right:5px; vertical-align:middle; display:inline-block; border:1px solid #ddd;} 
.infoRoom_Wrap .listBox .beforeInfo ul li:nth-child(2) ~ li div {font-size:15px; word-break:keep-all;} 
.infoRoom_Wrap .listBox .afterInfo {width:25%; background:#f6f7f9; border:1px solid #ececec; padding:15px; box-sizing:border-box; border-radius:10px; margin-bottom:15px;} 
.infoRoom_Wrap .listBox .afterInfo>div {font-weight:600; width:100%; padding-bottom:10px;} 
.infoRoom_Wrap .listBox .afterInfo ul {display:flex; flex-direction:column; gap:10px;} 
.infoRoom_Wrap .listBox .afterInfo ul li {list-style:none !important; display:flex; justify-content:space-between;} 
.infoRoom_Wrap .listBox .afterInfo ul li .label {font-size:15px; color:#696969;} 
.infoRoom_Wrap .listBox .afterInfo ul li .label:before {content:""; width:4px; height:4px; display:inline-block; background:#444; border-radius:100%; vertical-align:middle; margin-right:6px; margin-top:-1px;} 
.infoRoom_Wrap .listBox .afterInfo ul li .label + div {font-size:18px; font-weight:500; color:#004080; text-align:right;} 
.infoRoom_Wrap .listBox .afterInfo ul li .label + div .won {font-weight:400; font-size:14px; margin-left:3px; color:#838383;} 
.infoRoom_Wrap .listBox .afterInfo ul li .label + div .ico-thumb {} 
.infoRoom_Wrap .listBox .afterInfo ul li .label + div .ico-thumb:before {content:"\f087"; font-family:FontAwesome; color:#696969; margin-right:5px; font-size:19px; vertical-align:middle;} 
.infoRoom_Wrap .listBox .btnbox {text-align:right;} 
.infoRoom_Wrap .listBox .btnbox .wzbtn {padding:8px 10px; font-size:16px; } 
.infoRoom_Wrap .listBox .btnbox .wzbtn:nth-last-child(3) {background:#365ea6; border-color:#365ea6; color:#fff;}

/* write & modify */
.infoRoom_Wrap .basicTbl>tbody>tr>th {font-weight:600;color:#333;text-align:center;font-size:16px;background:#f9f9f9;padding:20px 15px !important;width:15%;text-align:left;border-right:none;border-bottom:1px solid rgba(51, 51, 51, 0.1) !important;vertical-align:top;font-family: 'Noto Sans KR';} 
.infoRoom_Wrap .basicTbl>tbody>tr>td {width:auto; border-left:none; padding-left:20px !important;} 
.infoRoom_Wrap .basicTbl>tbody>tr>td * {font-family: 'Noto Sans KR';}
.infoRoom_Wrap .basicTbl>tbody>tr>td input[type="number"] {max-width:100px;} 
.infoRoom_Wrap .basicTbl>tbody>tr>td label:first-child {} 
.infoRoom_Wrap .basicTbl>tbody>tr>td label:first-child:before {content:""; width:6px; height:6px; display:inline-block; background:#333; border-radius:3px; vertical-align:middle; margin-right:6px;} 
.infoRoom_Wrap .basicTbl>tbody>tr>td>ul {display:inline-flex;width:100%;flex-wrap:wrap;padding-left: 0 !important;} 
.infoRoom_Wrap .basicTbl>tbody>tr>td>ul li {list-style:none; min-width:16.6%;} 
.infoRoom_Wrap .basicTbl>tbody>tr>td>ul li label {width:auto !important;}
.infoRoom_Wrap .basicTbl>tbody>tr>td>ul.wzForm02 li:not(.wd100) + li.wd100:last-of-type {margin-top:10px;}
.infoRoom_Wrap .basicTbl>tbody>tr>td .guardBtnBox .wzbtn {font-size:15px; padding:0 15px; height:42px; line-height:40px;} 
.infoRoom_Wrap .basicTbl>tbody>tr>td .guardBtnBox:last-child>.wzbtn {border:2px solid #333;}
.infoRoom_Wrap td input[type="text"]:disabled, 
.infoRoom_Wrap td input[type="text"]:read-only {border:none !important; background:transparent; height:auto; line-height:normal; padding-left:0 !important; margin-top:0;} 
.infoRoom_Wrap .btn-add:before {content:"+"; font-size:24px; display:inline-block; vertical-align:middle; line-height:normal; margin:-4px 3px 0 -5px;} 

.guardTBL {width:100%; table-layout:fixed; margin-top:10px; border-collapse:collapse;}
.guardTBL thead tr th {word-break:keep-all; font-size:14px; text-align:center; padding:9px 5px; font-weight:500; background:#f1f7f3;} 
.guardTBL tbody tr td {vertical-align:top; font-size:14px; border:1px solid #f1f1f1; padding:10px 7px; border-bottom:1px solid #b5d2bf; text-align:center;} 
.guardTBL tbody tr td>.wzForm {display:inline-flex; margin-left: 20px;}
.guardTBL tbody tr td:last-child {text-align:center;}
.guardTBL tbody tr td:nth-child(3) input[type="text"] {width:auto !important; max-width:70%; vertical-align:middle;} 
.guardTBL tbody tr td:nth-child(3):not(:last-child) {text-align:left;} 
.guardTBL tbody tr:last-child td {border-bottom-color:#f1f1f1;} 
.guardTBL tbody tr td input[type="number"] {max-width:50px !important; text-align:right;} 
.guardTBL tbody tr td .wzbtn {font-size:14px; padding:7px 12px; word-break:keep-all;} 
.guardTBL tbody tr td .btn-upload {border:2px solid #87a391 !important; background:#fff; font-weight:500; font-size:15px;} 
.guardTBL tbody tr td .btn-upload:before {content: "\f15c"; font-family: 'FontAwesome'; font-size: 12px; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0;}
.guardTBL tbody tr td .btn-upload:hover {background:#87a391; color:#fff;} 
.guardTBL tbody tr td>.wzbtn.btn-del {font-size:13px; padding:7px 12px;} 
.guardTBL tbody tr td .fileUploadBox {/* border-top:1px solid #c1e1cc; */padding-top: 5px;/* margin-top:10px; */}
.guardTBL tbody tr td .fileUploadBox input[type="file"] { font-size:13px; vertical-align:middle; height:38px;}
.guardTBL tbody tr td .fileUploadBox input[type="file"]::file-selector-button {display:none;}
.guardTBL tbody tr td .fileUploadBox input[type="file"] + .btn-upload {font-size: 13px;border-width: 1px !important;}
.guardTBL:first-child {margin-top:0;} 
.guardTBL th>div.wzForm02 {margin-top: -10px;}
.guardTBL td>div.wzForm02 {margin-top: 8px;}
.guardTBL div.wzForm02 {display: flex; justify-content: center;}
.guardTBL div.wzForm02 input {line-height: 1px; height: 1px !important;}
.fileList {display:flex; width:100%; gap:5px; flex-wrap:wrap; align-items:flex-start;} 
.fileList:first-child {padding-top:0;} 
.fileList .fileNm {min-width:auto !important; padding:6px 5px 6px 7px; background:#f9f9f9; border:1px solid #ddd; border-radius:5px; line-height:120%; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.fileList .fileNm a {color:#333; font-size:14px; text-decoration:none;} 
.fileList .fileNm .btn-del {background:#ddd; border:none; margin-left:7px; padding:3px 5px; border-radius:3px; cursor:pointer; color:#333;} 
.fileList .fileNm .btn-del:hover:before {color:#fff; cursor:pointer;} 
.fileList .fileNm .btn-down {background:#ddd;border:none;margin-left: 15px;padding:3px 5px;border-radius:3px;cursor:pointer;color:#333;font-size: 12px;}
.fileList .fileNm:last-child {margin-bottom:15px;} 

    /* 안전요원 정보 내 ul */
    .guardTBL .guardInfoUl {}
    .guardTBL .guardInfoUl>li {list-style: none; font-size: 14px; display: flex; flex-wrap: wrap; align-items: center;}
    .guardTBL .guardInfoUl>li b {font-weight:500; width:80px; text-align:left;}
    .guardTBL .guardInfoUl>li span {padding-left:5px;}
    .guardTBL .guardInfoUl>li:before {content:"";width: 4px;height: 4px;display: inline-block;background: #028f5c;border-radius: 100%;vertical-align: middle; margin-right: 5px;}
    .guardTBL .guardInfoUl>li>ul {display: flex; flex-wrap: wrap; gap: 5px; padding-top: 6px; padding-left: 5px;}
    .guardTBL .guardInfoUl>li>ul li {line-height: 22px; text-align: center; padding: 3px 7px; background: #f6f7f9; border-radius: 3px; font-size: 14px; vertical-align: middle; display: inline-block; border: 1px solid #ddd; list-style: none;}

    .guardTBL .guardTimeUl {
    padding-left: 0 !important;
}
    .guardTBL .guardTimeUl>li {list-style:none;padding-bottom: 5px;}
    /*.guardTBL .guardTimeUl>li:before {content:"";width: 4px;height: 4px;display: inline-block;background: #028f5c;border-radius: 100%;vertical-align: middle;margin-right: 5px;} */
    .guardTBL .guardTimeUl>li input {height: 30px; margin-left: 10px;}


.basicTbl thead tr th:nth-last-child(2):nth-child(2), 
.basicTbl tbody tr td:nth-last-child(2):nth-child(2) {text-align:left; padding-left:20px;} 
input[type="date"]::-webkit-calendar-picker-indicator {display:none; } 

    @media (max-width:899px){
        .infoRoom_Wrap .TongSrchbox {}
        .infoRoom_Wrap .TongSrchbox .page_num {text-align:left;}
        .infoRoom_Wrap .TongSrchbox fieldset {flex-direction:column;align-items: flex-start;gap: 10px;}
        .infoRoom_Wrap .TongSrchbox fieldset>div {width:100%;display: flex;justify-content: space-between;}
        .infoRoom_Wrap .TongSrchbox fieldset>div.date_select input {flex-grow: 1; margin: 0 !important; width: 40%;}
        .infoRoom_Wrap .TongSrchbox fieldset>div.date_select span {line-height:39px;padding: 0 5px;}
        .infoRoom_Wrap .TongSrchbox fieldset>div.bdTop_select {gap: 7px;flex-wrap: wrap;}
        .infoRoom_Wrap .TongSrchbox fieldset>div.bdTop_select select {display:flex;flex-grow:1;margin: 0 !important;width: 40%;}
        .infoRoom_Wrap .TongSrchbox fieldset>div.bdTop_search {gap: 7px;}
        .infoRoom_Wrap .TongSrchbox fieldset>div.bdTop_search input {margin: 0 !important; flex-grow: 1;}
        .infoRoom_Wrap .TongSrchbox fieldset>div.bdTop_search button {width: 20%; border-radius: 4px;}

        .infoRoom_Wrap .listBox>li {padding:20px 15px;}
        .infoRoom_Wrap .listBox>li>a {flex-direction:column; gap:0; padding-bottom: 10px;}
        .infoRoom_Wrap .listBox>li [class *="exp_"] { position: absolute;}
        .infoRoom_Wrap .listBox .beforeInfo {width:100%;}
        .infoRoom_Wrap .listBox .beforeInfo ul li:first-child {padding-left: 55px;}
        .infoRoom_Wrap .listBox .beforeInfo ul li:first-child div {font-size:17px;}
        .infoRoom_Wrap .listBox .beforeInfo ul li:nth-child(2) {flex-wrap:wrap;}
        .infoRoom_Wrap .listBox .beforeInfo ul li:nth-child(2)>div {margin-bottom:5px;}
        .infoRoom_Wrap .listBox .beforeInfo ul li .label {font-size:14px;font-weight:600;flex-grow: 0;flex-shrink: 0;width: 100px;}
        .infoRoom_Wrap .listBox .beforeInfo ul li:nth-child(2) ~ li div {font-size:14px;flex-grow: 1;}
        .infoRoom_Wrap .listBox .afterInfo {width:100%;margin-top:10px;padding: 10px 15px; margin-bottom: 0;}
        .infoRoom_Wrap .listBox .afterInfo>div {font-size:15px;padding-bottom: 5px;}
        .infoRoom_Wrap .listBox .afterInfo ul {gap:0;}
        .infoRoom_Wrap .listBox .btnbox {padding-top: 0px;}

        .infoRoom_Wrap .basicTbl>tbody>tr {display:flex;flex-direction: column;}
        .infoRoom_Wrap .basicTbl>tbody>tr>th {width:100%;padding: 15px 10px 5px !important;border-bottom: none !important;font-size: 15px !important;background: transparent;box-sizing: border-box;}
        .infoRoom_Wrap .basicTbl>tbody>tr>td {width:100%;padding: 10px 10px 30px !important;border-top: none;box-sizing: border-box;word-break: keep-all;font-size: 14px !important;}
        .infoRoom_Wrap .basicTbl ul.wzForm02 li {width:33% !important;padding-bottom: 10px;}
        .infoRoom_Wrap .basicTbl ul.wzForm02 li.wd100 {width: 100% !important;}
        .infoRoom_Wrap .basicTbl ul.wzForm02 input[type="checkbox"] + label {font-size:14px;word-break: keep-all;letter-spacing: -0.5px;line-height: 130%;padding-top: 2px;}
        .infoRoom_Wrap .basicTbl>tbody>tr>td>ul.wzForm li {width: 50%; padding-bottom: 5px;}
        .infoRoom_Wrap .basicTbl>tbody>tr>td>ul.wzForm li input[type="text"] {margin: 5px 0 0px 25px;width: calc(100% - 30px);}
        .infoRoom_Wrap .basicTbl>tbody>tr>td>ul li label {font-size:14px;}

        .guardTBL {table-layout: auto;}
        /*.guardTBL colgroup {display:none;}*/
        .guardTBL tbody tr td:nth-child(3) {width: 50%;}
        .guardTBL tbody tr td:nth-child(3) input {width: 90%;max-width: 150px;margin: 0 0 5px;}
        .guardTBL tbody tr td:nth-child(3) input + span {width:5%;}
        .guardTBL tbody tr td>.wzForm {margin:0;}
        .guardTBL tbody tr td>.wzForm li label {font-size:14px;}
    }
    
#beaftfatDiv .wd100.brwd5.brsolid.br-black.clnone.fl.mb30.p20.box-border {background:url(/images/wzwg/cmm/pt_slsh.png);padding:5px;margin:0;box-sizing:border-box;border: none;margin-bottom: 30px;}
#beaftfatDiv .wd100.brwd5.brsolid.br-black.clnone.fl.mb30.p20.box-border h4 {background:#fff;margin-top: 0;padding: 20px 20px 5px;font-size: 18px;text-align: left !important;font-family: 'Noto Sans KR';}
#beaftfatDiv .wd100.brwd5.brsolid.br-black.clnone.fl.mb30.p20.box-border ul {background:#fff;margin: 0 !important;}
#beaftfatDiv .wd100.brwd5.brsolid.br-black.clnone.fl.mb30.p20.box-border ul li {
    text-align: left !important;
    padding: 0 20px 0;
    font-family: 'Noto Sans KR';
    box-sizing: border-box;
    word-break: keep-all;
}




/* popup */
.infoRoomPOP_topBox {background: #f1f7f3;border-radius: 5px;padding: 10px;text-align: center;display: flex;justify-content: center;}
.infoRoomPOP_topBox input[type="text"] {}
.infoRoomPOP_topBox select {background-color:#fff;}
.infoRoomPOP_topBox .btn-srch {padding: 9px 15px;}

.infoRoomPOP_topBox + .srchRsltList {margin: 15px 0;}
.infoRoomPOP_topBox + .srchRsltList ul {list-style: none; margin-bottom: 20px; background: #f9f9f9; border: 1px solid #e5e5e5; border-radius: 5px; padding: 20px 10px; box-sizing: border-box; display: flex; flex-wrap: wrap; max-height: 400px; overflow-y: scroll;}
.infoRoomPOP_topBox + .srchRsltList ul li {padding: 5px 10px;width: 50%;box-sizing: border-box;}
.infoRoomPOP_topBox + .srchRsltList ul li.no-data {text-align:center;padding: 50px 0;width: 100%;color: #838383;font-size: 15px;letter-spacing: 1px;}
.infoRoomPOP_topBox + .srchRsltList ul li input {}
.infoRoomPOP_topBox + .srchRsltList ul li label {}
.infoRoomPOP_topBox + .srchRsltList ul li label span {}
.infoRoomPOP_topBox + .srchRsltList ul li label span:before {content:"";width: 3px;height: 3px;display: inline-block;background: #333;vertical-align: middle;opacity: 0.5;margin: -4px 10px 0 6px;border-radius: 100%;}
.infoRoomPOP_topBox + .srchRsltList .btn-save {}

    @media (max-width:899px){
        .infoRoomPOP_topBox {gap: 5px; flex-wrap: wrap;justify-content: flex-end;}
        .infoRoomPOP_topBox>div {width:100%; display:flex; justify-content:space-between ;}
        .infoRoomPOP_topBox>div input {flex-grow:1;margin: 0;}
        .infoRoomPOP_topBox>select {width:30%;margin-right: 0;}
        .infoRoomPOP_topBox>input {width: 68%;margin: 0;}

        .infoRoomPOP_topBox + .srchRsltList ul li {width:100%;}
        .infoRoomPOP_topBox + .srchRsltList ul li label {font-size:14px;}
    }



/* 문자 미리보기팝업 */
.messageWrap {}
.messageWrap .phoneBox {width:330px;border-radius:30px; padding:20px 30px 90px;background:#eee;box-sizing:border-box;margin: 10px auto;box-shadow: 0px 1px 7px rgba(0,0,0,0.2);}
.messageWrap .phoneBox * {font-family: 'Noto Sans KR';}
.messageWrap .phoneBox .phoneNum {display:flex;flex-direction:column;margin-bottom: 20px;position: relative;padding-left: 25px;}
.messageWrap .phoneBox .phoneNum:before {content:"";width: 13px;height: 13px;border: 2px solid #333;border-width: 0 0 2px 2px;transform: rotate(45deg);box-sizing: border-box;position: absolute;left: 0;top: 50%;margin-top: -5px;}
.messageWrap .phoneBox .phoneNum strong {font-size: 17px;}
.messageWrap .phoneBox .phoneNum p {font-size: 15px;opacity: 0.8; margin-top:3px;}
.messageWrap .phoneBox .txtzone {padding: 25px;background:#fff;border-radius: 30px 30px 30px 10px;font-size: 15px;line-height: 140%;width: 95%;box-sizing: border-box;position: relative;}
.messageWrap .phoneBox .txtzone:before {content:"";width:19px;height:8px;display: inline-block; background:url(/images/wzwg/cmm/messageImg.png);position: absolute;bottom: -6px;left: -5px;}

#smsTxtDiv .wzbtn-lg.btn-black {font-size:16px;}


/* 별점 */
.satisfctnBoxWrap {width:100%;/* border-top:1px solid #c1e1cc; */padding-top: 10px;margin-top: 10px;display: flex;align-items: center;background: #f9f9f9;padding: 10px 15px;box-sizing: border-box;}
.satisfctnBoxWrap .subTblTit {font-weight:500; margin-right:10px;}
.satisfctnBoxWrap .subTblTit:before {content:"";width: 4px;height: 4px;display: inline-block; background:#028f5c; border-radius:100%; vertical-align: middle; margin-right: 5px;}
.satisfctnBoxWrap .satisfctnBox {position:relative;overflow: hidden;padding: 0 4px;box-sizing: border-box;padding-top:2px;}
.satisfctnBoxWrap .satisfctnBox:before {content:"\f006\f006\f006\f006\f006";font-family: 'FontAwesome';letter-spacing:2px; font-size:18px; color:#ffb800;}
.satisfctnBoxWrap .satisfctnBox input[type="radio"] {width:1px;height:1px;overflow:hidden;text-indent:-999px; position:absolute; left:-10px;}
.satisfctnBoxWrap .satisfctnBox input[type="radio"] ~ label {overflow:hidden; text-indent:-999px; position:absolute; left:4px; top:2px;}
.satisfctnBoxWrap .satisfctnBox input[type="radio"] ~ label:hover {cursor:pointer;}
.satisfctnBoxWrap .satisfctnBox input[type="radio"] ~ label:before {text-indent:0; position:absolute; left:0;}
.satisfctnBoxWrap .satisfctnBox input[type="radio"] ~ label:nth-of-type(1) {width: 93px;}
.satisfctnBoxWrap .satisfctnBox input[type="radio"] ~ label:nth-of-type(2) {width: 74px;}
.satisfctnBoxWrap .satisfctnBox input[type="radio"] ~ label:nth-of-type(3) {width: 56px;}
.satisfctnBoxWrap .satisfctnBox input[type="radio"] ~ label:nth-of-type(4) {width: 37px;}
.satisfctnBoxWrap .satisfctnBox input[type="radio"] ~ label:nth-of-type(5) {width: 17px;}

.satisfctnBoxWrap .satisfctnBox input[type="radio"]:nth-child(1):checked ~ label:nth-of-type(1):before,
.satisfctnBoxWrap .satisfctnBox input[type="radio"]:nth-child(2):checked ~ label:nth-of-type(2):before,
.satisfctnBoxWrap .satisfctnBox input[type="radio"]:nth-child(3):checked ~ label:nth-of-type(3):before,
.satisfctnBoxWrap .satisfctnBox input[type="radio"]:nth-child(4):checked ~ label:nth-of-type(4):before,
.satisfctnBoxWrap .satisfctnBox input[type="radio"]:nth-child(5):checked ~ label:nth-of-type(5):before {content:"\f005\f005\f005\f005\f005";font-family: 'FontAwesome';letter-spacing: 2px;font-size: 18px;color: #ffb800;}





@media (min-width:991px) and (max-width:1299px) {} 
@media (max-width:990px) {}