/*기본 팝업창*/

.popup {
    width: 615px;
    height: auto;
    background: #000;
    border: 1px solid #6e6e6e;
    padding: 0;
    margin: auto;
    margin-top: 72px;
}

.popup .popupTop {
    width: 615px;
    height: 50px;
    background: #000;
    padding: 0;
    margin: 0;
    float: left;
}

.popup .popupTitle {
    width: 550px;
    height: 50px;
    float: left;
    font-size: 16px;
    color: #000;
    line-height: 50px;
    padding: 0 0 0 15px;
    margin: 0;
}

.popup .popupIcon {
    width: 25px;
    height: 25px;
    float: left;
    padding: 12px;
    margin: 0;
}

.popup .popupContentWrap {
    width: 615px;
    height: 100%;
    background: #000;
    padding: 0;
    margin: 0;
    overflow: auto;
}

.popup .popupfooter {
    width: 615px;
    height: 33px;
    background: #000;
    text-align: center;
    padding: 0;
    margin: 0;
}
.popupInfoWrap {
  width: 722px;
  height: 80%;
}
.popupInfoWrap.narrow{
  width: 441px;
}

.popupInfo {
  width: 720px;
  height: 100%;
  background: #26262d;
  border-radius: 6px;
  border: 2px solid #000;
  box-shadow: 0 0 10px rgba(0,0,0,.5);

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;

  /*font-family: 'Noto Sans Korean Light', 'Apple SD Gothic Neo', 'NanumGothic', Sans-Serif;*/
}

.popupInfo.narrow{
  width: 100%;
}
/*자막등록팝업*/
.popupInfoWrap.subtitle-upload .popupInfo {
  width: 630px;
  height: 550px;
}
.subtitle-upload .infoEditWrap {
  width: 100%;
  min-height: 32px;
  padding: 30px 0;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.subtitle-upload .infoEditTitle {
  float: left;
  width: 80px;
  font-size: .75rem;
  color: #898ca0;
  text-align: right;
  margin-right: 5px;
  padding: 0 8px 0 15px;
}
.subtitle-upload .fileItem {
  width: 410px!important;
}
.subtitle-upload .infoEdit {
  float: left;
  width: 500px;
  font-size: .8rem;
  text-align: left;
  color: #d2d6e7;
}
.subtitle-upload .beforeAttFile tr {
  font-size: .75rem;
}
.subtitle-upload .beforeAttFile .fileTitle {
  width: 80px;
  color: #898ca0;
  text-align: center;
  line-height: 20px;
}
.subtitle-upload .beforeAttFile .fileName {
  color: #d2d6e7;
  padding-left: 3px;
  line-height: 17px;
}
.subtitle-upload .beforeAttFile .icon {
  width: 20px;
}



.popupInfo .top {
  width: 100%;
  height: 45px;
  background: #2f3038;
  border-bottom: 1px solid #1f1f25;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.popupInfo .topTitle {
  width: 660px;
  height: 45px;
  color: #a0a4b9;
  font-size: 1rem;
  line-height: 45px;
  padding-left: 20px;
  float: left;
  font-family: 'Noto Sans Korean Medium';

  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;

  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.popupInfo .regPopupRefleshBtn,
.popupInfo .regPopupCloseBtn,
.popupInfo .topCloseBtn {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  float: right;
  padding: 2px;
  margin: 5px 5px 0 0;
  cursor: pointer;
}
.popupInfo .regPopupRefleshBtn:hover,
.popupInfo .regPopupCloseBtn:hover,
.popupInfo .topCloseBtn:hover{
  background: #40424a;
}

.popupInfo .content {
  width: 100%;
  height: 100%;

  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;

  overflow-y: auto;
  overflow-x: hidden;
}
/*프로회차 하단 버튼 영역*/
#reqPopupWrap .content {
  position: relative;
}
.popupInfo .bottom {
  width: 100%;
  height: 52px;
  background: #26262d;
  border-top: 1px solid #151517;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  /*float: left;*/

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  position: relative;
}
/* #progOperateWrap .popupInfo .bottom {
  position: relative;
} */
.popupInfo .bottom .bottom-required {
  position: absolute;
  left: 20px;
}
.popupInfo .bottom .button{
  margin: 0 5px;
}
/*공지사항 하단 체크박스*/
.popupInfo .bottom .textPopupYn {
  font-size: .75rem;
  padding-right: 10px;
}
.popupInfo .bottom .textPopupYn input[type="checkbox"] {
  margin-right: 5px;
  margin-top: -1px;
}

/*------ 20200603 비밀번호 변경 팝업 추가 ---------*/
#passwordChangeWrap{
    width: 100%;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    top: 80px;
    margin: 0;
    padding: 0;
}

.login-info-popup-wrap{
  width: 720px;
  border: 2px solid #000;
  border-radius: 7px;
}
.password-change{
  height: 510px;
  background: #dfe0f2;
}
.password-change .close-btn{
  width: 40px;
  height: 40px;
  margin-left: 680px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../_images/password-close_icon_01.png);
  cursor: pointer;
}
.password-change .close-btn:hover{
  background-image: url(../_images/password-close_icon_02.png);
}
.password-change .header{
  height: 112px;
  margin-top: 13px;
  background: #dfe0f2;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.password-change .header .icon{
  width: 241px;
  text-align: right;
}
.password-change .header .title{
  width: 479px;
  text-align: right;
  margin-bottom: 20px;
  font-size: 19px;
  color: #494a59;
}
.password-change .header .sub-title{
  height: 30px;
  margin-top: 20px;
  font-size: 19px;
  color: #494a59;
}
.password-change .header .main-title{
  height: 43px;
  margin-bottom: 22px;
  font-size: 28px;
  color: #603fb5;
}
.password-change .content-wrap{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.password-change .content{
  height: 45px;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}
.password-change .content .caption{
  width: 223px;
  margin-right: 18px;
  font-size: 12px;
  color: #5c5d6e;
  text-align: right;
}
.password-change .content .value{
  width: 479px;
  font-size: 15px;
  color: #141519;
  font-weight: bold;
}
.password-change .content .value.guide-text{
  font-size: 13px;
  color: #a62d55;
}
.password-change .content input{
  width: 238px;
  height: 25px;
  background: #ecedfa;
  border: 1px solid #9697b0;
  border-radius: 3px;
  font-size: 15px;
  font-weight:  bold;
  color: #141519;
  padding: 5px 10px;
}
.password-change .btn-wrap{
  height: 100px;
  margin-bottom: 20px;

  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;


  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.password-change .btn-wrap button{
  width: 110px;
  height: 36px;
  color: #43486d;
  background: #fff;
  font-size: 15px;
  border-radius: 3px;
  border: 1px solid #505d93;
  cursor: pointer;
}
.password-change .btn-wrap button.blue{
  width: 140px;
  margin-right: 10px;
  margin-left: 20px;
  color: #fff;
  background: #5779ff;
  border-color: #2b46af;
}


.login-info-popup-wrap{
    width: 720px;
    border: 2px solid #000;
    border-radius: 7px;
}
.password-change{
  height: 510px;
  background: #dfe0f2;
}
.attention-info .close-btn,
.password-change .close-btn{
  width: 40px;
  height: 40px;
  margin-left: 680px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../_images/password-close_icon_01.png);
  cursor: pointer;
}
.attention-info .close-btn:hover,
.password-change .close-btn:hover{
  background-image: url(../_images/password-close_icon_02.png);
}
.attention-info .header,
.password-change .header{
  height: 112px;
  margin-top: 13px;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.attention-info .header .icon,
.password-change .header .icon{
  width: 241px;
  text-align: right;
}
.attention-info .header .icon{
  width: 221px;
  margin-right:  20px;
  text-align: right;
}
.attention-info .header .title,
.password-change .header .title{
  width: 479px;
  margin-bottom: 20px;
  font-size: 19px;
  color: #494a59;
}
.password-change .header .sub-title{
  height: 30px;
  margin-top: 20px;
  font-size: 19px;
  color: #494a59;
}
.password-change .header .main-title{
  height: 43px;
  margin-bottom: 22px;
  font-size: 28px;
  color: #603fb5;
}
.attention-info .content-wrap,
.password-change .content-wrap{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.attention-info .content,
.password-change .content{
  height: 45px;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.attention-info .content .caption,
.password-change .content .caption{
  width: 223px;
  margin-right: 18px;
  font-size: 12px;
  color: #5c5d6e;
  text-align: right;
}
.attention-info .content .value,
.password-change .content .value{
  width: 479px;
  font-size: 15px;
  color: #141519;
  font-weight: bold;
}
.password-change .content .value.guide-text{
  font-size: 13px;
  color: #a62d55;
}
.password-change .content input{
  width: 238px;
  height: 25px;
  background: #ecedfa;
  border: 1px solid #9697b0;
  border-radius: 3px;
  font-size: 15px;
  font-weight:  bold;
  color: #141519;
  padding: 5px 10px;
}
.password-change .btn-wrap{
  height: 100px;
  margin-bottom: 20px;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.password-change .btn-wrap button{
  width: 110px;
  height: 36px;
  color: #43486d;
  background: #fff;
  font-size: 15px;
  border-radius: 3px;
  border: 1px solid #505d93;
  cursor: pointer;
}
.password-change .btn-wrap button.blue{
  width: 140px;
  margin-right: 10px;
  margin-left: 20px;
  color: #fff;
  background: #5779ff;
  border-color: #2b46af;
}

.attention-info{
  height: 300px;
  background: #efe3e0;
}
.attention-info.short{
  height: 210px;
}
.attention-info .content .value .email-link{
  color: #4559e9;
  cursor: pointer;
}
.attention-info .close-btn.attention{
  background-image: url(../_images/info-close_icon_01.png);
}
.attention-info .close-btn.attention:hover{
  background-image: url(../_images/info-close_icon_02.png);
}
.attention-info .header .main-title{
  margin: 15px 0;
  font-size: 26px;
  line-height: 2.4rem;
  color: #910031;
}
.attention-info .header .main-title.small-font{
  margin: -10px 0;
  font-size: 20px;
}
.attention-info .header .main-title.dark-red{
  margin: 0;
  color: #4a1a2a;
  font-size: 17px;
}
.attention-info .content{
  height: 35px;
}
.attention-info .content .value{
  font-size: 18px;
}




/*작업 목록*/
.job-group{
  width: calc(100% - 20px);
  height: auto;
  margin: 0 10px;
  border-bottom: 1px solid #161619;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;

  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.job-group:last-child {
  border-bottom: none;
}

.single-job {
  width: 110px;
  height: 100px;
  margin: 20px 14px 10px 14px;
  padding: 5px;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  cursor: pointer;
}
.single-job .image {
  width: 91px;
  height: 60px;
  background: #3c3c48;
  border-radius: 3px;
  border: 1px solid #474755;
}
.single-job .image:hover {
  background: #41467f;
  border: 1px solid #4b508a;
}
.single-job .caption {
  line-height:  30px;
  color: #d2d6e7;
}





/*//////2014-12-30 콘텐츠정보편집 상단 정보수정///////*/
.popupInfo #regEditContent {
  font-size: .8rem;
}
.popupInfo table, tr {
  width: 100%;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  min-width: unset;
}

.popupInfo .content .upLoadWrap {
  width: 680px;
  float: left;
  padding-left: 20px;
}

.popupInfo .content .upLoadProgressWrap {
  width: 620px;
  float: left;
  padding: 10px 0 20px 0;
}


/*퍼센트 나오는 css*/

.popupInfo .content .upLoadProgressPer {
  width: 45px;
  float: left;
  color: #282828;
  font-size: 12px;
  line-height: 27px;
  padding-left: 5px;
  text-align: right;
}
.popupInfo .content #upLoadProgressComplete,
.popupInfo .content #upLoadProgressError,
.popupInfo .content #upLoadProgressBack {
  width: 620px;
  height: 8px;
  float: left;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/*대기*/
.popupInfo .content #upLoadProgressBack {
  background: #d9d9d9;
}
.popupInfo .content #upLoadProgress {
  height: 8px;
  float: left;
  background: #71ed01;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/*에러*/
.popupInfo .content #upLoadProgressError {
  background: #e54444;
  display: none;
}
/*완료*/
.popupInfo .content #upLoadProgressComplete {
  background: #cce8b3;
  display: none;
}


.popupInfo .content .selectFileBtn {
  width: 83px;
  height: 30px;
  float: right;
}

.popupInfo .content .title {
  width: 120px;
  height: 13px;
  float: left;
  color: #9ba0e5;
  color: #71b8ac;
  font-size: .9rem;
  line-height: 13px;
  padding-top: 12px;
  margin-left: 28px;
}

.popupInfo .content .subMenuWrap {
  height: 36px;
  float: right;
  padding-right: 15px;
}

.popupInfo .subMenuWrap .leftSubMenuWrap {
  float: left;
  padding-top: 10px;
}


.popupInfo .subMenuWrap .headerBarWrap {
  float: left;
}

.popupInfo .subMenuWrap .rightSubMenu {
  float: right;
}
.popupInfo .content .line {
  width: 100%;
  float: left;
}

.popupInfo .policySelectWrap {
  margin-top: 0;
}

.popupInfo .listTitleL4,
.popupInfo .listTitleL2,
.popupInfo .listTitleL11,
.popupInfo .listTitleL1,
.popupInfo .listPolicyTitle {
  width: 135px;
  font-size: .75rem;
  color: #898ca0;
  line-height: 30px;
  text-align: right;
  padding: 0 13px 0 30px;
}
.popupInfo .listTitleL11 {
  width: 150px;
}
.popupInfo .listTitleL11 + .listDataInfo2 {
  width: 210px;
}

.popupInfo .listPolicyContent {
  font-size: .7rem;
  color: #898ca0;
  line-height: 13px;
  text-align: left;
  padding: 5px 0;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.popupInfo .listPolicyContent>div{
  margin-right: 4px;
}

.popupInfo .listDataInfo1,
.popupInfo .listContent {
  line-height: 30px;
  padding: 3px 0;
}

.popupInfo .listDataInfo {
  float: left;
  width: 550px;
  padding: 5px 0;
  text-align: left;
}
.popupInfo .listDataInfo #prdDetail_PGMPOPUP span,
.popupInfo .listDataInfo #epDetail_PGMPOPUP span {
  vertical-align: middle;
}
.popupInfo .listDataInfo a img {
  vertical-align: middle;
}
.popupInfo input + span {
  vertical-align: middle;
}
.popupInfo input + span.info {
  color: #78789f;
  font-size: .7rem;
  padding-right: 10px;
  line-height: 11px;
  margin-left: 5px;
}
.popupInfo .listDataInfo2 {
  float: left;
  line-height: 25px;
  padding: 5px 0;
  text-align: left;
}

.popupInfo .listDataInfo3 {
  width: 220px;
  width: 200px;
  float: left;
  line-height: 13px;
  padding: 5px 0;
  text-align: left;
}

.popupInfo .listDataEdit {
  width: 540px;
  font-size: .75rem;
  line-height: 30px;
  text-align: left;
}

.popupInfo .textA {
  float: left;
  width: 525px;
  height: 51px;
  font-size: 12px;
  color: #000;
  line-height: 17px;
  text-align: left;
  resize: none;
}


.popupInfo .bottomBeforeEditBtn {
  width: 95px;
  height: 36px;
  float: right;
  padding-top: 7px;
  padding-right: 13px;
}

.popupInfo .reworkBtn {
  color:#4559e9;
  font-size:12px;
  line-height:25px;
  cursor: pointer;
  text-align: right;
  padding-right: 20px;
}





.popupInfo #newFileInfo {
  width: calc(100% - 10px);
  padding: 0 0 15px 0;
  margin: 0 0 0 10px;
  border-bottom: 1px solid #151519;
  float: left;
}

.popupInfo #newFileInfo .clipName {
  width: 100%;
  height: auto;
  line-height: 20px;
  padding: 10px 20px;
  font-size: .85rem;
}
.popupInfo #newFileInfo .info-wrap {
  width: 100%;
  height: 20px;
  
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
} 
.popupInfo #newFileInfo .info-wrap > .clipInfoTitle {
  width: 80px;
  text-align: right;
}
.popupInfo #newFileInfo .info-wrap > .clipInfo {
  min-width: 115px;
  /* line-height: 30px; */
}
.popupInfo #newFileInfo .info-wrap > .clipInfo:last-child {
  width: 220px;
}
.popupInfo #newFileInfo .clipInfoTitle {
  height: 25px;
  line-height: 12px;
  padding: 0 3px 0 20px;
  font-size: .75rem;
  color: #898ca0;
  float: left;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.popupInfo #newFileInfo .clipInfo {
  height: 25px;
  line-height: 12px;
  padding: 0 5px;
  font-size: .75rem;
  /* color: #9c9fb4; */
  float: left;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.popupInfo #newFileInfo .clipInfo > input[type="checkbox"] {
  margin-left: 15px;
}
/*위치*/
.popupInfo #newFileInfo .clipInfo[data-fileinfo="TEMPPATH"] {
  width: 125px;
}
/*크기*/
.popupInfo #newFileInfo .clipInfo[data-fileinfo="FILESIZE"] {
  width: 180px;
}
/*생성일자*/
.popupInfo #newFileInfo .clipInfo[data-fileinfo="FILECDATE"] {
  width: 190px;
}
/*재생길이*/
.popupInfo #newFileInfo .clipInfo[data-fileinfo="FILEDUR"] {
  width: 98px;
}
/*오디오*/
.popupInfo #newFileInfo .clipInfo[data-fileinfo="FILEAINFO"] {
  width: 171px;
}
/*비디오*/
.popupInfo #newFileInfo .clipInfo[data-fileinfo="FILEVINFO"] {
    width: 220px;
    letter-spacing: -0.5px;
}
.popupInfo #newFileInfo .multipleReg {
  width: 100%;
  padding: 7px 0 0 20px;
  float: left;
}
.popupInfo #newFileInfo .multipleReg .clipTitle {
  width: 60px;
  font-size: 11px;
  line-height: 22px;
  color: #898ca0;
  float: left;
}
.popupInfo #newFileInfo .multipleReg .multipleClipName {
  width: 585px;
  font-size: .75rem;
  text-align: left;
  line-height: 22px;
  margin-left: 3px;
  float: inherit;
}

/*필수항목에 추가되는 색상*/
.colorRequired {
  background-color: #fffc97;
}

/*//////2015-10-01 drag & drop추가 ///////*/


/*기존에 있던 첨부파일 테이블 */
.popupInfo .listDataInfo .beforeAttFile {
  width: 540px;
  padding: 7px 0 12px 0;
  border-spacing: 0;
  margin: 0;
  margin-bottom: 10px;
  float: left;
  border-bottom: 1px dashed #cacaca;
}

.popupInfo .listDataInfo .beforeAttFile tr {
  font-size: 12px;
}

.popupInfo .listDataInfo .beforeAttFile .fileTitle {
  width: 90px;
  color: #676767;
  text-align: right;
  line-height: 20px;
}

.popupInfo .listDataInfo .beforeAttFile .fileName {
  color: #000;
  padding-left: 10px;
  line-height: 17px;
  font-weight: bold;
}

.popupInfo .listDataInfo .beforeAttFile .icon {
  width: 20px;
}


/*첨부파일 테이블 */
.popupInfo .listDataInfo .attFileInfo {
  width: 540px;
  padding: 0 0 17px 0;
  border-spacing: 0;
  margin: 0;
  float: left;
}

.popupInfo .listDataInfo .attFileInfo tr {
  font-size: .75rem;
  min-height: 23px;
}

.popupInfo .listDataInfo .attFileInfo .selectTitle {
  width: 90px;
  text-align: right;
}

.popupInfo .listDataInfo .attFileInfo .fileName {
  color: #d2d6e7;
  padding: 0 10px;
  width: 400px;
}

.popupInfo .listDataInfo .attFileInfo .progressBarWrap {
  width: 100px;
}

.popupInfo .listDataInfo .attFileInfo .progressImg {
  height: 8px;
  background-color: #1f8b73;
  float: left;
}
.popupInfo .listDataInfo .attFileInfo .progressBar {
  width: 100px;
  height: 8px;
  background-color: #31313c;
  float: right;
  position: relative;
}
.popupInfo .listDataInfo .attFileInfo .progressReady,
.popupInfo .listDataInfo .attFileInfo .progressComplete,
.popupInfo .listDataInfo .attFileInfo .progressError {
  width: 100px;
  height: 8px;
  border-radius: 3px;
  border: 1px solid #0d0d0f;
  float: right;
}
.popupInfo .listDataInfo .attFileInfo .progressError {
  background-color: #e54444;
}
.popupInfo .listDataInfo .attFileInfo .progressComplete {
  background-color: #5f6279;
}

.popupInfo .listDataInfo .attFileInfo .progressReady {
  background-color: #31313c;
}

.popupInfo .listDataInfo .attFileInfo .icon {
  width: 20px;
  padding-top: 4px;
}

.popupInfo .listDataInfo .attFileInfo .selectTitle>select {
  margin: 2px 0;
}


/*파일찾기 영역 */
.popupInfo .listDataInfo .findFile {
  float: left;
  width: 540px;
  height: 25px;
  margin-bottom: 20px;
}


/*drap & drop 각각 아이템 */
.popupInfo .listDataInfo .fileItem
{
  margin:0 26px 26px 0;
  padding:20px;
}

/*
.popupInfo .listDataInfo .fileItem
{
  float:left;
  width:245px;
  height:112px;
  border-radius:5px;
  background-color:#f3f3f3;
  border:1px solid #d3d3d3;
  margin:0 26px 26px 0;
}
.popupInfo .listDataInfo .fileItem p
{
  text-align:center;
  font-size:24px;
  color:#6e6e6e;
  height:45px;
  line-height:45px;
  margin-bottom:0;
}
.popupInfo .listDataInfo .fileItem span
{
  text-align:center;
  font-size:15px;
  color:#b6b6b6;
  line-height:10px;
  height:15px;
  width:100%;
  display:inline-block;
}
/*drap & drop 오버 시 아이템 */

.popupInfo .listDataInfo .fileItemOver {
  float: left;
  width: 245px;
  height: 112px;
  border-radius: 5px;
  background-color: #f3f3f3;
  border: 1px dashed #b2b2b2;
  margin: 0 26px 26px 0;
}

.popupInfo .listDataInfo .fileItemOver p {
  text-align: center;
  font-size: 24px;
  color: #4b59c6;
  height: 45px;
  line-height: 45px;
  margin-bottom: 0;
}

.popupInfo .listDataInfo .fileItemOver span {
  text-align: center;
  font-size: 15px;
  color: #a4aee3;
  line-height: 10px;
  height: 15px;
  width: 100%;
  display: inline-block;
}

/*drap & drop 파일 드랍 시 아이템 */
.popupInfo .listDataInfo .fileItemDrop {
  float: left;
  width: 245px;
  height: 112px;
  border-radius: 5px;
  background-color: #e9edff;
  border: 1px dashed #9396ff;
  margin: 0 26px 26px 0;
}

.popupInfo .listDataInfo .fileItemDrop p {
  text-align: center;
  font-size: 24px;
  color: #4b59c6;
  height: 45px;
  line-height: 45px;
  margin-bottom: 0;
}

.popupInfo .listDataInfo .fileItemDrop span {
  text-align: center;
  font-size: 15px;
  color: #a4aee3;
  line-height: 10px;
  height: 15px;
  width: 100%;
  display: inline-block;
}



/*---------------2023 팝업 공통사용--------------------------*/
.content.row {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.content-wrapper .content-item-group {
  margin: 0 0 20px 0;
}
.content-wrapper .content-item-group .title,
.content-wrapper .content-item-group .line {
  float: unset;
}
.content-wrapper .content-item-group .title {
  width: calc(100% - 20px);
  height: 50px;
  padding-top: 12px;
  border-top: 1px solid #151519;
  border-top: 1px solid #1d1d22;
  margin: 30px 15px 0 15px;
  text-indent: 20px;
}
.content-wrapper .content-item-group .space {
  width: 100%;
  height: 40px;
}
#clipDetail #clMainBody .content-wrapper .content-item-group .title {
  width: 100%;
  color: #71b8ac;
  font-size: .95rem;
  line-height: 8px;
  margin-left:  0;
  text-indent: 11px;
  border-top: 1px solid #161619;
}
.content-wrapper .content-item-group .title.first {
  margin-top: 0;
  border-top: unset;
}
.content-wrapper .content-item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.content-wrapper .content-item.align-top {
  -ms-flex-align: start;
  -webkit-align-items: start;
  align-items: start;
}
.content-wrapper .content-item.align-top .caption {
  line-height: 27px;
}
.content-wrapper .caption {
  width: 150px;
  font-size: .75rem;
  color: #898ca0;
  line-height: 30px;
  text-align: right;
  padding: 0 13px 0 30px;
}
.content-wrapper .value {
  width: calc(100% - 150px);
  color: #c3c9df;
  padding: 4px 20px 4px 0;
  font-family: 'Noto Sans Korean Light';
}
/* 상단 정렬 시 행간 넓게*/
.content-wrapper .content-item.align-top .value {
  line-height: 1.3rem;
}
/*회차색상*/
.content-wrapper .value.blue {
  color: #8bc3b5;
}
.content-wrapper .value.attachment {
  line-height: 1.3rem;
}
.content-wrapper .value.attachment span img {
  vertical-align: middle;
  margin-right: 3px;
}
.content-wrapper .value.attachment div span:first-child {
  width: 65px;
  margin-right: 10px;
  /*color: #898ca0;
  color: #78789f;*/
  display: inline-block;
}
.content-wrapper .beforeAttFile .fileTitle {
  width: 80px;
}
.content-wrapper .beforeAttFile .icon {
  width: 25px;
}
.content-wrapper .value span.info {
  height: unset;
  line-height: unset;
  padding: 0 5px;
}
/*프로/회차 프로그램 운영 정보 팝업 - 팀폴더*/
.content-wrapper .value .team-folder {
  float: left;
  width: 100%;
  margin-right: 30px;
  margin-top: 5px;
}
.content-wrapper .value .folder-mac,
.content-wrapper .value .folder-win {
  line-height: 17px;
  font-size: .65rem;
  color: #898ca0;

  display: block;
}
.content-wrapper .value .team-folder img {
  vertical-align: middle;
  margin-right: 5px;
}
/*프로/회차 프로그램 운영 정보 팝업 - 권한 ad적용 버튼 */
.content-wrapper .value select[name="hiFmt"] + button {
  float: right;
  margin-right: 18px;
}
.content-header {
  height: 46px;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.content-header > div,
.content-header form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  margin-top: 3px;
}

.content-list {
  height: calc(100% - 46px);
}
#regPgmListTable.content-list,
#regPgmEpListTable.content-list {
  height: calc(100% - 78px);
}
#progRequestListWrap .content-list {
  height: calc(100% - 100px);
}
.content-list {
  padding: 0 20px;
}
.content-header {
  border-bottom: 1px solid #151517;
  margin: 0 15px;
}
/*상세보기팝업 텝 내부리스트 포함*/
#clipDetail .content.episode .l-list-header,
#clipDetail .content.program .l-list-header,
.popupInfo .l-list-header {
	background: transparent;
	border-left: unset;
	border-right: unset;
	border-bottom: 1px solid #151517;
  border-top: 1px solid #151517;
}
#clipDetail .content.episode .content-header,
#clipDetail .content.program .content-header,
#progBisWrap .content-header,
#progRequestListWrap .content-header {
  border-bottom: unset;
}
#clipDetail .content-wrapper .content.episode .caption,
#clipDetail .content-wrapper .content.program .caption {
  width: 120px;
  padding-left: 10px;
}
#clipDetail .content-wrapper .content.episode .value,
#clipDetail .content-wrapper .content.program .value {
  width: calc(100% - 120px);
}
#clipDetail .content.episode .l-list-header table,
#clipDetail .content.program .l-list-header table {
  min-width: unset;
}
#clipDetail .content.program .content-header input[type="text"] {
  width: 80px;
}
#clipDetail .content.program .content-header input[name="searchWord"] {
  width: 130px;
}
/*요청목록 팝업*/
.content-header form:last-child label {
  margin-right: 5px;
  line-height: 30px;
}
.content-header form:last-child select,
.content-header form:last-child input{
  margin-right: 5px;
}
.content.episode .content-header form:last-child select {
  margin-left: 10px;
}
/*프로그램 제작 정보*/
.content-wrapper .value.logo div:last-child {
  width: calc(100% - 215px);
  height: 100%;
  margin-left: 10px;
  float: left;
}
/*로고 drag & drop*/
.popupInfo .fileItem{
  margin: 0 26px 26px 0;
  padding: 20px;
}
/*첨부파일 테이블 */
.popupInfo .infoEdit .attFileInfo {
  width: 500px;
  padding: 0 0 17px 0;
  border-spacing: 0;
  margin: 0;
  float: left;
  height: auto;
}
.popupInfo .infoEdit .attFileInfo tr {
  font-size: 12px;
  min-height: 23px;
}
.popupInfo .infoEdit .attFileInfo .selectTitle {
  width: 90px;
  text-align: right;
}
.popupInfo .infoEdit .attFileInfo .fileName {
  color: #d2d6e7;
  padding: 0 10px;
  width: 400px;
}
.popupInfo .infoEdit .attFileInfo .progressBarWrap {
  width: 100px;
}

.popupInfo .infoEdit .attFileInfo .progressImg {
  height: 8px;
  background-color: #1f8b73;
  float: left;
}
.popupInfo .infoEdit .attFileInfo .progressBar {
  width: 100px;
  height: 8px;
  background-color: #31313c;
  float: right;
  position: relative;
}
.popupInfo .infoEdit .attFileInfo .progressReady,
.popupInfo .infoEdit .attFileInfo .progressComplete,
.popupInfo .infoEdit .attFileInfo .progressError {
  width: 100px;
  height: 8px;
  border-radius: 3px;
  border: 1px solid #0d0d0f;
  float: right;
}
.popupInfo .infoEdit .attFileInfo .progressError {
  background-color: #e54444;
}
.popupInfo .infoEdit .attFileInfo .progressComplete {
  background-color: #5f6279;
}

.popupInfo .infoEdit .attFileInfo .progressReady {
  background-color: #31313c;
}

.popupInfo .infoEdit .attFileInfo .icon {
  width: 20px;
  padding-top: 2px;
}
.popupInfo .infoEdit .attFileInfo .selectTitle>select {
  margin: 2px 0;
}
/*파일찾기 영역 */
.popupInfo .infoEdit .findFile {
  float: left;
  width: 500px;
  height: 25px;
  margin-bottom: 20px;
  margin-top: 5px;
}
/*프로그램 / 회차 상세정보*/
#progEpsoideWrap .content,
#progProduceWrap .content {
  overflow-y: unset;
}
#progEpsoideWrap .content form,
#progProduceWrap .content form {
  height: 100%;
}
#progEpsoideWrap .content-wrapper,
#progProduceWrap .content-wrapper {
  height: calc(100% - 46px);
  overflow-y: auto;
}
/*tab*/
.popupInfo .tab-container {
  padding-left: 150px;
  margin: 25px 0 10px 0;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.popupInfo .tab-container .tab-bottom-line {
  width: 250px; 
  border-bottom: 1px solid #151519;
  display: none;
}
.popupInfo .tab-container .tab-item {
  width: 163px;
  height: 27px;
  line-height: 24px;
  color: #8992ab;
  background: #26262d;
  border: 1px solid #3c4356;
  text-align: center;
  border-radius: 3px;
}
.popupInfo .tab-container .tab-item:first-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
  border-right: unset;
}
.popupInfo .tab-container .tab-item:nth-child(2) {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.popupInfo .tab-container .tab-item.is-selected {
  color: #d2d6e7;
  background: #3c4356;
}
/*에피소드 폰트 색상*/
.popupInfo .tab-episode .value,
.popupInfo .tab-episode input[type="text"],
.popupInfo .tab-episode textarea,
.popupInfo .tab-container .tab-item.is-selected.epi-color {
    color: #a5cdff;
    color: #67a7f1;
}

.popupInfo .content-list .list table tr td {
  padding: 8px 5px;
}
.popupInfo .content-list .list table tr td:last-child {
  padding-right: 20px;
  padding-right: 10px;
}
.popupInfo .l-list-header .checkBox {
  padding-left: 5px;
}
.popupInfo .content-list .list table tr:hover {
  background: #393a44;
  cursor: pointer;
}
.popupInfo .content-list .list table tr.selected:hover {
  background: #2e305b;
}
/*프로그램 운영정보*/
#progOperateWrap .content-wrapper .value.is-popup {
  position: relative;
}
#progOperateWrap .content-wrapper .value .address-item {
  float: left;
  width: 100%;
  height: 75px;
  position: relative;
}
#progOperateWrap .content-wrapper .value.is-popup #addressListP {
  top: 25px;
  right: 35px;
}
#progOperateWrap .bis-channel {
  padding: 3px 0;
  
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#progOperateWrap .bis-channel span.pgmname,
#progOperateWrap .bis-channel span.pgmid {
  margin-left: 12px;
}
#progOperateWrap .bis-channel span.pgmname {
  width: 230px;
  /*color: #898ca0;*/
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#progOperateWrap .bis-channel input[type="checkbox"] + span.channel-name {
  margin-left: 5px;
  width: 100px;
}
/*BIS 프로그램 선택 팝업*/
#progBisWrap .popupInfoWrap {
  width: 600px;
  height: 500px;
}
#progBisWrap .popupInfoWrap .popupInfo {
  width: 600px;
  height: 500px;
}


/*인제스트 추가 작업 / 프로그램 검색 팝업 팝업*/
#program-search-wrap .popupInfoWrap,
#ingest-add-work-wrap .popupInfoWrap {
  width: 1000px;
  height: 80%;
}
#program-search-wrap .popupInfoWrap .popupInfo,
#ingest-add-work-wrap .popupInfoWrap .popupInfo {
  width: 1000px;
  height: 80%;
}
#ingest-add-work-wrap .popupInfo .content {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.low {
  height: calc(50% - 25px);
}
.medium {
  height: 50px;
  border-top: 2px solid #151517;
}
.high {
  height: calc(50% - 25px);

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.two-depth .high {
  height: 100%
}
#p-left-section,
#p-right-section,
#p-bottom-section {
  height: 100%;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#p-left-section {
  width: 40%;
  border-right: 2px solid #151517;
}
#p-right-section {
  width: 60%;
}
#p-bottom-section {
  height: 95%;
  border-top: 2px solid #151517;
}


#ingest-add-work-wrap .p-left-section {
  width: 320px;
}
#ingest-add-work-wrap .p-right-section {
  width: calc(100% - 320px);
}
.status-caption {
  width: 50px;
  font-size: .75rem;
  color: #898ca0;
  margin-right: 10px;
}
.status-value {
  width: 60px;
  font-size: 1.1rem;
  margin-right: 20px;
}




/*인제스트 상세정보팝업*/
#inFileDetailWrap .content .title {
  width: calc(100% - 36px);
  height: 40px;
  color: #71b8ac;
  font-size: 0.9rem;
  line-height: 32px;
  padding: 0px 0px 10px 10px;
  margin: 10px 18px 0px;
  border-top: 1px solid #161619;
}
#inFileDetailWrap .content div:first-child .title {
  border-top: unset;
}

#inFileDetailWrap .content .listTitle {
  width: 110px;
  padding-left: 32px;
  font-size: 0.75rem;
  color: rgb(137, 140, 160);
  text-align: right;
  word-break: break-word;
}

#inFileDetailWrap .content .listContent {
  width: 560px;
  font-size: 0.8rem;
  line-height: 1.1rem;
  padding: 0px 25px 0px 10px;
}
#inFileDetailWrap .content .listG2, 
#inFileDetailWrap .content .listW2 {
  width: 100%;
  height: 45px;
  margin: 5px 0px;
  float: left;
}
#inFileDetailWrap .content .listG tr {
  width: 100%;
  padding: 7px 0px;
  float: left;
}
#inFileDetailWrap .content .fileHistoryWrap,
#inFileDetailWrap .content .FileInfoWrap {
  padding: 0px 0px 40px;
}
#inFileDetailWrap .content .listHistoryInfo {
  float: left;
  width: 180px;
  padding: 0 10px 0 40px;
}
#inFileDetailWrap .content .listHistoryInfo .listDateTime,
#inFileDetailWrap .content .listHistoryInfo .listWorker {
  text-align: right;
  line-height: 17px;
}
#inFileDetailWrap .content .listHistoryInfo .listDateTime b {
  font-weight: normal;
}
#inFileDetailWrap .content .listHistoryWorkFlow {
  float: left;
  padding-left: 12px;
  width: 470px;
  text-align: center;
}

#inFileDetailWrap .content .listHistoryWorkFlow .workStage {
  width: 60px;
  height: 40px;
  line-height: 30px;
  background-repeat: no-repeat;
  color: rgba(255, 255, 255, 0.8);
}

#inFileDetailWrap .content .listHistoryWorkFlow .workWaitTime {
  width: 70px;
  line-height: 8px;
  vertical-align: bottom;
  font-family: "Noto Sans Korean Bold";
}

#inFileDetailWrap .content .listHistoryWorkFlow .workProcessingTime {
  width: 207px;
  height: 15px;
  line-height: 8px;
  vertical-align: bottom;
}
#inFileDetailWrap .content .listHistoryWorkFlow .workProcessingTime:nth-child(2) {
  width: 70px;
}
#inFileDetailWrap .content .listHistoryWorkFlow .workSpendTime {
  width: 58px;
  font-family: "Noto Sans Korean Bold";
}

#inFileDetailWrap .content .listHistoryWorkFlow .workArrow1 {
  width: 70px;
  height: 25px;
}

#inFileDetailWrap .content .listHistoryWorkFlow .workArrow2 {
  width: 207px;
  height: 25px;
}

#inFileDetailWrap .content .listContent > span.info {
  font-size: 11px;
  font-weight: normal;
  color: rgb(84, 84, 84);
}

/*프로그램 검색*/
#pgmSearchProd .popupInfoWrap {
  width: 1200px;
  height: 90%;
}
#pgmSearchProd .popupInfo {
  width: 1200px;
}
#pgmSearchProd .content-header {
  margin: 0;
  padding: 0 10px;
  border-bottom: unset;
}
#pgmSearchProd .content-header span{
  color: #898ca0;
  font-size: .75rem;
}
#pgmSearchProd .content-header form[name="epiSearchForm"] {
  width: 630px;
  position: relative;
}
#pgmSearchProd .content-header form[name="epiSearchForm"] div:last-child{
  position: absolute;
  right: 10px;
}
#pgmSearchProd .content-header form[name="epiSearchForm"] + div {
  width: 120px;
}
#pgmSearchProd .content-header input[type="number"],
#pgmSearchProd .content-header select {
  margin-left: 6px;
}
#pgmSearchProd .content-header input[type="number"] {
  margin-right: 5px;
  width: 40px;
}
#pgmSearchProd .content-list {
  padding: 0;
}
#pgmSearchProd .medium > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  line-height: 20px;
}
#pgmSearchProd .medium > div:first-child {
  padding-top: 5px;
}
#pgmSearchProd .pgm-caption {
  width: 105px;
  font-size: .75rem;
  color: #898ca0;
  text-align: right;
  margin-right: 10px;
}
#pgmSearchProd .pgm-value {
  width: calc(100% - 105px);
}

/*등록 --> 회차 / 프로그램 상세정보 / 프로그램 운영정보 / 콘텐츠 권리 정보 편비 팝업 폰트 사이즈*/
#progRightWrap,
#progOperateWrap,
#progEpsoideWrap,
#progProduceWrap,
#bisListTable {
  font-size: .8rem;
}

#progOperateWrap ul.token-input-list-facebook{
  min-height: 75px !important;
}

#progOperateWrap .popupInfoWrap {
  width: 800px;
  height: 75%;
}
#progOperateWrap .popupInfo {
  width: 800px;
}
#progOperateWrap .value {
  margin-right: 35px;
}
#progRequestListWrap .popupInfoWrap {
  width: 800px;
  height: 75%;
}
#progRequestListWrap .popupInfo {
  width: 800px;
}
#progRightWrap .popupInfoWrap {
  width: 800px;
  height: 400px;
}
#progRightWrap .popupInfo {
  width: 800px;
}
#progOperateWrap .popupInfoWrap.req-text {
  height: 90%;
}
/*의뢰내용 상단고정 세로정렬
.request-textarea {
  padding: 10px 25px;
  border-bottom: 1px solid #1f1f25;
}
.request-textarea .title {
  color: #9ba0e5;
  color: #898ca0;
}
.request-textarea textarea {
  height: 100px;
}
ul.token-input-list-facebook {
  width: 100% !important;
}*/


/*의뢰내용 상단고정*/
.request-textarea {
  padding: 20px 25px;
  border-bottom: 1px solid #151517;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.request-textarea .title {
  color: #9ba0e5;
  color: #898ca0;
  width: 118px;
  padding-right: 12px;
  text-align: right;
}
.request-textarea textarea {
  width: 585px;
  height: 200px;
}
ul.token-input-list-facebook {
  width: 100% !important;
}

.msgTitleWrap ul.token-input-list-facebook {
  width: 550px !important;
}






/*오류확인팝업 log.css와 내용겹침*/
#log_errorMessageWrap {
  width: 100%;
  margin: 0;
  padding: 0;
}
#log_errorMessageWrap .content .jobInfoWrap,
#log_errorMessageWrap .content .jobHistoryWrap,
#log_errorMessageWrap .content .jobRollWrap,
#log_errorMessageWrap .content .lastErrorInfoWrap{
  padding: 0 0 40px 0;
}
#log_errorMessageWrap .content .title {
  width: calc(100% - 36px);
  height: 40px;
  color: #71b8ac;
  font-size: .9rem;
  line-height: 32px;
  padding: 0 0 10px 10px;
  margin: 10px 18px 0;
}
#log_errorMessageWrap .content .jobRollWrap .title,
#log_errorMessageWrap .content .lastErrorInfoWrap .title,
#log_errorMessageWrap .content .jobHistoryWrap .title {
  border-top: 1px solid #151519;
}
#log_errorMessageWrap .content .lastErrorInfoWrap div:first-child {
  border-top: unset;
}
#log_errorMessageWrap .content .listG,
#log_errorMessageWrap .content .listW {
  width: 100%;
  padding: 7px 0;
  float: left;
}
#log_errorMessageWrap .content .listG2,
#log_errorMessageWrap .content .listW2 {
  width: 100%;
  height: 45px;
  margin: 5px 0;
  float: left;
}
#log_errorMessageWrap .content .listTitle {
  width: 110px;
  padding-left: 32px;
  font-size: .75rem;
  color: #898ca0;
  text-align: right;
  word-break: break-word;
}
#log_errorMessageWrap .content .listContent {
  width: 560px;
  font-size: .8rem;
  line-height: 1.1rem;
  padding: 0 25px 0 10px;
}
#log_errorMessageWrap .content .listHistoryInfo {
  float:left;
  padding-left:30px;
  width: 150px;
}
#log_errorMessageWrap .content .listHistoryInfo .listWorker{
  text-align:right;
}
#log_errorMessageWrap .content .listHistoryInfo .listDateTime{
  text-align:right;
}
#log_errorMessageWrap .content .listHistoryInfo .listDateTime b{
  font-weight: normal;
}
#log_errorMessageWrap .content .listHistoryWorkFlow {
  float:left;
  padding-left: 12px;
  width: 550px;
  text-align: center;
}
#log_errorMessageWrap .content .listHistoryWorkFlow .workStage{
  width: 60px;
  line-height: 35px;
  background-repeat: no-repeat;
  color: rgba(255,255,255,.8);
}
#log_errorMessageWrap .content .listHistoryWorkFlow .workWaitTime{
  width: 70px;
  line-height:8px;
  vertical-align: bottom;
  font-family: 'Noto Sans Korean Bold';
}
#log_errorMessageWrap .content .listHistoryWorkFlow .workProcessingTime{
  width: 207px;
  height: 15px;
  line-height:8px;
  vertical-align: bottom;
}
#log_errorMessageWrap .content .listHistoryWorkFlow .workSpendTime{
  width: 58px;
  font-family: 'Noto Sans Korean Bold';
}
#log_errorMessageWrap .content .listHistoryWorkFlow .workArrow1{
  width: 70px;
  height: 20px;
}
#log_errorMessageWrap .content .listHistoryWorkFlow .workArrow2{
  width: 207px;
  height: 20px;
}
#log_errorMessageWrap .content .listContent>span.info {
  font-size: 11px;
  font-weight: normal;
  color: #545454;
}
#log_errorMessageWrap .content .listContentInfo>span.info {
  font-size: 11px;
  font-weight: normal;
  color: #545454;
}
#log_errorMessageWrap .content .listContent>a.id {
  color: #4559e9;
  text-decoration: none;
}
#log_errorMessageWrap .content .reWorkBtn {
  margin: 10px 10px 0 600px;
}


/*주의사항 팝업*/
#attentionMemoPopup .popupInfoWrap {
  max-height: 650px;
}
#attentionMemoPopup .content .content-item {
  margin: 10px 0 15px 0;
}
#attentionMemoPopup .content .content-item:first-child .caption {
  border-top: unset;
}
#attentionMemoPopup .content .content-item .value,
#attentionMemoPopup .content .content-item .caption {
  width: calc(100% - 70px);
  margin: 10px 35px;
  font-size: .92rem;
}
#attentionMemoPopup .content .content-item .caption {
  border-top: 1px solid #19191d;
  color: #71b8ac;
  padding-top: 10px;
}
#attentionMemoPopup .content .content-item .caption > img {
  margin-bottom: -1px;
}
#attentionMemoPopup .content .content-item .value {
  min-height: 24px;
  padding: 0 22px;
  line-height: 1.5rem;
  color: #c6c7df;
}