@charset "euc-kr";
/*PC 병원별 클래스*/
/*부평*/
.BP .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto;}
.BP .logoSub a {background: url(../[TPH_Vimages]/logo_Bupyeong.png) 0px 10px no-repeat; background-size: contain;}
.BP .loginBottom {background: url(../[TPH_Vimages]/bg_login_BP.png) center bottom no-repeat; background-size: cover; object-fit:cover;}

/*부산*/
.BS .logoSub { background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto;}
.BS .logoSub a {background: url(../[TPH_Vimages]/logo_Busan.png) 0px 10px no-repeat; background-size: contain;}
.BS .loginBottom {background: url(../[TPH_Vimages]/bg_login_BS.png) center bottom no-repeat; background-size: cover; object-fit:cover;}

/*창원*/
.CW .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto;}
.CW .logoSub a {background: url(../[TPH_Vimages]/logo_Changwon.png) 0px 10px no-repeat; background-size: contain;}
.CW .loginBottom {background: url(../[TPH_Vimages]/bg_login_CW.png) center bottom no-repeat; background-size: cover; object-fit:cover;}

/*강북*/
.GB .logoSub { background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto;}
.GB .logoSub a {background: url(../[TPH_Vimages]/logo_Gangbuk.png) 0px 10px no-repeat; background-size: contain;}
.GB .loginBottom {background: url(../[TPH_Vimages]/bg_login_GB.png) center bottom no-repeat; background-size: cover; object-fit:cover;}

/*강남*/
.GN .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto;}
.GN .logoSub a {background: url(../[TPH_Vimages]/logo_Gangnam.png) 0px 10px no-repeat; background-size: contain;}
.GN .loginBottom {background: url(../[TPH_Vimages]/bg_login_GN.png) center bottom no-repeat; background-size: cover; object-fit:cover;}

/*목동*/
.MD .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto;}
.MD .logoSub a {background: url(../[TPH_Vimages]/logo_Mokdong.png) 0px 10px no-repeat; background-size: contain;}
.MD .loginBottom {background: url(../[TPH_Vimages]/bg_login_MD.png) center bottom no-repeat; background-size: cover; object-fit:cover;}

/*인천*/
.IC .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto;}
.IC .logoSub a {background: url(../[TPH_Vimages]/logo_Incheon.png) 0px 10px no-repeat; background-size: contain;}
.IC .loginBottom {background: url(../[TPH_Vimages]/bg_login_IC.png) center bottom no-repeat; background-size: cover; object-fit:cover;}

/*힘찬파트너*/
.HP .logoSub { background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto;}
.HP .logoSub a {background: url(../[TPH_Vimages]/logo_himchan_partner.png) 0px 0px no-repeat; background-size: contain;}

/*힘찬위드*/
.HW .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto;}
.HW .logoSub a {background: url(../[TPH_Vimages]/logo_himchan_width.png) 0px 0px no-repeat; background-size: contain;}
.HW .loginBottom {background: url(../[TPH_Vimages]/bg_login_HW.png) center bottom no-repeat; background-size: cover; object-fit:cover;}

/*홀딩스*/
.HC .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto;}
.HC .logoSub a {background: url(../[TPH_Vimages]/logo_himchan_width.png) 0px 0px no-repeat; background-size: contain;}
.HC .loginBottom {background: url(../[TPH_Vimages]/bg_login_HC.png) center bottom no-repeat; background-size: cover; object-fit:cover;}

/*SPC*/
.SPC .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto;}
.SPC .logoSub a {background: url(../[TPH_Vimages]/logo_himchan_width.png) 0px 0px no-repeat; background-size: contain;}
.SPC .loginBottom {background: url(../[TPH_Vimages]/bg_login_SPC.png) center bottom no-repeat; background-size: cover; object-fit:cover;}


/*리스트 테이블 새로운글 효과*/
.workflowTable tr.on td a,
.workflowTable2 tr.on td a,
.workflowTable3 tr.on td a,
.workflowTable4 tr.on td a,
.workflowTable5 tr.on td a,
.workflowTable6 tr.on td a,
.workflowTable7 tr.on td a,
.workflowTable8 tr.on td a,
.workflowTable9 tr.on td a{font-weight: bold;}

.workflowTable tr ,
.workflowTable2 tr,
.workflowTable3 tr,
.workflowTable4 tr,
.workflowTable5 tr,
.workflowTable6 tr,
.workflowTable7 tr,
.workflowTable8 tr,
.workflowTable9 tr{height: 40px;}

/*리스트 테이블 마우스 올리면 tr 배경색*/
.sign_inbox .contents .cont div tbody tr:hover,
.sign_write_select .contents .cont div tbody tr:hover,
.sign_sentbox .contents .cont div tbody tr:hover,
.sign_schedbox .contents .cont div tbody tr:hover{ background-color: #FFF4B9 !important;}
.note_receive_list .contents .cont table tbody tr:hover{ background-color: #FFF4B9 !important;}


html{height: 100% !important;}
body{height: 100% !important;}
.loginWrap{height: 100%;}
/*.scheduleWrap {overflow-y: hidden;}*/
.wrap{height: 100%;}
/*.wrap { height: 100% !important;}*/
.header { min-width: 1420px; height: 100px;}
.header02 { max-width: 1345px; height: 100px;}

.logoSub {position: absolute; top: 20px; left: 145px; width: 260px; height: 80px; transform: translate(-50%); background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto; z-index: 1;}
.logoSub a {display: block; width: 220px; height:48px; margin:0 auto; text-indent: -9999px; background: url(../%5BTPH_Vimages%5D/logo_Bupyeong.png) 0px 10px no-repeat; background-size: contain;}
  
.headerMain { position: relative; width: 1210px; height: 100px; margin: 0 auto;}
.logoMain { position: absolute; top: 0; left: 0; width: 362px; height: 100px;}

/*navi*/
.nav { height: 80px; padding-left: 320px; padding-top:20px; }
.mainNav{position: relative; float: left;}
.mainNav a { display: inline-block; width: 80px; height: 60px;box-sizing: border-box; text-align: center; border-radius: 22px; background: #f2f4f8; vertical-align: middle; cursor: pointer;}
.mainNav .navNote{display: none;}
.mainNav a:hover{text-decoration: none;}
.mainNav a span {display: block; text-align: center; padding-top: 2px; color: #444; background-image: none; font-weight: bold; padding-bottom: 0px; font-size: 13px;}

.navAdr span, 
.navError span, 
.navIntro span,
.navPersonnel span,
.navAuth span{margin-top: 13px; text-align: center; font-size: 12px !important; }

.navPersonnel, .navAuth {display: none !important;}

/*pc에선 nav안에 인사평가 급여가 안보이게*/
.navPaystubBox {display: none !important}
.navSetupAppBox {display: none;}
.navPerform, .navSalary {display: none !important;}

.mainNav .navSchedule:before { background-image: url(../[TPH_Vimages]/ico_nav_cal.svg); content: ""; display: block; height: 33px; background-position: center 7px; background-repeat: no-repeat;}
.mainNav .navPay:before { background-image: url(../[TPH_Vimages]/ico_nav_sign.svg); content: ""; display: block; height: 33px; background-position: center 7px; background-repeat: no-repeat;}
.mainNav .navBoard:before { background-image: url(../[TPH_Vimages]/ico_nav_board.svg); content: ""; display: block; height: 33px; background-position: center 7px; background-repeat: no-repeat;}
.mainNav .navGroup:before { background-image: url(../[TPH_Vimages]/ico_nav_org.svg); content: ""; display: block; height: 33px; background-position: center 7px; background-repeat: no-repeat;}
.mainNav .navNote:before {background-image: url(../[TPH_Vimages]/ico_nav_note.svg); content: ""; display: block; height: 33px; background-position: center 7px; background-repeat: no-repeat;}
.mainNav .navSetting:before {background-image: url(../[TPH_Vimages]/ico_nav_setting.svg); content: ""; display: block; height: 33px; background-position: center 7px; background-repeat: no-repeat;}

.mainNav a.navOn span { color: #fff;}
.mainNav a:hover .navOn { text-decoration: none;}

.mainNav a.navOn{box-shadow: 0px 8px 0px rgb(0 0 0 / 10%);}

.mainNav .navSchedule.navOn { background-color: #60BBDD;}
.mainNav .navPay.navOn { background-color: #5864BE;}
.mainNav .navBoard.navOn { background-color: #E99964;}
.mainNav .navGroup.navOn { background-color: #EA7C74;}
.mainNav .navAdr.navOn { background-color:#5A666F;}
.mainNav .navError.navOn { background-color:#5A666F;}
.mainNav .navNote.navOn { background-color:#B08ADC;}
.mainNav .navIntro.navOn { background-color:#5A666F;}
.mainNav .navSetting.navOn { background-color:#5A666F;}

/*.mainNav a.navOn::after { content: ""; position: absolute; top: -10px; left: -10px; width: 80px; height: 60px; background: rgba(0,0,0,0); box-shadow: 1px 1px 10px rgba(0,0,0,0.4); border-radius: 20px; border: 10px solid rgba(255,255,255,0.65) ; z-index: 2;}*/

.mainNav .navSchedule.navOn:before{ background-image: url(../[TPH_Vimages]/ico_nav_cal_on.svg);}
.mainNav .navPay.navOn:before { background-image: url(../[TPH_Vimages]/ico_nav_sign_on.svg);}
.mainNav .navBoard.navOn:before { background-image: url(../[TPH_Vimages]/ico_nav_board_on.svg);}
.mainNav .navGroup.navOn:before { background-image: url(../%5BTPH_Vimages%5D/ico_nav_org_on.svg);}
.mainNav .navSetting.navOn:before { background-image: url(../%5BTPH_Vimages%5D/ico_nav_setting_on.svg);}
.mainNav .navNote.navOn:before { background-image: url(../[TPH_Vimages]/ico_nav_note_on.svg);}

.rightNavMain .memPhoto { text-align: left;}

/*main Contents*/
.btnMobBack{display: none;}

.mainSche { min-height: 167px; margin-top: 10px; padding: 20px 15px; box-sizing: border-box; background-color: #3eacd6;}
.mainH2Sche a { background: url(../[TPH_Vimages]/ico_menu.png) center -100px no-repeat;}
.mainH2NumSche { color: #389ec4;}
.mScheLink em { width: 100%;}
.mSignLink span.scheDate { margin-top: 5px; padding-left: 5px; color: #00458a;}

.mainNote { min-height: 167px; margin-top: 10px; padding: 20px 15px; box-sizing: border-box; background-color: #945dd4;}
.mainH2Note a { background: url(../[TPH_Vimages]/ico_menu.png) center -500px no-repeat;}
.mainH2NumNote { color: #712ebe;}
.mNoteLink em { width: 98%; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.mSignLink span.noteName { margin-top: 5px; padding-left: 5px; color: #391465;}

a.btnOrg { display: block; height: 110px; margin-top: 10px; padding-top: 70px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background:#ea6258 url(../[TPH_Vimages]/ico_menu.png) center -380px no-repeat;}
a.btnCounsel { display: block; height: 110px; margin-top: 10px; padding-top: 70px; box-sizing: border-box; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background:#9eb312 url(../[TPH_Vimages]/ico_menu.png) center -1176px no-repeat;}
a.btnCounselMob { display: none;}

.mMailList { margin-bottom: 5px;}
.mMailList li { margin-top: 10px;}
.mainMail { min-height: 167px; padding: 20px 15px; box-sizing: border-box; background-color: #1c9f72;}
.mainH2Mail a { background: url(../[TPH_Vimages]/ico_menu.png) center -197px no-repeat;}
.mainH2NumMail { color: #12855e;}
.mMailLink em { display: inline-block; width:395px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.mMailLink span.mailName { display: inline-block; width: 60px; padding-left: 10px; color: #fff; font-size: 12px;text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}

.mainBoard { padding: 18px 8px;}
.mBoard li { height: 37px; line-height: 37px; border-bottom: 1px solid #e1e1e1;}
.mBoard li:first-child { padding-top: 5px;}
.mBoard li:last-child { padding-bottom: 5px;}
.mBoard li a em { display: inline-block; width: 385px; padding-left: 10px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.boardName { display: inline-block; width: 60px; padding-left: 10px; font-size: 12px;text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.mBoard li a:hover em { text-decoration: underline;}

.mainCont04 a { display: block; min-height: 147px; box-sizing: border-box; color: #fff; font-size: 16px; text-align: center; font-weight: bold;}
a.mLinkSyu { padding-top: 93px; background: #61acf6 url(../[TPH_Vimages]/ico_su.png) center 36px no-repeat;}
a.mLinkSuwings { padding-top: 93px; background: #1669bb url(../[TPH_Vimages]/ico_menu.png) center -757px no-repeat;}
a.mLinkMessenger { background: #073c71;}
a.mLinkMessenger span { display: block; padding-top: 90px; color: #fff; font-weight: bold; font-size: 16px; background:url(../[TPH_Vimages]/ico_menu.png) center -561px no-repeat;}
.mNoCont { color: #fff; padding-left: 10px; padding-top: 20px;}
a.mLinkTraining { padding-top: 90px; background: #46aed5 url(../[TPH_Vimages]/ico_menu.png) center -1262px no-repeat;}
a.mLinkRemote { padding-top: 92px; background: #40c0a6 url(../[TPH_Vimages]/ico_menu.png) center -1412px no-repeat;}

/*메인 날짜추가*/
.mainDate { height: 70px; background: #ecb819 url(../[TPH_Vimages]/ico_menu.png) 30px -1047px no-repeat; color: #685005;}
.mainDate time { float: left; margin-left: 83px; line-height: 70px; font-size: 36px; letter-spacing: -1px;}
.mainDate ul { float: left; margin: 18px 0 0 10px;}
.mainDate ul li {color: #685005; line-height: 17px;}

/*left menu*/
.contents { min-width: 1420px; position: relative;}
.contents02 { min-width: 1345px; max-width: 1345px; position: relative; height:100vh;}
.leftNav {position: absolute; top: 40px; left: 0px; bottom: 0; width: 290px; padding: 0 15px; box-sizing: border-box;}
.leftNav:before { content: ""; position: absolute; top: -150px; left: 0; bottom: 0; display: block; width: 290px; z-index: -1; background-color: #f2f4f8;}

.leftHeader {height: 40px; line-height: 60px; margin-left: 20px; text-indent: 0px; background: none; color: #5864BE; border-top:1px solid #5864BE; font-size: 20px; font-weight: 900; padding-bottom: 25px;}

.leftNavList { position: relative; margin-top: 5px; z-index: 1;}
.leftNavList:after { content: ""; position: absolute; top: 0px; left: -15px; display: block; width: 5px; height: calc(100% + 0px); background: #E99964;}

.leftNavList2ba { position: relative; margin-bottom: 20px; z-index: 5;}
.leftNavList2ba:after { content: ""; position: absolute; top: 0px; left: -15px; display: block; width: 5px; height: calc(100% - 6px); background: #5864BE; padding: 0;}

.contents:after, .contents02:after {content: ""; position: absolute; min-height: 100%; height: 100vh; top: -100px; left: 0; bottom: 0; display: block; width: 290px; z-index: -1; background-color: #f2f4f8;}
.workflowWrap .contents:after, .workflowWrap .contents02:after {content: ""; position: absolute; min-height: 100%; height: 100vh; top: 0px; left: 0; bottom: 0px; display: block; width: 290px; z-index: -1; background-color: #f2f4f8;}
.workflowWrap .leftNav:after, .workflowWrap .leftNav:after {content: ""; position: absolute; min-height: 100%; height: 100vh; top: -140px; left: 0; bottom: 0px; display: block; width: 290px; z-index: -1; background-color: #f2f4f8;}

/*left navi background*/
html:has(.btlWrap),
html:has(.workflowWrap),
html:has(.scheduleWrap),
html:has(.organWrap),
html:has(.adrWrap),
html:has(.greWrap),
html:has(.noteWrap),
html:has(.personWrap),
html:has(.resWrap),
html:has(.usedWrap),
html:has(.voeWrap),
html:has(.mainIndex) {position: absolute; top:0px; left:0px; bottom: 0px; display: block; z-index: -1; background: url(../[TPH_Vimages]/bg_leftNav.png) repeat-y; background-size: 290px;}

@media only screen and (max-device-width: 1280px){
  /*좌측 네비게이션 바 배경색 삭제*/
  html:has(.btlWrap),
  html:has(.workflowWrap),
  html:has(.scheduleWrap),
  html:has(.organWrap),
  html:has(.adrWrap),
  html:has(.greWrap),
  html:has(.noteWrap),
  html:has(.personWrap),
  html:has(.resWrap),
  html:has(.usedWrap),
  html:has(.voeWrap),
  html:has(.mainIndex) {background: none;}
}

.loginWrap.wrap::after {display: none !important;}


/*페이지별 색상 바꾸는클래스*/
/*왼쪽메뉴 상단 바색 변경*/
.scheduleWrap .contents .leftNavList:after {background: #E99964;}flex-start
.workflowWrap.contents .leftNavList:after {background: #E99964;}
.btlWrap .contents .leftNavList:after {background: #5864BE;}
.resWrap .contents .leftNavList:after {background: #5864BE;}
.organWrap .contents .leftNavList:after {background: #5864BE;}
.noteWrap .contents .leftNavList:after {background: #E99964;}
/*왼쪽메뉴 하단 바색 변경*/
.scheduleWrap .contents .leftNavList2ba:after {background: #60BBDD;}
.workflowWrap.contents .leftNavList2ba:after {background: #5864BE;}
.btlWrap .contents .leftNavList2ba:after {background: #E99964;}
.resWrap .contents .leftNavList2ba:after {background: #E99964;}
.organWrap .contents .leftNavList2ba:after {background: #EA7C74;}
.noteWrap .contents .leftNavList2ba:after {background: #B08ADC;}
/*왼쪽메뉴 제목및 border top 색상변경*/
.scheduleWrap .contents .leftNavList2 .leftHeader {color:#60BBDD; border-top:1px solid #60BBDD;}
.workflowWrap.contents .leftNavList2 .leftHeader {color: #5864BE; border-top:1px solid #5864BE;}
.btlWrap .contents .leftNavList2 .leftHeader {color:#E99964; border-top:1px solid #E99964;}
.resWrap .contents .leftNavList2 .leftHeader {color:#E99964; border-top:1px solid #E99964;}
.organWrap .contents .leftNavList2 .leftHeader {color:#EA7C74; border-top:1px solid #EA7C74;}
.noteWrap .contents .leftNavList2 .leftHeader {color:#B08ADC; border-top:1px solid #B08ADC;}


/*왼쪽메뉴 li on 클래스 색상*/
.scheduleWrap .contents .leftNavList2 .lnb .on {color:#60BBDD; font-weight: bold;}
.workflowWrap.contents .leftNavList2 .lnb .on {color: #5864BE; font-weight: bold;}
.btlWrap .contents .leftNavList2 .lnb .on {color:#E99964; font-weight: bold;}
.organWrap .contents .leftNavList2 .lnb .on {color:#EA7C74; font-weight: bold;}
.noteWrap .contents .leftNavList2 .lnb .on {color: #B08ADC; font-weight: bold;}

/*adrWrap 탭 메뉴*/
.adrWrap .contents .cont .workflowTab li { position: relative; float: left; height: 40px; padding: 0 10px; line-height: 40px; text-align: center; cursor: pointer; padding: 0 10px; flex: 1; !important; max-width: 230px !important;}

/*내용 탭 메뉴 선색 변경*/
.scheduleWrap .contents .cont .workflowTab {border-bottom: 2px solid #60BBDD !important; min-width: 100%; width: auto;}
.reasonLayer .workflowTab li{width: 60px !important;}
.workflowWrap.contents .cont .workflowTab {border-bottom: 2px solid #5864BE !important; min-width: 100%; width: auto;}
.adrWrap .contents .cont .workflowTab {border-bottom: 2px solid #5864BE !important; min-width: 100%; width: auto;}
.btlWrap .contents .cont .workflowTab {border-bottom: 2px solid #E99964 !important; justify-content: flex-start !important; min-width: 100%; width: auto;}
.organWrap .contents .cont .workflowTab {border-bottom: 2px solid #EA7C74 !important; min-width: 100%; width: auto;}
.noteWrap .contents .cont .workflowTab {border-bottom: 2px solid #B08ADC !important; min-width: 100%; width: auto;}

.scheduleWrap .contents .cont .workflowTab .tabOn{border: 2px solid #60BBDD !important; color:#60BBDD; border-bottom: none !important;}
.workflowWrap.contents .cont .workflowTab .tabOn{border: 2px solid #5864BE !important; color:#5864BE; border-bottom: none !important;}
.adrWrap .contents .cont .workflowTab .tabOn{border: 2px solid #5864BE !important; color:#5864BE; border-bottom: none !important;}
.btlWrap .contents .cont .workflowTab .tabOn{border: 2px solid #E99964 !important; color:#E99964; border-bottom: none !important;}
.organWrap .contents .cont .workflowTab .tabOn{border: 2px solid #EA7C74 !important; color:#EA7C74; border-bottom: none !important;}
.noteWrap .contents .cont .workflowTab .tabOn{border: 2px solid #B08ADC !important; color:#B08ADC; border-bottom: none !important;}

.scheduleWrap .contents .cont .workflowTab .tabOn a{color:#60BBDD; border-bottom: none !important;}
.workflowWrap .contents .cont .workflowTab .tabOn a{color:#5864BE; border-bottom: none !important;}
.adrWrap .contents .cont .workflowTab .tabOn a{color:#5864BE; border-bottom: none !important;}
.btlWrap .contents .cont .workflowTab .tabOn a{color:#E99964; border-bottom: none !important;}
.organWrap .contents .cont .workflowTab .tabOn a{color:#EA7C74; border-bottom: none !important;}
.noteWrap  .contents .cont .workflowTab .tabOn a{color:#B08ADC; border-bottom: none !important;}
.contents .cont .workflowTab .tabOn a:hover{text-decoration: none;}
.contents .cont .workflowTab li a:hover{text-decoration: none;}

.scheduleWrap .contents .cont .workflowTab li span {background: #60BBDD;}
.workflowWrap .contents .cont .workflowTab li span {background: #5864BE;}
.btlWrap .contents .cont .workflowTab li span {background: #E99964;}
.organWrap .contents .cont .workflowTab li span {background: #EA7C74;}
.noteWrap .contents .cont .workflowTab li span {background: #B08ADC;}
/*페이지별 색상바꾸는 클래스 끝*/


.leftNavListinfo > a{color: #444; line-height: ; max-width: 187px; line-height: 20px; font-weight: bold; font-size: 14px; margin-left: 20px;}
.leftNavListinfo > span{display: block; margin-left: 20px; font-size: 12px; font-weight: normal; padding: 5px 0 10px 0; color: #aaa;}

.leftNavicon{padding-bottom: 20px; border-bottom: 1px solid #E0E0E0; margin-left: 20px;}
.leftNavicon a:hover{text-decoration: none;}
.leftNavicon span{margin-top: 2px;}


.leftNavicon a:nth-child(1) i{background: url(../[TPH_Vimages]/ico_nav_sign.svg) center no-repeat; width: 20px; height: 21px; display: inline-block; vertical-align: middle;}

.leftNavicon a:nth-child(1) span{background-color: #5864BE; min-width: 20px; height: 20px; padding: 0 5px; box-sizing: border-box; line-height: 18px; color: #fff; border-radius: 20px;  margin-left: 5px; box-shadow: 0 2px 0 rgba(0,0,0,0.2); margin-right: 10px;}

.leftNavicon a:nth-child(2) i{background: url(../[TPH_Vimages]/ico_nav_cal.svg) center no-repeat; width: 20px; height: 21px; display: inline-block; vertical-align: middle;}
.leftNavicon a:nth-child(2) span{background: #60BBDD; min-width: 20px; height: 20px; padding: 0 5px; box-sizing: border-box; line-height: 18px; color: #fff; border-radius: 20px;  margin-left: 5px; box-shadow: 0 2px 0 rgba(0,0,0,0.2); }

.leftNavListinfo2{padding-left: 20px; padding-bottom: 30px;}
.leftNavListinfo2 span:nth-of-type(1){display: block; padding: 20px 0 5px 0; color: #aaa; font-size: 12px;}
.leftNavListinfo2 span:nth-of-type(2){display: block; padding: 0px 0 20px 0; font-size: 12px;}
.leftNavListinfo2 a:nth-of-type(1){display: inline-block; background: url(../%5BTPH_Vimages%5D/ico_set.svg) center no-repeat; text-indent: -9999px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 15px;}
.leftNavListinfo2 a:nth-of-type(2){display: inline-block; background: url(../%5BTPH_Vimages%5D/ico_logout.svg) center no-repeat; text-indent: -9999px; width: 25px; height: 20px; display: inline-block; vertical-align: middle; }


/*왼쪽트리메뉴*/
ul.lnb {position: relative;}
ul.lnb>li{min-height: 40px; border-bottom: none; max-width:270px;}
ul.lnb>li>a{ display: inline-block; font-weight: bold; color: inherit; font-size: 14px; padding: 10px 0 10px 20px; width: 80%; color: #444; line-height: 20px; }  
ul.lnb>li> .libtn{float: right; display: inline-block; background: url(../[TPH_Vimages]/ico_minus.svg) no-repeat center; width: 20px; height: 20px; z-index: 1; cursor: pointer; padding: 10px 5px;}
ul.lnb>li.on>.libtn{ background: url(../[TPH_Vimages]/ico_plus.svg)  no-repeat center;}
ul.lnb>li ul {display: block;}
ul.lnb>li>ul li ul { display: block; padding-bottom: 8px;}
ul.lnb>li>ul li li a { display: block; color: #666; font-size: 12px;}
/*ul.lnb>li>ul>li li a:hover {color: #d91c1b;}*/
ul.lnb> li.noDepth a {background-image: none !important;}
ul.sublnb {max-width: 80%;}
ul.sublnb li{padding: 5px 0 5px 34px;}

.leftNavList .leftNavListSub li a { line-height: 18px; padding: 5px 0 5px 35px;}
.leftNavList .leftNavListSub li { min-height: 20px; border-bottom:none;}
.leftNavList .leftNavListSub li:last-child { padding-bottom: 10px;}
.leftNavList2 .leftNavListSub li a { line-height: 18px; padding: 5px 0 5px 35px;}
.leftNavList2 .leftNavListSub li { min-height: 20px;}
.leftNavList2 .leftNavListSub li:last-child { padding-bottom: 10px;}

.smenuNum { min-width: 20px; height: 20px; padding: 0 5px; box-sizing: border-box; background-color: #4a4a4a; line-height: 18px; color: #fff; border-radius: 20px;  margin-left: 5px; box-shadow: 0 2px 0 rgba(0,0,0,0.2); font-weight: normal !important;}
.holdNum { display:inline-block; min-width: 10px; height: 18px; margin-left: 5px; padding: 0 5px 0 4px; background-color: #fbe31b; line-height: 18px; border-radius: 20px; text-align:center; letter-spacing: -1px; color: #5c5106; font-weight: 600; box-shadow: 0 2px 0 rgba(0,0,0,0.2);}

.leftLink {padding-left: 20px; width: 100%; box-sizing: border-box; max-width: 260px; position: absolute; z-index: 1;}
.leftLink::before{ background: #E0E0E0; height: 1px; display: block; content: ""; margin-bottom: 20px; text-align: center;}
.leftLink a{display: flex; align-items: center; font-size: 14px; color: #444; font-weight: bold;}
.leftLink a span{ display: inline-block; width: 46px; height: 46px; margin-top: 5px; margin-right: 5px; background-image: url(../[TPH_Vimages]/ico_junggo_in.svg); background-position: center center; background-repeat: no-repeat; text-indent: -9999px; border-radius: 30px; background-color: #56c0e8;}

.leftMailQuick { border-top: 2px solid #92ccb8;}
.leftMailQuick li { float: left; width: 25%;}
.leftMailQuick li a { display: block; padding: 78px 0 18px 0; text-align: center; color: #108f64; font-weight: bold;}
.leftMailQuick li.mailQmenu01 a {  background: url(../[TPH_Vimages]/ico_mail.png) center 16px no-repeat;}
.leftMailQuick li.mailQmenu02 a {  background: url(../[TPH_Vimages]/ico_mail.png) center -84px no-repeat;}
.leftMailQuick li.mailQmenu03 a {  background: url(../[TPH_Vimages]/ico_mail.png) center -184px no-repeat;}
.leftMailQuick li.mailQmenu04 a {  background: url(../[TPH_Vimages]/ico_mail.png) center -284px no-repeat;}
.leftMailQuick::after { clear: both; display: block; content:"";}
.myEmail { height: 40px; border-top: 1px solid #c9c9c9;}
.myEmail span { display: inline-block; width: 100%; overflow: hidden; padding-left: 48px; box-sizing: border-box; text-overflow: ellipsis; line-height: 40px; background: #efefef url(../[TPH_Vimages]/ico_ssmall.png) 15px -1693px no-repeat; }


.leftNavList .leftNavListSub li a { line-height: 18px; padding: 5px 0 5px 30px; font-weight: normal;}
.leftNavList .leftNavListSub li { min-height: 20px; border-bottom:none;}
.leftNavList .leftNavListSub li:last-child { padding-bottom: 10px;}
.smenuLabel { float: right; display: inline-block; width: 40px; height: 40px; cursor: pointer; background: url(../[TPH_Vimages]/ico_small.png) center -236px no-repeat;}
.smenuChk:checked+.smenuLabel { background:url(../[TPH_Vimages]/ico_small.png) center -282px no-repeat;}
.smenuLabelClose { background:url(../[TPH_Vimages]/ico_small.png) center -282px no-repeat;}
input.smenuChk[type=checkbox] { visibility: hidden; width: 0; height: 0;}
.leftNavListSub { visibility: hidden; opacity:0; height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.fontWeight{font-weight: bold;}


.leftMailQuick { border-top: 2px solid #92ccb8;}
.leftMailQuick li { float: left; width: 25%;}
.leftMailQuick li a { display: block; padding: 78px 0 18px 0; text-align: center; color: #108f64; font-weight: bold;}
.leftMailQuick li.mailQmenu01 a {  background: url(../[TPH_Vimages]/ico_mail.png) center 16px no-repeat;}
.leftMailQuick li.mailQmenu02 a {  background: url(../[TPH_Vimages]/ico_mail.png) center -84px no-repeat;}
.leftMailQuick li.mailQmenu03 a {  background: url(../[TPH_Vimages]/ico_mail.png) center -184px no-repeat;}
.leftMailQuick li.mailQmenu04 a {  background: url(../[TPH_Vimages]/ico_mail.png) center -284px no-repeat;}
.leftMailQuick::after { clear: both; display: block; content:"";}
.myEmail { height: 40px; border-top: 1px solid #c9c9c9;}
.myEmail span { display: inline-block; width: 100%; overflow: hidden; padding-left: 48px; box-sizing: border-box; text-overflow: ellipsis; line-height: 40px; background: #efefef url(../[TPH_Vimages]/ico_ssmall.png) 15px -1693px no-repeat; }

/*부서 문서함*/
.deptNavList { position: relative; margin-top: 10px; background: #eef5fc;}
.deptNavList > li { padding: 10px 20px 15px 20px; border-bottom: 1px solid #82aacf;}
a.deptNavListHeaderLink { display: block; width: 90%; padding: 10px 0px; line-height: 20px; color: #05305c; font-weight: 800;}
a.deptNavListHeaderSet { position: absolute; top: 13px; right: 8px; display: inline-block; width: 30px; height: 30px; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_dept_set.png) center no-repeat;}
.deptNavListSub a { display: block; padding: 5px 0px 5px 10px; line-height: 18px; color: #05305c;}


/*인사박스 없을때*/
.paysBoxNone .header .nav .rightNav{position: relative; right: -80px;}
.paysBoxNone .contents .cont .paystubBox{display: none; height:auto}
.paysBoxNone .contents .cont02 .paystubBox{display: none;  height:auto;}
.paysBoxNone .contents .cont {padding-left: 320px; clear: both; padding-right: 20px;  height:auto;}
.paysBoxNone .contents .cont02 {min-height: 600px; clear: both; padding-right: 10px;  height:auto;}

/*메신저 설치 없을때*/
.SetupBoxNone .navSetupAppBox{display: none;}

/*contents*/
.cont { padding-left: 320px;  clear: both; padding-right: 90px; position: relative; height: auto;}
.cont02 { padding-left: 320px; min-height: 600px; clear: both; padding-right: 90px; height: auto;}
.workflowWrap .cont02 { padding-left: 320px; min-height: 600px; clear: both; padding-right: 90px; height:inherit;}

.mainIndex .cont{max-width: 960px;}
.subTitle { position: relative; height: 40px; border-bottom: 1px solid #7f7f7f;}
.subTitle2 { float: left; font-size: 20px; font-weight: bold; line-height: 40px;}
.subTitle3 { float: left; font-size: 16px; margin-left: 18px; line-height: 40px;}

.workflowTab { display: flex; height: 40px; margin-top: 10px; border-bottom: 2px solid #5864BE; flex-wrap: nowrap; width: 100%;}
.workflowTab li { position: relative; float: left; min-width: auto; height: 40px; padding: 0 10px; line-height: 40px; text-align: center; cursor: pointer; min-width: 60px; justify-content: flex-start !important; padding: 0 10px; width: auto; max-width: 80px; flex: 1;
  min-width: auto !important}

.workflowTab li.tabOn { height: 40px; border: 2px solid #5864BE; border-bottom: none; background: #fff; color: #5864BE; font-weight: bold; border-bottom: 1px solid #fff !important;}

.workflowTab li a { display: block; width: 100%; white-space: nowrap;}
.workflowTab li.tabOn a { font-weight: bold;}
.workflowTab li span { display: inline-block; position: absolute; bottom: 0; right: -1px; width: 1px; height: 8px; background: #5864BE;}
.wfConnTab { display: inline-block; width: 100%; margin: 15px 0;}

/*일정탭*/
.schedulesWrap .contents .cont .scroll_menu .workflowTab {width: 70%;}


.mainTab { height: 35px; margin-top: 0px; border-color: #f8bf12; }
.mainTab li { height: 35px; line-height: 35px;}
.mainTab li.tabOn,
.mainTab li.tabOn a { border-color:#f8bf12; border-bottom: none; color: #333;}
.mainTab li span { background: #f8bf12;}

.noteTab { border-color: #9166c3; }
.noteTab li.tabOn,
.noteTab li.tabOn a { border-color:#9166c3; color: #65458a;}
.noteTab li span { background: #9166c3;}

.sutalkTab { border-color: #46698c;}
.sutalkTab li.tabOn,
.sutalkTab li.tabOn a { border-color:#46698c; color: #073c71;}
.sutalkTab li span { background: #46698c;}

.offiDocTab { border-color: #ec8653; }
.offiDocTab li.tabOn,
.offiDocTab li.tabOn a { border-color:#ec8653; color: #d55312;}
.offiDocTab li span { background: #ec8653;}

.scheTab { border-color: #56c0e8; }
.scheTab li.tabOn,
.scheTab li.tabOn a { border-color:#56c0e8; color: #0891c4;}
.scheTab li span { background: #56c0e8;}

.btlTab { border-color: #f8bf12; }
.btlTab li.tabOn,
.btlTab li.tabOn a { border-color:#f8bf12; color: #c4980d;}
.btlTab li span { background: #f8bf12;}

.mailTab { border-color: #1c9f72; }
.mailTab li { padding: 0 20px;}
.mailTabLink li { padding: 0;}
.mailTabLink li a { min-width: 120px;}
.mailTab li.tabOn a,
.mailTab li.tabOn { border-color:#1c9f72; color: #129367;}
.mailTab li span { background: #1c9f72;}
.mailTabNew { display: inline-block; min-width: 14px; height: 20px; margin-left: 3px; padding: 0 3px; line-height: 19px; background: #1c9f72; color: #fff; border-radius: 20px;}
.officialDocWrap .mailTabNew { background: #e28151;}

.workflowTable { width: 100%; margin-top: 10px; }
.workflowTable th { position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #bababa;}
.workflowTable td { height: 40px; line-height: 18px; border-bottom: 1px solid #e1e1e1;}
.workflowTable th span { display: inline-block; position: absolute; bottom: 0; right: -1px; width: 1px; height: 8px; background: #bababa;}
.workflowTable tbody tr:hover { background-color: #f1f1f1;}
.workflowTable tbody tr.newListTr,
.workflowTable tbody tr.newListTr:hover { background-color: #fff4b9;}
.workflowTable select{border: none;}
.workflowTable select:focus{outline: none;}
.workflowName { display: inline-block; width: 100%; height: 42px; line-height: 46px; padding: 0 10px 0 0; box-sizing: border-box; overflow: hidden; word-break: break-all;}
td.alignL { padding-left: 5px;}


/*전자결재 뷰 */
.rejectTable th{background: #f1f1f1; border-bottom: 1px solid #ccc;}
/*.sign_read_preview {width: 930px; max-width: 930px;}*/

/*전자결재반응형표*/
.workflowTable2 {border-spacing: 0; width: 100%; border-collapse: collapse; margin: 0 auto;}
.workflowTable2 tr th, .workflowTable2 tr td {text-align: center;}
.workflowTable2 tr td { word-break:break-all; word-wrap:break-word;}
.workflowTable2 th{position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #bababa;}
.workflowTable2 th span {display: inline-block; position: absolute; bottom: 0; right: -1px; width: 1px; height: 8px; background: #bababa;}
.workflowTable2 tr{border-bottom:1px solid #c9c9c9;}
.workflowTable2 select{border: none;}
.workflowTable2 select:focus{outline: none;}
.workflowName2{display: inline-block; width: 100%; height: 42px; overflow: hidden; word-break: break-all; text-align: left; width: 95%;}
.workflowName2 > span{display: block; width: 100%; height: 18px; padding: 0 0 0 0; overflow: hidden; padding-top: 13px;}
.workflowTable2 tr td:nth-child(1) {width: 160px;}
.wfComplaintTable{border-top: none !important;}
.wfComplaintTable .adrChkTable tr {line-height: 22px}
.wfComplaintTable input{width: 115px;}

.settleResult{border-radius: 20px; padding: 2px 10px; font-weight: bold; display: none;}
.settleResult:hover{cursor: default;}
.settle{background-color: grey; color: #fff;}
.settleRecive{background-color: #ec594e; color: #fff;}
.settleWait{background-color: #E99964; color: #fff;}
.settleCompleteProcess{background-color: #60BBDD; color: #fff;}
.settleCompleteAnswer{background-color: yellowgreen; color: #fff;}
.settleActive{display: inline-block;}

/*첨부 테이블 아이콘*/
.wfReadTable2 td .iconAttach{display: inline-block; width: 20px; height: 20px; background: #666 url(../[TPH_Vimages]/ico_boradIconAttach.svg) center no-repeat; border-radius: 50px; text-indent: -9999px; vertical-align: text-bottom;} 

/*게시판반응형표*/
.workflowTable3 {border-spacing: 0; width: 100%; border-collapse: collapse; margin: 0 auto; }
.workflowTable3 tr th, .workflowTable3 tr td {text-align: center;}
.workflowTable3 th{position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #bababa;}
.workflowTable3 th span { display: inline-block; position: absolute; bottom: 0; right: -1px; width: 1px; height: 8px; background: #bababa;}
.workflowTable3 tr{border-bottom:1px solid #c9c9c9;}
.workflowTable3 tr td { word-break:break-all; word-wrap:break-word;}
.workflowTable3 tr td:nth-child(8),
.workflowTable3 tr td:nth-child(11){ word-break:keep-all;}
.workflowTable3 select{border: none; width: 80px;}
.workflowTable3 select:focus{outline: none;}
.workflowName3{display: inline-block; width: 100%; height: 42px; overflow: hidden; word-break: break-all; text-align: left; width: 95%;}
.workflowName3 > span{display: block; width: 100%; height: 18px; padding: 0 0 0 0; overflow: hidden; padding-top: 13px;}


.iconAttach{display: block; margin: 0 auto; width: 20px; height: 20px; background: #666 url(../[TPH_Vimages]/ico_boradIconAttach.svg) center no-repeat; border-radius: 50px; text-indent: -9999px; vertical-align: text-bottom;} 
.iconNew{display: inline-block; width:20px; height:20px; line-height: 20px; background:#ED7458; border-radius: 50px; font-style: normal; text-align: center; color: #fff; margin-left: 5px; font-size: 500 !important; font-size: 12px !important; font-weight: bold; margin-right: 20px;}


.wfReadTable2 td {vertical-align:baseline;}

/*중고물품 게시판 반응형표*/
.btnPhotoDel{display: inline-block; width: 20px; height: 20px; margin: 0 5px; vertical-align: middle; line-height: 20px; text-align: center; font-weight: bold; color: #fff; background: #555;}
.photoView { margin-bottom: 5px;}

.workflowTable9 {border-spacing: 0; width: 100%; border-collapse: collapse; margin: 0 auto; text-align: center;}
.workflowTable9 tr th, .workflowTable9 tr td {text-align: center;}
.workflowTable9 tr td { word-break:break-all; word-wrap:break-word;}
.workflowTable9 tr td b {font-weight: normal;}
.workflowTable9 th{position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #bababa;}
.workflowTable9 th span {display: inline-block; position: absolute; bottom: 0; right: -1px; width: 1px; height: 8px; background: #bababa;}
.workflowTable9 tr{border-bottom:1px solid #c9c9c9;}
.workflowTable9 select{border: none;}
.workflowTable9 select:focus{outline: none;}
.workflowName9{display: inline-block; width: 100%; height: 42px; overflow: hidden; word-break: break-all; text-align: left;}
.workflowName9 > span{display: block; width: 100%; height: 18px; padding: 0 0 0 0; overflow: hidden; padding-top: 13px;}


/*리스트 새로운글 폰트 굵게*/
.workflowTable tr.onNew,
.workflowTable2 tr.onNew,
.workflowTable3 tr.onNew,
.workflowTable4 tr.onNew,
.workflowTable5 tr.onNew,
.workflowTable6 tr.onNew,
.workflowTable7 tr.onNew,
.workflowTable8 tr.onNew,
.workflowTable9 tr.onNew {font-weight: bold;}



.wfNamePw { padding-left: 20px; background: url(../[TPH_Vimages]/ico_pw_s.png) 0 12px no-repeat;}
.clickName { font-weight: normal;}
.workflowTable th span { display: inline-block; position: absolute; bottom: 0; right: -1px; width: 1px; height: 8px; background: #bababa;}
.sign_write_select .workflowTable td .workflowName { text-indent: 10px;}
.sign_inbox .workflowTable col:last-child,
.sign_sentbox .workflowTable col:last-child,
.sign_schedbox .workflowTable col:last-child { width: 140px !important;}
.sign_inbox .workflowTable tr td:last-child,
.sign_sentbox .workflowTable tr td:last-child,
.sign_schedbox .workflowTable tr td:last-child { text-align: center;}
.boardTable th { border-bottom: 1px solid #555;}
.boardTable th span { background: #555;}
.icoSign { display: inline-block; width: 100%; height: 25px; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_small.png) center -48px no-repeat;}
.txtDrop { display: inline-block; height: 40px; margin: 0 10px 0 5px; line-height: 44px; padding: 0 5px; overflow: hidden; word-break: break-all;}
.txtDropSmall { display: inline-block; height: 26px; margin: 0 10px 0 5px; line-height: 26px; padding: 0 5px; overflow: hidden; word-break: break-all;}
.txtDropOffi { display: inline-block; height: 40px; margin: 0 10px 0 0; line-height: 44px; overflow: hidden; word-break: break-all;}
.wfLabel { padding: 4px 8px; border-radius: 3px; color: #fff;}
.labelSign { background-color: #3a82c9;}
.labelReturn { background-color: #ec594e;}
.labelProg { background-color: #7eb026;}
.labelWrite { background-color: #26b081;}
.labelHold { background-color: #ffe533; color: #222;}
.labelComp { background-color: #f1f1f1; color: #444;}
.bottomSearchBtn { clear: both; height: 40px; margin-top: 20px; padding-bottom: 20px;}
.topSearchBtn {clear: both; height: 40px; margin-top: 20px;}
.rightBtn { float: right; height: 100%; text-align: right;}
.rightBtnHarf { float: right; width: 50%; height: 100%; text-align: right;}
.leftBtnAll { width: 50% !important;}
.leftBtn { float: left; height: 100%;}
.leftBtnHarf { float: left; width: 49%; height: 100%;}
.leftBtnAll { width: 100% !important;}
.BtnWidth20 { width: 20% !important;}
.BtnWidth25 { width: 25% !important;}
.BtnWidth30 { width: 30% !important;}
.BtnWidth50 { width: 50% !important;}
.BtnWidth80 { width: 80% !important;}
.BtnWidth70 { width: 70% !important;}
.BtnWidth75 { width: 75% !important;}
.centerBtn { text-align: center;}
.rightSearch { float: right; width: 50%; height: 100%; text-align: right;}
.rightSearch fieldset { float: right; min-width: 200px; padding: 0 5px; border: 2px solid #bfbfbf; border-radius: 20px;}
.rightSearch select,
.rightSearch input[type="text"] { border: none; height: 30px; margin-left: 5px;}
.rightSearch select { min-width: 67px; height: 25px;}
.rightSearch input[type="submit"],
.rightSearch input[type="buttons"]{ width: 35px; height: 35px; text-indent:-9999px; cursor: pointer; background: url(../[TPH_Vimages]/ico_small.png) center 5px no-repeat;}
.mailSortTop { width: 60%;}
.rightSearch .mailSort { min-width: 100px; padding: 3px 10px; margin-right: 3px;}
.rightSearch .mailSort select { height: 30px; max-width: 184px;}
.mailSortTop fieldset { min-width: 200px;}
.mailSortTop input[type="text"] { width: 140px;}

.rightSearch2 { float: right; width: 50%; height: 100%; text-align: right; display: flex; flex-direction: row-reverse; align-items: center;}
.rightSearch2 fieldset { float: right; min-width: 200px; padding: 0 10px; border: 2px solid #bfbfbf; border-radius: 20px;}
.rightSearch2 label{margin-right: 10px;}
.rightSearch2 select,
.rightSearch2 input[type="text"] { border: none; height: 30px;}
.rightSearch2 select { min-width: 67px; height: 25px;}
.rightSearch2 input[type="text"] { width: 140px; margin-left: 5px;}
.rightSearch2 input[type="submit"],
.rightSearch2 input[type="buttons"]{ width: 35px; height: 35px; text-indent:-9999px; cursor: pointer; background: url(../[TPH_Vimages]/ico_small.png) center 5px no-repeat;}
.mailSortTop { width: 60%;}
.rightSearch2 .mailSort { min-width: 100px; padding: 3px 10px; margin-right: 3px;}
.rightSearch2 .mailSort select { height: 30px; max-width: 184px;}
.mailSortTop fieldset { min-width: 200px;}
.mailSortTop input[type="text"] { width: 140px;}

.periodSearch2 { width: 100%;}
.periodInner2 { float: right; margin-right: 5px; border-radius: 20px; background: #eee;}
.periodInner2 fieldset { float: right; min-width: 100px; padding: 0 10px; border: 2px solid #bfbfbf; border-radius: 20px; background: #fff;}

.periodInner2 select,
.periodInner2 input[type="text"],
.periodInner2 input[type="date"] { border: none; height: 30px;}
.periodInner2 select { min-width: 100px; height: 25px; margin: 5px 0;}
.periodInner2 input[type="text"],
.periodInner2 input[type="date"] { width: 80px; margin-left: 5px; text-align: right;}
.periodInner2 input[type="submit"],
.periodInner2 input[type="buttons"]{ width: 32px; height: 35px; text-indent:-9999px; cursor: pointer; background: url(../[TPH_Vimages]/ico_new.png) center -593px no-repeat;}
.periodInner2 .directPeriod { padding-left: 0px; border-color: #eee; background: #eee;}
.periodInner2 .directPeriod input[type="text"],
.periodInner2 .directPeriod input[type="date"] { background: #eee;}

/*결재문서 기간검색 추가*/
.periodSearch { width: 100%;}
.periodInner { float: right; margin-right: 5px; border-radius: 20px; background: #eee;}
.periodInner fieldset { float: right; min-width: 150px; padding: 0 10px; border: 2px solid #bfbfbf; border-radius: 20px; background: #fff;}
.bottomSearchStart {width: 73px; margin-top: 0px; margin-left: 0;}
.bottomSearchEnd {width: 73px; margin-top: 0px; margin-left: 0;}

.periodInner select,
.periodInner input[type="text"],
.periodInner input[type="date"] { border: none; height: 30px;}
.periodInner select { min-width: 150px; height: 25px; margin: 5px 0;}
.periodInner input[type="text"],
.periodInner input[type="date"] { width: 80px; margin-left: 5px; text-align: right;}
.periodInner input[type="submit"],
.periodInner input[type="buttons"]{ width: 32px; height: 35px; text-indent:-9999px; cursor: pointer; background: url(../[TPH_Vimages]/ico_new.png) center -593px no-repeat;}
.periodInner .directPeriod { padding-left: 0px; border-color: #eee; background: #eee;}
.periodInner .directPeriod input[type="text"],
.periodInner .directPeriod input[type="date"] { background: #eee;}
/*메일 검색추가*/
.mailSearch fieldset { min-width: 300px;}
.mailSearch input[type="text"] { width: 170px; margin-left: 5px;}
.mailSearchTop { position: absolute; bottom: -51px; right: 0;}
/*불러오기 검색추가*/
.signCallSearch { float: left; width: 100%; height: 50px; text-align: left;}
.signCallSearch fieldset { float: left; min-width: 300px;}
.signCallSearch input[type="text"] { width: 180px; margin-left: 5px;}
/*불러오기 검색추가 셀렉트박스없음*/
.signCallSearchNoSel { float: left; width: 100%; height: 30px; text-align: left;}
.signCallSearchNoSel fieldset { float: left; min-width: 300px;}
.signCallSearchNoSel input[type="text"] { width: calc(100% - 45px); margin-left: 5px;}
/*불러오기 레이어 테이블*/
.reasonLayerListIn #submittedList tr { cursor: pointer;}
.reasonLayerListIn #submittedList tr td:first-child { text-align: left;}

.leftOrgVer { float: left; width: 40%; text-align: left; box-sizing: border-box;}
.leftOrgVer fieldset { float: left; }
.leftOrgVer .orgSearchBar { display: inline-block; width: 1px; height: 35px; background: #bfbfbf; vertical-align: middle;}
.orgBottomBtn { float: left; width: 60%; padding-left: 10px; box-sizing: border-box;}

/*page nation*/
.pageNation { margin-top:10px; text-align:center;}
.pageNation ul { display:inline-block; padding-bottom: 20px;}
.pageNation ul li { float:left;}
.pageNation ul li a { display:inline-block; width:40px; height:40px; line-height:40px; border-radius: 5px; font-size: 16px; box-sizing: border-box;}
.pageNation ul li.on a,
.pageNation ul li a:hover { border:1px solid #555; color: #000; font-weight: bold; text-decoration: none;}
.pageNation ul li:first-child a { margin-right:5px; background:url(../[TPH_Vimages]/ico_small.png) center -1244px no-repeat;}
.pageNation ul li:last-child a { margin-left:5px; background:url(../[TPH_Vimages]/ico_small.png) center -1294px no-repeat;}
.pageNation ul li.prev a { margin-right:5px; background:url(../[TPH_Vimages]/ico_prev.svg) center no-repeat;}
.pageNation ul li.next a { margin-right:5px; background:url(../[TPH_Vimages]/ico_next.svg) center no-repeat;}
.pageNation ul li:first-child a,
.pageNation ul li:last-child a,
.pageNation ul li.next a,
.pageNation ul li.prev a { text-indent:-9999px;}
.pageNation ul li:first-child a:hover,
.pageNation ul li:last-child a:hover,
.pageNation ul li.prev a:hover,
.pageNation ul li.next a:hover { border:1px solid #ddd;}
.pageNation ul li.off a { display: none;}
.pageNation ul li.pageEllipsis span { display:inline-block; width:30px; height:40px; line-height:30px; font-size: 16px;}

/*page 바로가기*/
.pageDirect { display: inline-block; margin-left: 20px; vertical-align: top;}
.pageDirect .pageNumInput { width: 40px; height: 34px; padding-left: 5px; border: 2px solid #d8d8d8; border-radius: 5px; vertical-align: top;}
.pageDirect .pageNumTxt { padding: 0 4px 0 1px;}
.pageDirect .btnPageDirect { padding-right: 24px; background: #efefef url(../[TPH_Vimages]/ico_page_go.png) 67px 11px no-repeat;}

.memberPosition { position: absolute; top: 27px; right: -51px; min-width: 200px; border: 1px solid #cecece; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); z-index: 15;}
.memberPosition ul { padding: 7px 0;}
.memberPosition ul li { cursor: pointer; padding: 5px 5px 0px 0; min-width: 190px; width: 100%; min-height: 25px; height: auto; line-height: 18px; text-align: left; text-indent: 33px; white-space: nowrap;}
.posiChk { color: #2b7fd1; font-weight: bold; background:url(../[TPH_Vimages]/ico_small.png) left -344px no-repeat;}
.memberPosition ul li:hover { background: #f1f1f1;}
.memberPosition ul li.posiChk:hover { background:; background: #f1f1f1 url(../[TPH_Vimages]/ico_small.png) left -344px no-repeat;}
.btnLogout { clear: both; display: block; width: 100%; height: 50px; border-top: 1px solid #cecece; line-height: 50px;}
.btnLogout a { width: 50%; padding: 10px 10px 10px 37px; background:url(../[TPH_Vimages]/ico_small.png) left -401px no-repeat;}
#memChk01:checked ~ .memberPosition { display: none;}
#memChk01 { display: none;}
.memLabel { position: absolute; top: 0; right: 0; display: inline-block; width: 100%; height: 20px; background:url(../[TPH_Vimages]/ico_small.png) right -444px no-repeat;}
#memChk01:checked + .memLabel { background:url(../[TPH_Vimages]/ico_small.png) right -193px no-repeat;}
.posiList { padding-right: 15px;}

/*sign read*/
.workflowRead { position: relative; min-width: 930px;}
.wfReadHead { height: 60px; font-size: 20px; font-weight: bold; text-align: center; line-height: 60px; width: 100%; overflow: hidden;}
.wfReadHeadSub { height: 32px; font-size: 16px; font-weight: bold; text-align: center; line-height: 32px;}


/*연계문서 테이블*/
.wfReadTable { width: 100%; border-top: 2px solid #4f4f4f;}
.wfReadTable tr td {text-align:center; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px;}
.wfReadTable thead tr th {border-left: 1px solid #ccc;  background: #f1f1f1; border-right:1px solid #ccc; border-bottom: 1px solid #ccc;  padding: 5px; word-break: keep-all;}
.wfReadTable thead tr th:last-child{white-space: nowrap;}
.wfReadTable tr th:first-child { background-image: none; word-break: keep-all;}
.bdBottom { border-bottom: 1px solid #4f4f4f;}


/*스케줄 공유자 선택 레이어 */

.anoteUserBox .anoteUseList {height: 380px; border-bottom: 1px solid #7f7f7f;}
.anoteUserR .wfReadTable { width: 100%;}
.anoteUserR .wfReadTable tr th {border:  none;}
.anoteUserR .wfReadTable tr th,
.anoteUserR .wfReadTable tr td { height: 34px; text-align:center;}
.anoteUserR .wfReadTable tr:last-child td { border-bottom: none;}
.anoteUserR .wfReadTable tr th { background: #f1f1f1 url(../[TPH_Vimages]/bg_th.gif) left bottom no-repeat;}
.anoteUserR .wfReadTable tr th:first-child { background-image: none;}
.anoteUserR .wfReadTable tr td { padding: 6px 4px; box-sizing: border-box; border-bottom: 1px solid #ccc; border-right: none !important; border-left: none !important;}


/*스케줄 공유자 확인 레이어*/
.popWrap  .anoteUseList{border-bottom: 1px solid #7f7f7f;}
.popWrap .wfReadTable tr th {border:  none;}
.popWrap .wfReadTable tr th,
.popWrap .wfReadTable tr td { height: 34px; text-align:center;}
.popWrap .wfReadTable tr:last-child td { border-bottom: none;}
.popWrap .wfReadTable tr th { background: #f1f1f1 url(../[TPH_Vimages]/bg_th.gif) left bottom no-repeat;}
.popWrap .wfReadTable tr th:first-child { background-image: none;}
.popWrap .wfReadTable tr td { padding: 6px 4px; box-sizing: border-box; border-bottom: 1px solid #ccc; border-right: none !important; border-left: none !important; word-break: break-all;}

/*첨부문서 테이블*/
.wfReadTable2 { width: 100%; border-top: 2px solid #4f4f4f;}
.wfReadTable2 tr td {position:relative; padding: 5px; text-align:center; border-right: none; border-left: none; border-bottom: 1px solid #ccc;}
.wfReadTable2 thead tr th {border-left: 1px solid #ccc;  background: #f1f1f1; border-right:1px solid #ccc; height: 35px; border-bottom: 1px solid #ccc;}
.wfReadTable2 tr th:first-child { background-image: none;}
.bdBottom { border-bottom: 1px solid #4f4f4f;}

.reasonLayerListIn table tr:hover,
.addrEditListIn table tr:hover { background: #fff7cb;}
.reasonLayerListIn .wfReadTable tr:last-child td,
.addrEditListIn .wfReadTable tr:last-child td { border-bottom: 1px solid #ccc;}
.hoverColor tr:hover { background: #fff7cb;}

.noteRecipient tr th { height: 42px; padding-left: 15px; text-align: left; font-weight: bold;}
.noteRecipient tr th .plupload_button { margin-left: 12px; border-radius: 3px;}
.noteReceiveTable tr th .plupload_button,
.noteReceiveTable tr td .plupload_button { margin-left: 10px; border-radius: 3px; padding: 5px 5px 5px 17px; background-position: -10px -692px;}

.noteRecipient tr td { height: 50px; padding-left: 12px; text-align: left;}
.recipientSpan { position: relative;}
.recipientSpan span {display: inline-block;  margin-bottom: 3px;  margin-top: 3px;  margin-left: 0px;  padding: 2px 4px 2px 4px;  background-color: #f1f1f1;  border-radius: 3px;  font-size: 12px;}
.recipientSpan span.clickOn { border: 1px solid #00a2ff; font-weight: bold; padding: 3px 7px 3px 10px;}
/*메일주소 복사때 버튼 X텍스트가 같이 복사됨을 해결하기위해 이미지로 교체*/
.recipientSpan span a { display: inline-block; width: 22px; height: 20px; margin-left: 10px; line-height: 16px; vertical-align: middle; background:#9d9d9d url(../[TPH_Vimages]/ico_ssmall.png) center -995px no-repeat;}
.recipientSpan span a:hover { background-color: #666;}
span.recipientTitleSpan { display: block; width: auto; margin-bottom: 5px; padding: 4px 7px 0px 0px; background-color: #fff; cursor: pointer;}
span.recipientTitleSpan em { display: inline-block; width: 17px; text-indent: -9999px; background:url(../[TPH_Vimages]/ico_small.png) right -195px no-repeat;}
span.recipientTitleOne { display: block; width: auto; margin-bottom: 5px; padding: 4px 7px 0px 0px; background-color: #fff;}
.mailManyName { position: absolute; top: 42px; left: 0; display: none; background: #fff; border: 1px solid #ccc; padding: 10px 15px 10px 15px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); z-index: 5;}
/*클릭할때 보여주기로 바꾸기위해
.recipientSpan:hover .mailManyName { display: block;}
.mailManyName:hover { display: block;}
*/
td.recipientSpan { padding-bottom: 5px!important;}

.wfSignFlow { width: 100%; border-top: 2px solid #4f4f4f;}
.wfSignFlow tr th,
.wfSignFlow tr td { border: 1px solid #ccc;}
.wfSignFlow tr th { height: 25px;}
.wfSignFlow tr td { height: 120px; vertical-align: top;}

.wfSignFlowWrite { width: 100%; border-top: 2px solid #4f4f4f;}
.wfSignFlowWrite tr th,
.wfSignFlowWrite tr td { border: 1px solid #ccc;}
.wfSignFlowWrite tr th { height: 25px; background: #f1f1f1;}
.wfSignFlowWrite tr td { height: 30px; text-align: center;}
.wfSignFlowWrite tr th span { display: inline-block; height: 25px; overflow: hidden; line-height: 28px;}
.wfSignFlowWrite tr td span { display: inline-block; height: 28px; overflow: hidden; line-height: 30px;}
.tboxSignWrite { width: 110px; height: 23px; margin:3px 0 3px 0; text-indent: 3px;}
.wfSignFlowWrite tr.bgSignTr th { background: #fff4b9;}

.sign_read_preview .wfSignFlowWriteNL { width: 100%; border-top: 2px solid #222;}
.sign_read_preview .wfSignFlowWriteNL tr th,
.sign_read_preview .wfSignFlowWriteNL tr td { border: 1px solid #ccc; height: 30px;}
.sign_read_preview .wfSignFlowWriteNL tr th { background: #f1f1f1;}
.sign_read_preview .wfSignFlowWriteNL tr:first-child > th { border-top: 2px solid #4f4f4f;}
.sign_read_preview .wfSignFlowWriteNL tr:first-child > td:nth-child(2) { border-top: 2px solid #4f4f4f;}
.sign_read_preview .wfSignFlowWriteNL tr:first-child td .wfSignFlowWriteNR tr.wfNewTopLine > th { border-top: 2px solid #4f4f4f;}
.sign_read_preview .wfSignFlowWriteNR tr.wfNewTopLine > th { border-top: 2px solid #4f4f4f;}
.sign_read_preview .wfSignFlowWriteNL tr td:nth-child(2) { padding-left: 5px;}
.sign_read_preview .wfSignFlowWriteNL tr td span { width: 125px; text-align: left;}
.sign_read_preview .wfSignFlowWriteNL tr th span { width: 100px;}
.wfSignNum { display: inline-block; float: left; width: 25px; height: 28px; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; line-height: 28px;}

.wfSignFlowWriteNL { width: 100%;}
.wfSignFlowWriteNL tr th,
.wfSignFlowWriteNL tr td { border: 1px solid #ccc; height: 36px;}
.wfSignFlowWriteNL tr th { background: #f1f1f1;}
.wfSignFlowWriteNL tr:first-child > th { border-top: 2px solid #4f4f4f;}
.wfSignFlowWriteNL tr:first-child > td:nth-child(2) { border-top: 2px solid #4f4f4f;}
.wfSignFlowWriteNL tr:first-child > td:nth-child(4) { border-top: none; vertical-align:top; background-color: #f1f1f1;}
.wfSignFlowWriteNL tr:first-child td .wfSignFlowWriteNR tr.wfNewTopLine > th { border-top: 2px solid #4f4f4f;}
.wfSignFlowWriteNR tr.wfNewTopLine > th { border-top: 2px solid #4f4f4f;}
.wfSignFlowWriteNL tr td:nth-child(2) { padding-left: 5px;}
.wfSignFlowWriteNL tr td span { width: 125px; text-align: left;}
.wfSignFlowWriteNL tr th span { width: 100px;}

/*IE10 테이블 collapse일때 보더 제데로 나오지않는 문제*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .wfSignFlowWriteNL { border-collapse: separate;}
    .wfSignFlowWriteNL tr th,
    .wfSignFlowWriteNL tr td { border: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
    .wfSignFlowWriteNL tr th:first-child,
    .wfSignFlowWriteNL tr td:first-child { border-left: 1px solid #ccc;}
}

.wfSignFlowWriteNR { width: 100%; background-color: #fff; box-sizing: border-box;}
/*.sign_read .wfSignFlowWriteNR.wfapprovalNR.mt10 {margin-top: 0 !important;}*/
.sign_read .wfSignFlowWriteNR.wfapprovalNR.mt10 tr td{padding: 0 !important;}
.wfSignFlowWriteNR tr{border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.wfSignFlowWriteNR tr th,
.wfSignFlowWriteNR tr td { border-left: none; border-bottom: none; position: static; text-align: center !important;}

.wfSignFlowWriteNR tr th {position: relative; background: #f1f1f1; border-top: 2px solid #4f4f4f;  border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.wfSignFlowWriteNR tr th:last-child { border-right: none;}
.sign_read .wfSignFlowWriteNR tr th {position: relative; background: #f1f1f1; border-top: 2px solid #4f4f4f;  border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; height: 40px; box-sizing: border-box;}
.sign_read_preview .wfSignFlowWriteNR tr th:not(:first-child),
.sign_read .wfSignFlowWriteNR tr th:not(:first-child),
.sign_write .wfSignFlowWriteNR tr th:not(:first-child){vertical-align: top;}

.wfSignFlowWriteNR tr th span{ position: relative; display: block; margin-top: 0px; width: 80%; line-height: 28px; text-align: left; padding-left: 5px; left: 30px;}


/*결재자 버튼 아래 보더 겹칩현상 해결*/
.heightNone th {height: auto !important;}
.heightNone th .wfSignNum{ height: auto; line-height: 30px; }

.wfSignFlowWriteNR tr:nth-child(1){ text-align: left; border-top: 2px solid #4f4f4f;}
.wfSignFlowWriteNR tr:nth-child(3){ text-align: left; border-top: 2px solid #4f4f4f;}

.wfapprovalNR tr {height: 30px; }
.wfapprovalNR tr td { text-align: center; border: 1px solid #ccc; padding: 5px;}
.wfapprovalNR tr td input {width: 96%; height: 20px; text-indent: 3px; border: 1px solid #ccc;}
.wfapprovalNR tr td span { text-align: left; width: auto; float: left; max-width: 84px; box-sizing: border-box; padding-left: 3px;}

/*IE10 테이블 collapse일때 보더 제데로 나오지않는 문제*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .wfSignFlowWriteNR { border-collapse: separate;}
    .wfSignFlowWriteNR tr td:first-child,
    .wfSignFlowWriteNR tr th:first-child { border-left: none;}
}



/*참조숨김*/
.wfapprovalNR2 tr {height: 40px; }
.wfapprovalNR2 tr td { text-align: center; border: 1px solid #ccc; padding: 3px; height: 30px;}
.wfapprovalNR2 tr th input {width: 15px; height: 15px; margin-left: 5px; margin-bottom: 5px;}
.btnAdd {cursor: pointer; float: left; background: #f4f4f4; border: 1px solid #ccc; box-sizing: inherit !important; margin-left: 2px; margin-top: 2px; padding: 2px 7px; margin-right: 5px;}
.refBlock{position: relative; float: left; height: 15px; margin-left: 3px; margin-top: 2px; padding: 0px 5px 8px 5px; background: #f4f4f4; border: 1px solid #c2c2c2; border-radius: 3px; vertical-align: middle; line-height: 24px; font-size: 13px;}
.refBlock span{font-weight: bold; padding-right: 10px; font-size: 13px;}
.refBlock a{position: relative; padding: 0px 5px 0px 8px;}
.refBlock a:hover{text-decoration: none;}

/*539,540 결재할문서 직책 영역 좁아서 넓게수정함 65px에서 110px로 수정 210317*/
.sign_view .wfapprovalNRtr th span,
.official_doc_view .wfapprovalNR tr th span { max-width: 110px;}

.wfapprovalNR tr td span { padding-left: 2px; width: auto; max-width: 84px; box-sizing: border-box; line-height: 28px; vertical-align: middle;}
.wfapprovalNR .wfSignNum {position: absolute; left: 0; top: 0; }
.wfSignFlowWriteNR tr td span.markSignS { display: inline-block; width: 28px; height: 28px; margin: 2px 0 2px 2px; padding-left: 0; padding-right: 1px; background:  #ec594e; border-radius: 5px; color: #fff; font-weight: bold; line-height: 28px; text-align: center; font-size: 12px; text-indent: 0;}
.wfSignFlowWriteNR tr td span.markReturnS { display: inline-block; width: 28px; height: 28px; margin: 2px 0 2px 3px; padding-left: 0; padding-right: 1px; background: gray; border-radius: 5px; color: #fff; font-weight: bold; line-height: 28px; text-align: center; font-size: 12px; text-indent: 0;}
.wfSignFlowWriteNR tr td span.markDecideS { display: inline-block; width: 28px; height: 28px; margin: 2px 0 2px 3px; padding-left: 0; padding-right: 1px; background: #3a82c9; border-radius: 5px; color: #fff; font-weight: bold; line-height: 28px; text-align: center; font-size: 12px; text-indent: 0;}
.wfSignFlowWriteNR tr td span.markNoneS { display: inline-block; width: 28px; height: 28px; margin: 2px 0 2px 3px; padding-left: 0; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_signS.gif) center no-repeat;}
.labelConnect { display: inline-block; width:25px; height: 26px; line-height: 26px; margin-right: 5px; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_connect.png) center no-repeat;}
.wfConnectLink { display: inline-block;}
.wfReadTable tr td.wfConnectBottom { height: 35px; padding: 5px; border-bottom:1px solid #ccc; background: #f1f1f1;}
.wfConnectBtn {float: left; padding: 7px 7px 5px 24px; border: 1px solid #c5c5c5; border-radius: 5px; background:#fff url(../[TPH_Vimages]/ico_small.png) -6px -689px no-repeat;}
.wfConnectBtn:hover { border-color: #555; text-decoration: none;}
.wfReadTable tr td.wfConnectNoDoc { height: 38px;}
.sign_write .wfSignNum { display: inline-block; float: left; height: 30px; line-height: 30px;}
.sign_write .wfapprovalNR th span { line-height: 30px;}




.wfSignFlowRead { width: 100%; border-top: 2px solid #4f4f4f;}
.wfSignFlowRead tr th,
.wfSignFlowRead tr td { border: 1px solid #ccc;}
.wfSignFlowRead tr th { height: 25px; background: #f1f1f1;}
.wfSignFlowRead tr td { height: 30px; text-align: center;}
.wfSignFlowRead tr th span { display: inline-block; height: 25px; overflow: hidden; line-height: 28px;}
.wfSignFlowRead tr td span { display: inline-block; max-width: 110px; height: 28px; overflow: hidden; line-height: 28px; vertical-align: middle;}
.wfSignFlowRead tr.bgSignTr th { background: #fff4b9;}

.wfSignFlowRead tr td span.markSignS { display: inline-block; width: 28px; height: 28px; margin-left:3px; background: #6ba20b; border-radius: 20px; color: #fff; font-weight: bold; line-height: 28px; text-align: center; font-size: 12px;}
.wfSignFlowRead tr td span.markReturnS { display: inline-block; width: 28px; height: 28px; margin-left:3px; background: #ec594e; color: #fff; font-weight: bold; line-height: 28px; text-align: center; font-size: 12px;}
.wfSignFlowRead tr td span.markDecideS { display: inline-block; width: 28px; height: 28px; margin-left:3px; background: #3a82c9; border-radius: 20px; color: #fff; font-weight: bold; line-height: 28px; text-align: center; font-size: 12px; }
.wfSignFlowRead tr td span.markNoneS { display: inline-block; width: 29px; height: 26px; margin-left:3px; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_signS.gif) center no-repeat;}
.wfSignFlowWriteNR tr td span.markNoneS { display: inline-block; width: 28px; height: 28px; margin: 2px 0 2px 3px; padding-left: 0; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_signS.gif) center no-repeat;}


/*.adrWrap .workflowRead,*/
.sign_write .workflowRead,
.sign_view .workflowRead,
.sign_tmp .workflowRead,
.sign_read .workflowRead,
.official_doc_view .workflowRead,
.official_doc_write .workflowRead,
.official_doc_write_inside .workflowRead,
.official_doc_write_outside .workflowRead,
.official_doc_write_outside_receive .workflowRead,
.official_doc_read .workflowRead { width: 1005px;}

/*.resWrap .workflowRead{max-width: 1005px;}*/




/*결재하단 부서문서함 선택 버튼영역*/
.workflowWrap .bottomSearchBtn,
.sign_view .bottomSearchBtn,
.sign_read .bottomSearchBtn,
.sign_write .bottomSearchBtn,
.sign_tmp .bottomSearchBtn,
.official_doc_view .bottomSearchBtn,
.official_doc_write_outside .bottomSearchBtn,
.official_doc_write_inside .bottomSearchBtn,
.official_doc_write_outside_receive .bottomSearchBtn,
.official_doc_read .bottomSearchBtn { width: auto;}
.deptSelSect em { display: inline-block; height: 36px; margin-right: 8px; line-height: 36px;}

.bgSign { background: #fff4b9;}
.bgAgree { background: #f1f1f1;}
.wfSignFlowUl { margin-top: 10px;}
.wfSignFlowUl li { position: relative; width: 100%; min-height: 25px; line-height: 14px; text-align: center;}
.wfSignFlowUl li:first-child { height: 24px; line-height: 14px;}
.wfSignFlowUl li:last-child { height: 50px;}
.markSign { display: inline-block; width: 42px; height: 42px; background: #6ba20b; border-radius: 20px; color: #fff; font-weight: bold; line-height: 42px; text-align: center;}
.markReturn { display: inline-block; width: 42px; height: 42px; background: #ec594e; color: #fff; font-weight: bold; line-height: 42px; text-align: center;}
.markDecide { display: inline-block; width: 0; height: 0; border: 25px solid transparent; border-bottom-color: #3a82c9;	position: relative;	top: -27px; }
.markDecide:after {	content: ''; position: absolute; left: -25px; top: 25px; width: 0;	height: 0; border: 25px solid transparent;	border-top-color: #3a82c9;}
.markDecide em { position: absolute; top: 17px; left: -25px; display: block; width: 50px; height: 30px; z-index: 9; color: #fff; font-weight: bold; }
.markNone { display: inline-block; width: 43px; height: 50px; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_sign.gif) center no-repeat;}
.btnWfSign { position: relative; display: inline-block; min-width: 45px; padding: 7px 10px; margin-top: 9px; border: 2px solid #41bceb; border-radius: 5px; background: #fff;}
.btnWfSign:hover { border: 2px solid #3a82c9; text-decoration: none;}
.labelSignBorder { display: block; position: absolute; top: -72px; left: -26px; width: 107px; height: 112px; border: 5px solid #3fc3f5; text-indent: -9999px;}
.markSignImg { width: 90px; height: 50px;}
.wfSignFlowUl .tboxSignPick { width: 90px; height: 24px; margin-top: 4px; margin-bottom: 3px; border: 1px solid #e0e0e0; border-radius: 3px; text-align: center;}

.wfSignBody { width: 100%; border-top: 2px solid #4f4f4f;}
.wfSignBody tr th,
.wfSignBody tr td { border: 1px solid #ccc;}
.wfSignBody tr th { background: #f1f1f1;}
.wfSignBody tr td { padding: 5px;}
.wfSignBody tr.smallHLine th,
.wfSignBody tr.smallHLine td { height: 25px; padding: 0 10px;}

/*IE10 테이블 collapse일때 보더 제데로 나오지않는 문제*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .wfSignBody { border-collapse: separate;}
    .wfSignBody tr th,
    .wfSignBody tr td { border: none; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
    .wfSignBody tr th:last-child,
    .wfSignBody tr td:last-child { border-right: 1px solid #ccc;}
}

.hwptable table { width: 100%; }

.txtBox01 { height: 30px; border: 1px solid #ccc; text-indent: 5px;}
.txtBox02 { height: 25px; border: 1px solid #ccc; text-indent: 5px;}
.selBox01 { height: 24px; border: 1px solid #ccc;}
.txtArea01 { border: 1px solid #ccc; overflow: hidden;}
input[type=checkbox] { width: 18px; height: 18px; cursor: pointer;}
input[type=radio] { width: 18px; height: 18px; cursor: pointer;}
.substance { width: 100%; height: 60px; padding:5px; overflow-y: scroll; box-sizing:border-box;}
.explain { display: block; padding: 0 0 5px 17px; background: url(../[TPH_Vimages]/ico_select.png) left -1px no-repeat;}
.usetable { display: block; width: 80px; line-height: 22px; margin: 5px auto 0; padding: 0 5px; border-radius: 10px; background: #fff;}


/*승인사유 popup*/
.reasonLayer { position: fixed; top: 50%; left: 50%; width: 570px; min-height: 230px; margin-top: -115px; margin-left: -285px; padding: 5px 20px; box-sizing: border-box; box-shadow: 1px 1px 7px rgba(0,0,0,0.5); background: #fff; z-index: 11;}
.offiShareLayer { margin-top: -200px;}
.scheLayer { top: 37%; width: 730px; margin-top: -190px; margin-left: -365px;}
.reasonLayerList { top: 50%; height: 720px; margin-top: -350px; }
.wfConnPop { width: 1000px; margin-left: -500px;}
.reasonLayerListIn { height: 481px; overflow-y: scroll; border-top: 1px solid #ccc;}
.wfConnListIn { height: 400px;}
.addrEditList { top: 50%; height: 505px; margin-top: -250px; }
.addrEditListIn { height: 261px; overflow-y: scroll; border-top: 1px solid #ccc;}
.reasonTxt  { width: 515px; height: 100px; padding: 5px 0; border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; overflow-y: scroll; box-sizing: border-box; margin-bottom: 10px;}
.noBd { border:none;}
#fullLayerBgNo { position: fixed; top: 0px; width: 100%; height: 100%; z-index: 10; opacity: 0;}
.wfConnPopPage { position: absolute; top: 130px; right: 20px;}

.sampleLayer { top: 10px; bottom: 10px; margin-top: 0; margin-left: -500px; width: 1070px; min-height: 600px;}
.sampleDocImg { min-width: 1000px; height: 90%; min-height: 400px; overflow: auto; text-align: center;}
.sampleDocImg img { width: 1000px;}
@media only screen and (max-height : 1200px) {.sampleDocImg { height: 88%; }}
@media only screen and (max-height : 1000px) {.sampleDocImg { height: 86%; }}
@media only screen and (max-height : 800px) {.sampleDocImg { height: 84%; }}
@media only screen and (max-height : 700px) {.sampleDocImg { height: 82%; }}
@media only screen and (max-height : 650px) {.sampleDocImg { height: 80%; }}

/*자주쓰는 결재라인 팝업*/
.regularSignLine { width: auto; top: 465px; left: 320px; margin: 0;}
.regularSignLineInner { padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.regularSignList li { padding-bottom: 7px;}
.regularDiv { display: inline-block; margin-right: 8px; vertical-align: middle; cursor: pointer;}
.regularDiv span em { font-weight: bold;}
.regularBasic { margin-right: 2px; padding: 4px 8px; border-radius: 20px; border:2px solid #b8b8b8; line-height: 30px;}
.regularGray { border:2px solid #c5c5c5; background-color: #f1f1f1;}
.regularYellow { margin-right: 0; border:2px solid #dace90; background-color: #fff4b9;}

/*전자결재 첨부파일*/
.icoAtt { min-width: 33px; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_small.png) left -494px no-repeat;}
span.icoAtt { display: block; height: 28px; background-position: center -498px;}
span.icoNew { display: block; width: 25px; height: 25px; background-color:#ED7458; border-radius: 30px; color: #fff !important; text-align: center; line-height: 25px; }
span.icoNoti { display: inline-block; min-width: 30px; height: 25px; padding: 0 5px; background-color:#046DC0; border-radius: 20px; color: #fff !important; text-align: center; line-height: 25px; }
.wfReadTable2 tr td.inputAttArea { height: auto; padding: 0;}
.wfReadTable2 tr td.inputAttArea #uploadTable table tr td,
.wfReadTable2 tr td.inputAttArea #pubdocUploadTable table tr td,
.wfReadTable2 tr td.inputAttArea #officialbodyUploadTable table tr td { padding: 0;}
.plupload_container { padding: 0;}
#uploadTable table tbody tr{border: none !important;}
#uploadTable>table,
#pubdocUploadTable>table,
#officialbodyUploadTable>table { width: 100%;}
#html5_uploader,
#html5_uploader_pubdoc,
#html5_uploader_officialbody { width: 100% !important;}
.plupload_scroll .plupload_filelist { background: #fff;}
.plupload_filelist_header, 
.plupload_filelist_footer { background: #f1f1f1;}
.plupload_filelist_footer { height: 27px;}
li.plupload_droptext { line-height: 20px; padding-top: 107px; background: url(../[TPH_Vimages]/bg_att.png) center 50px no-repeat; }
.icoAtt + td { position: relative;}
.btnAttDel { position: absolute; top: 1.5px; right: 0; width: 30px; height: 30px; text-indent: -9999px; cursor: pointer; background: url(../[TPH_Vimages]/ico_small.png) center -647px no-repeat;}
.btnAttDelTd { display: inline-block; width: 28px; height: 28px; text-indent: -9999px; cursor: pointer; background: url(../[TPH_Vimages]/ico_small.png) center -648px no-repeat;}
.btnRecvEdit { display: inline-block; width: 28px; height: 28px; text-indent: -9999px; cursor: pointer; background: url(../[TPH_Vimages]/ico_small.png) center -1648px no-repeat;}
.btnConnectDel {display: block; margin: 0 auto; width: 25px; height: 25px; text-indent: -9999px; cursor: pointer; background: url(../[TPH_Vimages]/ico_small.png) -7px -650px no-repeat;}
.plupload_button { padding: 5px 13px 5px 30px; border: 1px solid #c5c5c5; font-size: 14px; background:#fff url(../[TPH_Vimages]/ico_small.png) 0px -692px no-repeat;}
.plupload_button:hover { border-color: #555; text-decoration: none;}
.noteReceiveTable tr th .btnFold { background:#fff url(../[TPH_Vimages]/ico_small.png) -10px -1488px no-repeat;}

.txtEditArea {border: 1px solid #ccc; border-top: 2px solid #4f4f4f;}
.txtEditArea iframe { border: none;}
.mailPreviewArea { min-height: 680px; border: 1px solid #ccc; border-top: 2px solid #4f4f4f;}
.mailPreviewArea img { width: 100% !important;}
.withMailChk { height: 35px; padding-left: 12px; line-height: 32px; background: #f1f1f1;}
.withMailChk label { padding-left: 5px; vertical-align: top;}

.txtNotify { padding: 10px 0px; white-space: pre-wrap; line-height: 28px;}

.wfReadTable tr td .plupload_file_name { width:auto; max-width: 700px;}
.wfReadTable tr td .plupload_file_name span { text-align: left;}

.wfReadTable tr td.mailAttTd { padding: 13px 5px; text-align: left; border: 1px solid #ccc;}
.wfReadTable tr td.mailAttTd2 { height: 36px; padding: 0px 10px; text-align: left; border: 1px solid #ccc;}

/*ie9 첨부*/
html>body .wfReadTable tr td.inputAttArea { height: 100px;} /*ie9 이하*/
.wfReadTable tr td.inputAttArea #uploadTable .uploadTd01,
.wfReadTable tr td.inputAttArea #pubdocUploadTable .uploadTd01,
.wfReadTable tr td.inputAttArea #officialbodyUploadTable .uploadTd01 { width: 610px; padding: 10px; border-bottom: none; background-color: #f0f0f0;}
.wfReadTable tr td.inputAttArea #uploadTable .uploadTd02,
.wfReadTable tr td.inputAttArea #pubdocUploadTable .uploadTd02,
.wfReadTable tr td.inputAttArea #officialbodyUploadTable .uploadTd02 { height: 20px; padding-top: 5px; text-align: left; border-bottom: none; background-color: #f0f0f0;}
.wfReadTable tr td.inputAttArea #uploadTable .uploadTd03,
.wfReadTable tr td.inputAttArea #officialbodyUploadTable .uploadTd03 { vertical-align: top; text-align: left; border-bottom: none; background-color: #f0f0f0;}

/*결재내용 하단*/
.signContentBottom { margin-top: 10px; text-align: center;}
.signContentText { padding-top: 15px;}
.signContentLast { padding-top: 20px; padding-bottom: 5px; font-size: 20px; font-weight: bold;}

/*라벨*/
.icoMail { display: inline-block; min-width: 19px; height: 25px; margin-left: 3px; padding: 0 5px; border-radius: 50px; color: #fff; line-height: 25px; }
.icoMailNew { background-color:#7eb026;}
.icoMailFwd { background-color:#819bc1;}
.icoMailPop { background-color:#e4e4e4; color: #444;}
.icoMailRe { background-color:#78c4c7;}
.icoMailRed { background-color:#ec594e;}
.icoMailViolet { background-color:#9b73c8;}
.icoMailSky { background-color:#51add0;}
.icoMailBlack { background-color:#585858;}
.icoMailBlackGray { background-color:#828282;}
/*전자결재 중요라벨*/
.varLabel { position: relative; display: inline-block; margin-right: 3px; padding: 0 7px; height: 24px; line-height: 24px; background: #f45125; color: #fff; font-weight: normal; text-align: center; border-radius: 20px; cursor: default;}
.varLabel02 { position: relative; display: inline-block; margin-right: 3px; padding: 0 7px; height: 21px; line-height: 24px; background: #f45125; color: #fff; font-weight: normal; text-align: center; border-radius: 20px; cursor: default;}
.impLabel { display: inline-block; width: 16px; height: 16px; margin: -1px 5px 0 10px; vertical-align: middle; border-radius: 100%; text-indent: -9999px; background: #f45125;}
.varBlack { background: #444;}
.varMint { background: #78C4C7;}
.varGray { background: #dfdfdf; color: #444}
.varOrange { background: #f19824;}
.varYellow { background: #ffe533; color: #7a6c0b;}
.varGreen { background: #57af4c;}
.varSky { background: #2bfaf3; color: #12817d;}
.varBlue { background: #046DC0;}
.varViolet { background: #9A66D6;}
.varPink { background: #fa45eb;}
.varAll { background: #fff; border: 1px solid #aaa;}

.varLabelDel { position: absolute; top: 0; right: 0; display: none; width: 24px; height: 24px; border-radius: 20px; text-indent: -9999px; background: #f45125 url(../[TPH_Vimages]/ico_new.png) 1px -249px no-repeat; box-shadow: 1px 1px 6px rgba(0,0,0,0.4);}
.varLabel:hover .varLabelDel { display: inline-block;}
.varBlack .varLabelDel { background-color: #444;}
.varGray .varLabelDel { background-color: #999;}
.varOrange .varLabelDel { background-color: #f19824;}
.varYellow .varLabelDel { background-color: #ceb400;}
.varGreen .varLabelDel { background-color: #66b00f;}
.varSky .varLabelDel { background-color: #0eada8;}
.varBlue .varLabelDel { background-color: #046DC0;}
.varViolet .varLabelDel { background-color: #9e58ef;}
.varPink .varLabelDel { background-color: #fa45eb;}

.importantLabel { margin-top: 10px; margin-bottom: -7px;}
.divLabelSet { position: relative; display: inline-block; vertical-align: top;}
.btnLabelSet { display: inline-block; width: 74px; height: 22px; padding-left: 10px; cursor: pointer; border: 1px solid #bfbfbf; border-radius: 20px; line-height: 21px; background: url(../[TPH_Vimages]/ico_small.png) 37px -192px no-repeat;}
.btnLabelSet:hover { border-color: #61acf6;}
.divLabelSelect { position: absolute; top: 35px; left: 0; min-width: 255px; min-height: 100px; border: 3px solid #fff; background: #fff; z-index: 5; box-shadow: 1px 1px 7px rgba(0,0,0,0.4);}
.divLabelSelect h4 { height: 38px; line-height: 38px; text-indent: 10px; font-weight: bold; background: #e7e7e7;}
.ulLabelSelect { margin-top: 3px;}
.ulLabelSelect li {}
.ulLabelSelect li:hover { background: #f1f1f1;}
.ulLabelSelect li input { display: none;}
.ulLabelSelect li label { display: inline-block; width: 100%; height: 32px; line-height: 32px;}
.ulLabelSelect li input:checked + label { background: #fff4b9;}
.btnLabelSetClose { position: absolute; top: 0; right: 0; display: block; width: 38px; height: 38px; text-indent: -9999px; cursor: pointer; background: url(../[TPH_Vimages]/ico_new.png) 7px -38px no-repeat; }
.btnLabelSetClose:hover { background-position: 7px -138px; }

.offiDocListLabel .btnLabelSet { width: auto; min-width: 74px; height: 36px; padding-right: 20px; border-radius: 5px; line-height: 36px; background: url(../[TPH_Vimages]/ico_new.png) right -186px no-repeat;}
.offiDocListLabel .divLabelSelect { top: 44px; left: auto; right: 0;}
.offiDocListLabel .varRed { background-color: #f45125; color: #fff;}
.offiDocListLabel .varBlack { background-color: #444; color: #fff;}
.offiDocListLabel .varGray { background-color: #dfdfdf; color: #444}
.offiDocListLabel .varOrange { background-color: #f19824; color: #fff;}
.offiDocListLabel .varYellow { background-color: #ffe533; color: #7a6c0b;}
.offiDocListLabel .varGreen { background-color: #76cf0d; color: #fff;}
.offiDocListLabel .varSky { background-color: #2bfaf3; color: #12817d;}
.offiDocListLabel .varBlue { background-color: #476eff; color: #fff;}
.offiDocListLabel .varViolet { background-color: #9e58ef; color: #fff;}
.offiDocListLabel .varPink { background-color: #fa45eb; color: #fff;}
.offiDocListLabel .varAll { background-color: #fff; border: 1px solid #aaa;}

/*버튼*/
.btnBasic { display: inline-block; min-width: 75px; margin-right: 0px; padding: 10px; background: #fff; border-radius: 12px; border: 1px solid #ccc; font-weight: bold; text-align: center; box-sizing:border-box; line-height: 16px;}
.btnBgblue{display: inline-block; min-width: 75px; margin-right: 0px; padding: 10px; background: #fff; border-radius: 12px; border: 1px solid #046DC0; font-weight: bold; text-align: center; box-sizing:border-box; line-height: 16px; background: #046DC0 !important; color: #fff !important; font-weight: bold;}
.btnBgbyellow{display: inline-block; min-width: 75px; margin-right: 0px; padding: 10px; background: #fff; border-radius: 12px; border: 1px solid #ccc; font-weight: bold; text-align: center; box-sizing:border-box; line-height: 16px; background: #ffb703 !important; color: #fff !important; font-weight: bold;}
.btnBgred{display: inline-block; min-width: 75px; margin-right: 0px; padding: 10px; background: #fff; border-radius: 12px; border: 1px solid #ec594e; font-weight: bold; text-align: center; box-sizing:border-box; line-height: 16px; background: #ec594e !important; color: #fff !important; font-weight: bold;}
.btnBasic:hover { text-decoration: none; border: 1px solid #555; box-sizing: border-box;}
.btnSign { padding: 8px 10px; border: 1px solid #ccc; background: #fff;}
.btnSign:hover { border: 1px solid #ccc;}
.btnBasicSmall {display: inline-block; padding: 8px 10px; border: 1px solid #ccc; background: #fff; border-radius: 7px;}
.btnBasicSmall:hover {border: 1px solid #555; text-decoration: none;}
.note_send .noteReceiveTable tr th a.btnSign { padding:5px 10px; margin: 8px 0;}
.btnBasic+.btnDecide { background: #3a82c9; border: 1px solid #3a82c9; color: #fff;}
.btnBasic+.btnReturn { background: #ec594e; border: 1px solid #ec594e; color: #fff;}
.btnBasic+.btnHold { background: #a576dc; border: 1px solid #a576dc; color: #fff;}
.btnBasic+.btnHoldOff { background: #f7e674; border: 1px solid #e1c928; color: #6c600d;}
.btnBasic+.btnDecide:hover { padding: 9px 10px; border:2px solid #155799;}
.btnBasic+.btnReturn:hover { padding: 9px 10px; border:2px solid #b3352c;}
.btnBasic+.btnHold:hover { padding: 9px 10px; border:2px solid #623b91;}
.tBoxWf { width: 89px; height: 18px; text-align: center;}
.btnBasic.btnRefresh { text-indent: -9999px; background:#efefef url(../[TPH_Vimages]/ico_small.png) center -892px no-repeat;}
.btnBasic.btnGarbage { text-indent: -9999px; background:#efefef url(../[TPH_Vimages]/ico_small.png) center -843px no-repeat;}
.btnMove { min-width: 80px; max-width: 105px; height: 36px; margin-right: 2px; padding-left: 5px; border: none; background-color: #fff; -moz-appearance:none;  border-radius: 12px; }
 @-moz-document url-prefix() { .btnMove { background: #fff url(../[TPH_Vimages]/ico_select.png) right 9px no-repeat;}}
.btnSort { min-width: 115px; max-width: 200px; height: 36px; margin-right: 2px; padding-left: 5px; border: none; border-radius: 5px; background-color: #fff; -moz-appearance:none;}
 @-moz-document url-prefix() { .btnSort { background: #fff url(../[TPH_Vimages]/ico_select.png) right 9px no-repeat;}}
.btnMoveAddr { min-width: 100px; height: 23px; padding-left: 5px; border: none;}
.btnMoveSutalk { max-width: 200px;}
.btnMoveBorder { display: inline-block; border: 1px solid #c5c5c5; border-radius: 12px; vertical-align: top;}
.btnBasic.btnUp { min-width: 50px; text-indent: -9999px; background:#efefef url(../[TPH_Vimages]/ico_small.png) center -1041px no-repeat;}
.btnBasic.btnDown { min-width: 50px; text-indent: -9999px; background:#efefef url(../[TPH_Vimages]/ico_small.png) center -1090px no-repeat;}

/*연계문서 팝업 버튼*/
.wfConnPopPage .btnNext {display: inline-block; min-width: 75px; margin-right: 0px; padding: 10px; background: #fff; border-radius: 12px; text-align: center; box-sizing: border-box; line-height: 16px; min-width: 50px; text-indent: -9999px; background:url(../[TPH_Vimages]/ico_small.png) center -1441px no-repeat;}
.wfConnPopPage .btnPrev {display: inline-block; min-width: 75px; margin-right: 0px; padding: 10px; background: #fff; border-radius: 12px; text-align: center; box-sizing: border-box; line-height: 16px; min-width: 50px; text-indent: -9999px; background:url(../[TPH_Vimages]/ico_small.png) center -1391px no-repeat;}
.wfConnPop .centerBtn{margin-top: 40px !important;}

/*조직도 좌우 버튼*/
.mainleftBtn .btnNext {display: inline-block; width: 13px; height: 23px;box-sizing: border-box; text-align: center; text-indent: -9999px; background: url(../%5BTPH_Vimages%5D/ico_next.svg) center no-repeat; background-size: contain;}
.mainleftBtn .btnPrev {display: inline-block; width: 13px; height: 23px;box-sizing: border-box;  border-radius: 12px; text-align: center; box-sizing: border-box;text-indent: -9999px; background:url(../%5BTPH_Vimages%5D/ico_prev.svg) center no-repeat; background-size: contain;}


/*일정 반복일정추가 팝업*/
.slcheduleLayer { max-width:370px; width: 90vw; min-height: 250px; padding: 5px 20px; box-sizing: border-box; box-shadow: 1px 1px 7px rgba(0,0,0,0.5); background: #fff; z-index: 13;   position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%;}
.slcheduleLayer .wfReadTable td{border-left: none; border-right: none;} 
.slcheduleLayer .wfReadTable.mt10 {margin-top: 0px !important;}
.slcheduleLayer .centerBtn {margin-top: 17px !important;}

/*일정  팝업 (회의일정 상세보기, 등록)*/
.layerDiv { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 11;}

.meetingScheRegi { width: 1000px; min-height: 300px; box-shadow: 1px 1px 20px rgba(0,0,0,0.8);background: #fff; position: relative;}

.slcheduleMeetingR { float: right; right: 0; max-height: 400px; padding: 5px 20px 5px 10px; box-sizing: border-box;  background: #fff; z-index: 13; box-sizing: border-box; width: 50%;}
.slcheduleMeetingR .noteReceiveTable.mtBottomNone tr:nth-child(3) td{border-bottom: none;padding: 0px 5px 0 5px;}
.slcheduleMeetingR .noteReceiveTable.mtBottomNone tr:nth-child(4) td{padding: 0px 5px 0 5px;}
.slcheduleMeetingR .noteReceiveTable td .txtBox01 {width: calc(100% - 15px);}

.slcheduleMeetingR .noteReceiveTable{border-top: 2px solid #4f4f4f; width: 470px;}
.slcheduleMeetingR .noteReceiveTable td{border-right: none; border-left: none; box-sizing: border-box;}

.slcheduleMeetingR .noteReceiveTable td input.regiTbox{ margin-right: 0;}
.slcheduleMeetingR .noteReceiveTable td .txtBox01 {width: calc(100% - 5px);}
.slcheduleMeetingR .noteReceiveTable td  > span {display: inline-block; margin: 5px 0; width: 100%;}
.slcheduleMeetingR .noteReceiveTable td input.regiTbox {width: calc(100% - 60px);}
.slcheduleMeetingR .noteReceiveTable td input.regiTbox:nth-of-type(3),
.slcheduleMeetingR .noteReceiveTable td input.regiTbox:nth-of-type(4) {margin-bottom: 5px; }
.slcheduleMeetingR .noteReceiveTable td label.regiChk{display: inline-block;}
.slcheduleMeetingR .noteReceiveTable tr:last-child th{white-space: nowrap;}
.slcheduleMeetingR .noteReceiveTable td:nth-of-type(2) input{float: right;}
.slcheduleMeetingR .noteReceiveTable.mt10 {margin-top: 0px !important;}
.slcheduleMeetingR .centerBtn {position: absolute; bottom: 10px; right: 10px;}

.popHead02 { height: 50px; padding-left: 28px; font-size: 16px; line-height: 50px; font-weight: bold; text-align: left; background: url(../[TPH_Vimages]/ico_small.png) -8px -585px no-repeat;}
.slcheduleLayerListMiddle{border-top: 2px solid #4f4f4f; padding: 10px 5px; border-bottom: 1px solid #ccc;}
.slcheduleLayerListMiddle span{display: inline-block;}
.slcheduleLayerListMiddle span:nth-child(1){border-right: 1px solid #444; padding-right: 10px;}


.slcheduleMeetingL {max-width: 500px; padding: 5px 0px 0px 20px; box-sizing: border-box; background: #fff; height: 100%; float: left; width: 50%;}
.slcheduleMeetingL::-webkit-scrollbar {
display: none; }
.slcheduleMeetingL .popHead{display: inline-block;}
.slcheduleMeetingL .slcheduleLayerListHead{display: inline-block; width: 100%;}
.slcheduleMeetingL .slcheduleLayerListHead > a {float: right; margin-top: 5px;}
.slcheduleMeetingL .noteReceiveList ul{width: 100%;height: 420px; overflow-y: scroll; display:inline-block; }
.slcheduleMeetingL .noteReceiveList li {width: 100%; height: auto; border-bottom: 1px solid #c9c9c9; position: relative; overflow: hidden;}
.aBlock{display: block; padding: 0px;}
.slcheduleMeetingL .noteReceiveList li:hover {background: #FFF4B9;}
.slcheduleMeetingL .noteReceiveList li > a{position: relative; height: 100%; width:calc(100% - 120px); display: inline-block; padding: 15px 5px; }
.slcheduleMeetingL .noteReceiveList li a:hover{text-decoration: none;}
.aBlock > span{width: 100%; display: inline-block;}
.aBlock > span i{font-style: inherit; display: inline-block;}
.aBlock > span:nth-child(1) span:nth-child(2){font-size: 16px;}
.aBlock > span:nth-child(2){ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}
.aBlock > span:nth-child(3){ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}
.noteReceiveListBtnBox {display: inline-block; vertical-align:baseline; float: right; margin-top: 28px; padding-right: 15px;}
.noteReceiveListBtnBox a{margin: 0;}
/*일정회의 중복등록 불가능*/
.zi13{z-index: 13;}
.slcheduleLayer.Zi13 .slcheduleMeetingL{float: inherit; width: 100%; padding:0;}
.slcheduleLayer.Zi13 .slcheduleMeetingL .noteReceiveList li > a{width: 98%;}
.popHead03 {font-size: 16px; font-weight: bold; text-align: left; color: #f45125;display: inline-block; margin-bottom: 10px;}
.slcheduleNoneHead{padding: 20px 0; border-bottom: 1px solid #c9c9c9;}
.popHead04 {font-size: 16px; height: 50px; line-height: 50px; font-weight: bold; text-align: left; color: #444; display: inline-block;}
.slcheduleNoneHead{padding: 15px 0; border-bottom: 1px solid #c9c9c9;}

/*일정 좌우 버튼*/
.scheduleWrap .contents .cont .topSearchBtn .leftBtn{display: flex; align-items: center;}
.scheduleWrap .contents .cont .topSearchBtn .btnNext {display: inline-block; width: 13px; height: 23px;box-sizing: border-box; text-align: center; text-indent: -9999px; background:  url(../%5BTPH_Vimages%5D/ico_next.svg) center no-repeat; background-size: contain; margin-left: 20px;}
.scheduleWrap .contents .cont .topSearchBtn .btnPrev {display: inline-block; width: 13px; height: 23px;box-sizing: border-box; text-align: center; box-sizing: border-box;text-indent: -9999px; background:url(../%5BTPH_Vimages%5D/ico_prev.svg) center no-repeat; background-size: contain; margin-right: 20px;}


/*일정 월간일정관리*/
.scheduleWrap .contents .cont .scheduledateBtn .btnNext {display: inline-block; width: 13px; height: 23px;box-sizing: border-box; text-align: center; text-indent: -9999px; background:  url(../%5BTPH_Vimages%5D/ico_next.svg) center no-repeat; background-size: contain; margin-left: 20px;}
.scheduleWrap .contents .cont .scheduledateBtn .btnPrev {display: inline-block; width: 13px; height: 23px;box-sizing: border-box; text-align: center; box-sizing: border-box;text-indent: -9999px; background:url(../%5BTPH_Vimages%5D/ico_prev.svg) center no-repeat; background-size: contain; margin-right: 20px;}
.scheduleWrap .contents .cont .scheduledateBtn02 {display: none;}
.slcheduleMeetingR .noteReceiveTable colgroup col:nth-child(1) {width: 60px !important;}


/*adrWrap 보고서*/
.adrWrap .contents .cont div:nth-child(3){box-sizing: border-box;}
.adrWrap .contents .cont .workflowRead .wfSignBody:nth-of-type(1){border-top: 1px solid #ccc; margin-top: 15px;}
.adrWrap .contents .cont .workflowRead .wfSignBody tr {border-bottom: 1px solid #ccc;}
.adrWrap .contents .cont .workflowRead .wfSignBody tr th{height: 26px; padding: 5px;}
/*.adrWrap .contents .cont .workflowRead .wfSignBody tr th{border: none;}*/
.adrListTitle{display: flex; justify-content: space-between; align-items: center; height: 30px; margin-left: 5px;}
.adrListTitle span{font-size: 14px; color: #444; font-weight: normal; margin-right: 5px;}
/*adrWrap 미리보기*/
.read_preview .wfSignBody tr {border-bottom: 1px solid #ccc;}
.read_preview .wfSignBody tr th { padding: 5px; border: none;}
.read_preview .wfSignBody tr td{border: none !important; border-bottom: 1px solid #ccc;}


.sign_read_preview .wfapprovalNR tr td {padding: 0 5px;}

/*ADR반응형표*/
.workflowTable7 {border-spacing: 0; width: 100%; border-collapse: collapse; margin: 0 auto;}
.workflowTable7 tr th, .workflowTable7 tr td {text-align: center;}
.workflowTable7 tr td { word-break:break-all; word-wrap:break-word;}
.workflowTable7 th{position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #bababa;}
.workflowTable7 th span {display: inline-block; position: absolute; bottom: 0; right: -1px; width: 1px; height: 8px; background: #bababa;}
.workflowTable7 tr{border-bottom:1px solid #c9c9c9;}
.workflowTable7 select{border: none;}
.workflowTable7 select:focus{outline: none;}
.workflowName7{display: inline-block; width: 100%; height: 42px; overflow: hidden; word-break: break-all; text-align: left; width: 95%;}
.workflowName7 > span{display: block; width: 100%; height: 18px; padding: 0 0 0 0; overflow: hidden; padding-top: 13px;}

/*adrWrap 보기페이지에서 페이징버튼 숨김*/
.adrRead .pageNation{display: none;}

/*adrWrap ADR입력*/
.adrChkTable { width: 100%;}
.adrChkTable tr{border: none !important;}
.adrChkTable tr td { padding: 0 !important; border: none !important;}
.adrChkTable tr td label { display: inline-block; height: 20px; line-height: 20px;}
.sideEffectGrid label{margin-bottom: 10px;}
.adrChkTable tr td label input { margin-right: 3px;}
.requiredRed {color: #f02c07; font-weight: bold;}
.adrWrap .contents .cont .workflowRead .pageNation{display: none;}


/*근접오류 보고서*/
.voeWrap .contents .cont .workflowTable8 {border-spacing: 0; width: 100%; border-collapse: collapse; margin: 0 auto;}
.voeWrap .contents .cont .workflowTable8 tr th, .workflowTable8 tr td {text-align: center;}
.voeWrap .contents .cont .workflowTable8 tr td { word-break:break-all; word-wrap:break-word; text-align: center;}
.voeWrap .contents .cont .workflowTable8 th{position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #bababa;}
.voeWrap .contents .cont .workflowTable8 th span {display: inline-block; position: absolute; bottom: 0; right: -1px; width: 1px; height: 8px; background: #bababa;}
.voeWrap .contents .cont .workflowTable8 tr{border-bottom:1px solid #c9c9c9;}
.voeWrap .contents .cont .workflowTable8 select{border: none;}
.voeWrap .contents .cont .workflowTable8 select:focus{outline: none;}
.voeWrap .contents .cont .workflowName8{display: inline-block; width: 100%; height: 42px; overflow: hidden;word-break: break-all; text-align: left; width: 95%;}
.voeWrap .contents .cont .workflowName8 > span{display: block; width: 100%; height: 18px; padding: 0 0 0 0; overflow: hidden; padding-top: 15px;}

/*신입직원 소개 greeting*/
.greWrap .contents .cont .workflowTable8 {border-spacing: 0; width: 100%; border-collapse: collapse; margin: 0 auto;}
.greWrap .contents .cont .workflowTable8 tr th, .workflowTable7 tr td {text-align: center;}
.greWrap .contents .cont .workflowTable8 tr td { word-break:break-all; word-wrap:break-word;}
.greWrap .contents .cont .workflowTable8 th{position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #bababa;}
.greWrap .contents .cont .workflowTable8 th span {display: inline-block; position: absolute; bottom: 0; right: -1px; width: 1px; height: 8px; background: #bababa;}
.greWrap .contents .cont .workflowTable8 tr{border-bottom:1px solid #c9c9c9;}
.greWrap .contents .cont .workflowTable8 select{border: none;}
.greWrap .contents .cont .workflowTable8 select:focus{outline: none;}
.greWrap .contents .cont .workflowName8{display: inline-block; width: 100%; height: 42px; overflow: hidden; word-break: break-all; text-align: left; width: 95%;}
.greWrap .contents .cont .workflowName8 > span{display: block; width: 100%; height: 18px; padding: 0 0 0 0; overflow: hidden; padding-top: 15px;}
.greWrap .contents .cont .workflowRead .wfSignBody  tr td .fileAdd { width: 600px; display: block; line-height: 24px;}

/*회원정보관리 user*/
.userModyEdit {width: 100%;}
.userModyEdit tr {border-bottom: 1px solid #ccc;}
.userModyEdit tr th,
.userModyEdit tr td { border: none;}
.userModyEdit tr td input{height: 20px;}
.userModyEdit tr td input.width60p.dispB{width: 350px}
.userModyEdit tr td input.width30p{width: 156px}
.userModyEdit tr td img{ max-width: 200px;}
.userModyEdit tr th { background: #f1f1f1;}
.userModyEdit tr td { padding: 10px;}
.userModyEdit tr:last-child td > input { width: 600px;}

/*중고물품게시판 usedmarket*/
.usedWrap .contents .cont .workflowRead .wfSignBody:nth-of-type(2) {border-top: 2px solid #4f4f4f;}
.usedWrap td input
.pwChangeChk{color: #f02c07 !important; padding-left: 10px; vertical-align: middle;}
#picture.txtBox01{text-indent: 0; width: 300px;}
.userModyEdit tr td .content4{padding-right: 4px; padding-left: 4px; padding-bottom: 4px; padding-top: 4px;}
.userModyEdit tr td > .small { color: #444; font-size: 12PX; line-height: 14px;}
.fileAdd{line-height: 24px; vertical-align: center; width: 600px; display: block; line-height: 24px;}
.fileAdd .small { color: #444; font-size: 12px; line-height: 14px; margin-left: 10px;}
.fileAdd input[type=file]::file-selector-button {display: inline-block; height: 24px; padding: 5px 5px; border: 1px solid #6b6b6b; line-height: 15px; background: #6b6b6b; border-radius: 3px; color: #fff !important; box-sizing: border-box; vertical-align: middle;}


.btnSmall { display: inline-block; min-width: 30px; margin-left: 5px; padding: 6px; border: 1px solid #c5c5c5; border-radius: 3px; background-color: #fff; text-align: center; box-sizing: border-box;}
.btnSmall:hover { border: 1px solid #555; text-decoration:none;}
.btnBasic.btnList { text-indent: -9999px; background:#efefef url(../[TPH_Vimages]/ico_small.png) center -1142px no-repeat;}
.btnSendMail { padding: 8px 10px 8px 37px; border: 3px solid #3fc3f5; background:#fff url(../[TPH_Vimages]/ico_small.png) 0px -1193px no-repeat;}
.btnSendMail:hover { border: 3px solid #3a82c9;}
.btnMovement { min-width: 80px; padding-left: 32px; background:#efefef url(../[TPH_Vimages]/ico_ssmall.png) 8px -392px no-repeat;}
.btnDuplication { min-width: 80px; padding-left: 28px; background:#efefef url(../[TPH_Vimages]/ico_ssmall.png) 7px -441px no-repeat;}
.btnBasic.btnPrint { padding-left: 40px; background:#efefef url(../[TPH_Vimages]/ico_ssmall.png) 8px -88px no-repeat;}
.btnPen { padding-left: 28px; background:#efefef url(../[TPH_Vimages]/ico_small.png) 1px -1342px no-repeat;}
.btnBasic.btnOff { opacity: 0.4;}
.btnBasic.btnOff:hover { border-color: #ccc;}

.btnExcel { padding-left: 35px; background:#158157 url(../[TPH_Vimages]/icon_excel.png) 10px 8px no-repeat; color: #fff !important;}
.btnAppoint { padding-left: 35px; background:#efefef url(../[TPH_Vimages]/ico_ssmall.png) 4px -1441px no-repeat;}
.btnDept { padding-left: 29px; background:#fff url(../[TPH_Vimages]/ico_department_schedule.svg) 8px 10px no-repeat;}
.btnInstitute { padding-left: 28px; background:#fff url(../[TPH_Vimages]/ico_Building.svg) 10px 10px no-repeat;}
.newAddBtn {padding-right: 28px !important; background:#046DC0 url(../[TPH_Vimages]/btn_newAdd.svg) 70px 11px no-repeat; color: #fff !important; border: 1px solid #046DC0;}
.newAddBtn:hover{color: #fff;}

.btnScheOn { background:#7B7B7B !important; color:#fff; border-color:#555; color: #fff !important;}
.btnDept.btnScheOn {  padding-left: 29px; background:#7B7B7B url(../[TPH_Vimages]/ico_department_schedule_w.svg) 8px 10px no-repeat !important;}
.btnInstitute.btnScheOn { padding-left: 28px; background:#7B7B7B url(../[TPH_Vimages]/ico_Building_w.svg) 10px 10px no-repeat !important;}

.btnGroupMake { padding-left: 26px; background:#efefef url(../[TPH_Vimages]/ico_small.png) -3px -687px no-repeat;}
.btnGroupAd { padding-left: 28px; background:#efefef url(../[TPH_Vimages]/ico_ssmall.png) 2px -291px no-repeat;}
.btnBlackDel { background: #6b6b6b url(../[TPH_Vimages]/ico_ssmall.png) center -993px no-repeat;}

.btnSub { min-width: 50px; margin-left: 5px; padding: 7px; border: 1px solid #c5c5c5; border-radius: 3px;}
.btnSub:hover { border: 1px solid #3994ee; text-decoration:none;}
.btnSub.btnHeader { padding-left: 28px; background: url(../[TPH_Vimages]/ico_ssmall.png) 0 7px no-repeat;}
.btnSub.btnAutocate { padding-left: 28px; background: url(../[TPH_Vimages]/ico_ssmall.png) 0 -43px no-repeat;}
.btnSub.btnPrint { padding-left: 30px; background: url(../[TPH_Vimages]/ico_ssmall.png) 0 -92px no-repeat;}
.btnSub.btnAddr { padding-left: 35px; background: url(../[TPH_Vimages]/ico_ssmall.png) 4px -144px no-repeat;}
.btnSub.btnRejec { padding-left: 28px; background: url(../[TPH_Vimages]/ico_ssmall.png) 0 -192px no-repeat;}
.btnSub.btnInsert { padding-left: 28px; background: url(../[TPH_Vimages]/ico_ssmall.png) 0 -243px no-repeat;}
.btnSub.btnOpt { padding-left: 28px; background: url(../[TPH_Vimages]/ico_ssmall.png) 0 -294px no-repeat;}
.btnSub.btnUpdown { padding-left: 30px; background: url(../[TPH_Vimages]/ico_ssmall.png) 0 -342px no-repeat;}
.btnSub.btnAlldown { padding: 4px 7px 4px 25px; background:#fff url(../[TPH_Vimages]/ico_ssmall.png) 0 -1546px no-repeat;}
.btnSub.wfAttBtn { float: left; padding: 5px 8px 5px 26px;  background-position: 0 -1545px;}

.btnMini { display: inline-block; min-width: 30px; margin-left: 5px; padding: 3px; border: 1px solid #c5c5c5; border-radius: 3px; background-color: #fff; text-align: center; box-sizing: border-box;}
.btnMini:hover { border: 1px solid #555; text-decoration:none;}
.btnMini.btnEdit { padding-left: 25px; background: #fff url(../[TPH_Vimages]/ico_ssmall.png) 0 -546px no-repeat;}
.btnMini.btnDown { padding-left: 20px; background: #fff url(../[TPH_Vimages]/ico_ssmall.png) -5px -745px no-repeat;}
.btnMini.btnUp { padding-left: 20px; background: #fff url(../[TPH_Vimages]/ico_ssmall.png) -5px -695px no-repeat;}
.btnMiniUp { text-indent: -9999px; background: #fff url(../[TPH_Vimages]/ico_ssmall.png) center -695px no-repeat;}
.btnMiniDown { text-indent: -9999px; background: #fff url(../[TPH_Vimages]/ico_ssmall.png) center -745px no-repeat;}
.btnMiniUp2 { text-indent: -9999px; background: #fff url(../[TPH_Vimages]/ico_ssmall.png) center -1745px no-repeat;}
.btnMiniDown2 { text-indent: -9999px; background: #fff url(../[TPH_Vimages]/ico_ssmall.png) center -1795px no-repeat;}
.btnMiniDel { border: 1px solid #6b6b6b; text-indent: -9999px; background: #6b6b6b url(../[TPH_Vimages]/ico_ssmall.png) center -993px no-repeat;}
.btnMiniAdd { border: 1px solid #7eb026; text-indent: -9999px; background: #7eb026 url(../[TPH_Vimages]/ico_ssmall.png) center -944px no-repeat;}
.btnMiniEmpty { border: 1px solid #819bc1; text-indent: -9999px; background: #819bc1 url(../[TPH_Vimages]/ico_ssmall.png) center -895px no-repeat;}
.btnMiniEdit { border: 1px solid #78c4c7; text-indent: -9999px; background: #78c4c7 url(../[TPH_Vimages]/ico_small.png) center -748px no-repeat;}
.btnMiniEditComp { border: 1px solid #f1f1f1; text-indent: -9999px; vertical-align: middle; background: #f1f1f1 url(../[TPH_Vimages]/ico_small.png) center -348px no-repeat;}
.btnMiniMail { width: 30px; border: 1px solid #78c4c7; text-indent: -9999px; background: #26b081 url(../[TPH_Vimages]/ico_ssmall.png) center -1095px no-repeat;}
.organWrap .btnMiniMail { margin-left: 0;}
.organWrap .btnMiniNote { margin-left: 0;}
.btnMiniCard { width: 30px; border: 1px solid #78c4c7; text-indent: -9999px; background: #61acf6 url(../[TPH_Vimages]/ico_ssmall.png) center -1146px no-repeat;}
.btnMiniNote { width: 30px; border: 1px solid #9a66d6; text-indent: -9999px; background: #9a66d6 url(../[TPH_Vimages]/ico_ssmall.png) center -1298px no-repeat;}
.btnMiniCall:hover { text-decoration: none; cursor: text;}
.organWrap .btnMiniCall { margin-left: 0;}

.btnBlack { display: inline-block; height: 25px; padding: 0 10px; border:1px solid #c5c5c5; line-height: 25px; background: #6b6b6b; border-radius: 3px; color: #fff !important;}
.btnBlack:hover { text-decoration: none; border-color:#222;}
.btnBlackDel { float: right; padding-left: 23px; background: #6b6b6b url(../[TPH_Vimages]/ico_ssmall.png) -2px -993px no-repeat;}
.btnBlackAdd { min-width: 100px; height: 36px; padding-left: 27px; line-height: 32px; box-sizing: border-box; background: #6b6b6b url(../[TPH_Vimages]/ico_ssmall.png) 18px -939px no-repeat;}
.radioGroup { display: inline-block; padding: 5px 0;}

.btnBlackMini { display: inline-block; height: 24px; padding: 5px 5px; border:1px solid #6b6b6b; line-height: 11px; background: #6b6b6b; border-radius: 3px; color: #fff !important; box-sizing: border-box; vertical-align: middle;}
.btnBlackMini:hover { text-decoration: none; border-color:#222;}
.btnBlueMini { background: #3a82c9; border:1px solid #3a82c9;}
.btnBlueMini:hover { border-color:#56c0e8;}
.btnBlueAdd { padding: 3px 6px 4px 25px; background: #3a82c9 url(../[TPH_Vimages]/ico_ssmall.png) 0px -594px no-repeat; color: #fff !important;}

.btnFind { padding-left: 28px; background:#6b6b6b url(../[TPH_Vimages]/ico_ssmall.png) 0px -798px no-repeat;}
.btnSignFavo { display: block; width: 55px; margin: 5px auto 0; line-height: 12px; cursor: pointer;}
.btnSignCallDoc { position: absolute; top: 22px; right: 0; display: block; width: 103px; height: 32px; padding: 8px 0 0 38px; cursor: pointer; background:#6b6b6b url(../[TPH_Vimages]/ico_new.png) 7px -346px no-repeat;}
.btnSignPlus { width: 100%; height: 61px; padding: 24px 0 0 0;  cursor: pointer; font-size: 15px; border-radius: 0; text-align: center; background-color: #999; border: none;}
.btnSignDel { position: absolute; top: -25px; right: 2px; width: 20px; height: 20px; padding: 1px 0; cursor: pointer; font-size: 14px; text-align: center; border-radius: 3px; background-color: #bbb; border-color: #999;}
.btnDisable { background-color: #ccc; border-color: #bbb; cursor: default;}
.btnDisable:hover { border-color: #ccc;}
.btnMailSetPop { position: absolute; bottom: 10px; right: 0; padding-left: 30px; border-color: #666; background:#6b6b6b url(../[TPH_Vimages]/ico_ssmall.png) 0px -1596px no-repeat;}

.mailChkLabel { display: inline-block; min-width: 75px; margin-right: 5px; padding: 8px 11px; border-radius: 5px; border: 2px solid #cfcfcf; font-weight: bold; text-align: center; box-sizing:border-box; vertical-align: top;}
.mailChkLabel input { margin-right: 3px;}
.btnNoRound { border-radius: 0;}

/*popup*/
.popWrap { padding: 0 20px;}
.popWrapAnoteM { padding: 0 15px;}
.popHead { height: 50px; padding-left: 28px; font-size: 16px; line-height: 50px; font-weight: bold; text-align: left; background: url(../[TPH_Vimages]/ico_small.png) -8px -585px no-repeat;}
.wrapper .popHead { height: 40px; padding-left: 32px; background-position: -2px -585px;}
.wrapper .body .plupload { min-width: 440px; border-top:2px solid #4f4f4f;}

/*popup 결재자지정*/
.apprSearch { position: relative; float: left; width: 100%; min-width: 446px; border-bottom: 1px solid #7f7f7f; border-top: 1px solid #7f7f7f; box-sizing: border-box; height: 60px; padding-top: 10px;} 
.btlConfSearch { height: 60px; padding-top: 10px; border-top: none; border-bottom: 1px solid #ccc;}
.btlConfig .btlConfSearch { height: 50px; padding-top: 15px; border-bottom: none;}
.apprSearchConn { height: 70px; padding-top: 15px;}
.popWrapAnoteM .apprSearch { height: 60px; padding-top: 10px; border-bottom: none; border-top: none;}
.apprSearch fieldset { float: left; margin-bottom: 10px;}
.apprSearch select { width: 57px;}
.apprSearchConn select { width: auto;}
a.btnNoAppr { display:inline-block; float: left; height: 39px; margin-left: 5px; padding: 0 17px 0 37px; border-radius: 20px; line-height: 39px; color: #fff; background: #454545 url(../[TPH_Vimages]/ico_small.png) 4px -538px no-repeat;}
a.btnNoAppr:hover { text-decoration: none;}
.apprSearchList { position: absolute; top: 78px; left: 0; width: 100%; max-height: 510px; overflow-y: auto; padding: 15px 10px; background: #fff; border: 1px solid #d2d2d2; border-top: 1px solid #7f7f7f; box-shadow: 1px 2px 5px rgba(0,0,0,0.2); box-sizing: border-box; z-index: 7;}
.apprSearchList .centerBtn { margin-bottom: 10px;}
.addrSearchDiv { position: absolute; top: 20px; left: 0; width: 50%; padding-right: 50px; box-sizing: border-box;}
.addrSearchList { position: relative; top: 0px; height: 605px; max-height: 605px; padding: 0; border-top:none; }
.apprUl li { padding: 4px 0; text-align: left; cursor: pointer; line-height: 20px; color: #777;}
.apprUl li em { margin-right: 7px; padding: 5px 0; font-size: 16px; font-weight: bold;}
.apprUl li:hover em { background: #c0eaff;}
/*pop tree*/
.apprPopTree { min-width: 446px; height: 500px; clear: both; padding-top: 10px;  text-align: left; }
.easytree-container { border: none !important; box-sizing: border-box;}
.apprPopTree .easytree-icon { width: 18px; margin-left: 0;}
span.easytree-node { padding-top: 5px; padding-bottom: 5px;}
.easytree-title { padding-left: 0;}

/*pop 쪽지수신인선택*/
.blue02b{color: #0066cc; font-weight: bold;}

.popWrap .anoteUserR .mt15{margin-top: 5px !important;}
.popWrap .anoteUserR .wfReadTable {margin-top: 5px !important;}
.anoteUserL { float: left; width: calc(50% - 30px); box-sizing: border-box;}
.anoteUserR { float: right; width: calc(50% - 30px); box-sizing: border-box;}
.anoteUserBox { clear: both; position: relative; min-width: auto;}
.anoteUserBox::after { display: block; clear: both; content: "";}
.anoteUserH tr th,
.anoteUserB tr td { height: 30px;}
.offiUserH { width: 515px; margin-top: 10px;}
.anoteUserB { border-top: none;}
.anoteUserB tr td { padding: 6px 4px;}
.anoteUseList { height: 423px; overflow-y: auto; box-sizing: border-box; background: #fff;}
.addrUseList { height: 162px;}
.offiUseList { width: 515px; height: 150px;}
.addrUseList02 { height: 510px;}
.anoteUserL .apprPopTree { min-width: 0px; height: 400px; border-bottom: 1px solid #7f7f7f;}
.anoteUserL .confPopTree { height: 574px;}
.btlConfig .anoteUserL .confPopTree { height: 611px; margin-top: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.btlConfig .anoteUserL .confPopTree .easytree-container { padding: 10px; background: #f5f5f5;}
.anoteUserAddBtn { position: absolute; top: 50%; width: 82px; height: 82px; margin-left: -41px; text-indent: -9999px; background: url(../[TPH_Vimages]/btn_LR.png) top no-repeat; }
.anoteUserBox .addrUserAddBtn01 { position: absolute; top: 125px; left: 50%; width: 82px; height: 82px; margin-left: -41px; padding-top: 50px; box-sizing: border-box; border-radius: 20px; color: #fff; text-align: center; font-weight: bold; background: #689dca url(../[TPH_Vimages]/btn_LR.png) center -228px no-repeat; }
.anoteUserBox .addrUserAddBtn02 { position: absolute; top: 305px; left: 50%; width: 82px; height: 82px; margin-left: -41px; padding-top: 50px; box-sizing: border-box; border-radius: 20px; color: #fff; text-align: center; font-weight: bold; background: #47ba85 url(../[TPH_Vimages]/btn_LR.png) center -228px no-repeat; }
.anoteUserBox .addrUserAddBtn03 { position: absolute; top: 480px; left: 50%; width: 82px; height: 82px; margin-left: -41px; padding-top: 50px; box-sizing: border-box; border-radius: 20px; color: #fff; text-align: center; font-weight: bold; background: #808080 url(../[TPH_Vimages]/btn_LR.png) center -228px no-repeat; }
.addrUserH { border-top: none;}


/*조직도*/
.orgUserBox .anoteUserL { width: 40%; padding-right: 10px;}
.orgUserBox .anoteUserR { width: 60%; padding-left: 10px;}
.orgUserBox .anoteUseList { height: 248px; overflow-y: scroll;}
.orgUserBox .anoteUserL .apprPopTree { height: 564px;}
.orgUserBox .orgTab { border-bottom: 2px solid #f26e64; }
.orgUserBox .orgTab li.tabOn { border: 2px solid #f26e64; border-bottom: none; color: #db4c40;}
.orgUserBox .orgTab li span { background: #f26e64;}
.orgUserBox .anoteUserB tr td { height: 32px; padding: 0px;}
.orgUserListHeader {background: #f1f1f1;}
.orgUserListTop{padding: 30px; border-top: 2px solid #aaa; height: 515px; background: #f1f1f1;}
.organWrap .contents .cont .anoteUserL .apprPopTree{border: none;}
.organWrap .contents .cont .anoteUserL .apprPopTree .easytree-container{border-bottom: 1px solid #7f7f7f !important;}
.anoteUserTitle{margin-top: 20px; margin-bottom: 10px; font-weight: bold;}
.profilePic img{height: 100%; width: 100%; border-radius: 20px; object-fit: cover;}
.profilePic{margin: 0px 20px 5px 5px; background: #fff; width: 120px; height: 150px; border-radius: 20px; background: #fff; box-shadow: 1px 2px 5px rgba(0,0,0,0.2); float: left;}
.orgUserListTopPic{width: 553px; height: 160px;}
.orgUserListInfo{width: 400px; float: right;}
.orgUserTable{width: 100%; table-layout: fixed; overflow: hidden;}
.orgUserTable td{vertical-align: top; height: 25px; overflow: hidden; overflow:hidden; white-space : nowrap; text-overflow:clip;}
.orgUserTable tr:nth-child(5) td{display: none;}
.orgUserTable td em{font-weight: bold; overflow: hidden; }
.orgUserTable td:last-child a.noteSendBtn i{width: 20px; height: 20px; background: url(../[TPH_Vimages]/ico_org_note.svg) no-repeat 10px center;}
.orgUserTable td:last-child a.noteSendBtn{display: inline-block; width: 111px; height: 30px; background: #9A66D6 url(../[TPH_Vimages]/ico_org_note.svg) no-repeat 10px center; text-align: center; line-height: 30px; border-radius: 12px; border: 1px solid #9A66D6;}
.orgUserTable td:last-child a.noteSendBtn:hover{text-decoration: none; border: 1px solid #222;}
.orgUserTable td:last-child a.noteSendBtn span{color: #fff; font-weight: bold; padding-left: 20px;}
.orgUserTable td:last-child a.noteSendBtn{margin-top: 10px;}
.orgUserTable .wfReadTable{word-break: break-all; table-layout: fixed;}
.ellip{display: table; table-layout: fixed; width: 100%; text-overflow: ellipsis; white-space: nowrap;}
.ellip > * {text-indent: 5px; display: table-cell; overflow: hidden; text-overflow: ellipsis;}
.scrHgtTh {background: #f1f1f1;} 
.org .wfReadTable thead tr th{border: none; }
.orgUserBox .anoteUserB tr td {border: none; border-bottom: 1px solid #ccc;}
.org .wfReadTable {border: none; border-top: 2px solid #A4A4A4;}
.org .wfReadTable th {position: relative; height: 35px; line-height: 20px;}
.orgUserListTitle{display: flex; justify-content: space-between; align-items: center; height: 30px;}
.orgUserListTitle span{font-size: 14px; color: #444; font-weight: bold;}
.orgUserListTitle a{display: inline-block; border-radius: 10px; width: 63px; height: 30px; background: #7B7B7B; color: #fff !important; font-weight: bold; text-align: center; line-height: 30px; border: 1px solid #7B7B7B;}
.orgUserListTitle a:hover{text-decoration: none; color: #fff; border: 1px solid #222;}
.organWrap .contents .cont .bottomSearchBtn {display: none;}

.findTeacherTable { width: 100%; min-width: 300px; margin: 0 auto; background: #fff; } 
.findTeacherTable th { position: relative; padding: 10px 5px 10px 5px; border-bottom: 1px solid #e1e1e1; color: #777; background: #f1f1f1; } 
.findTeacherTable th::before { content: ""; display: block; position: absolute; left: 1px; top: 13px; width: 1px; height: 15px; background: #b7b7b7; } 
.findTeacherTable tr th:first-child::before { display: none; } 
.findTeacherTable td { position: relative; height: 35px; margin: 0 auto; padding: 0px 5px 0px 5px; border-bottom: 1px solid #e1e1e1; text-align: center; } 
.findTeacherTable tr:hover td { background: #fff4b9; } 



/*쪽지반응형표 받은쪽지함*/
.workflowTable4 {border-spacing: 0; width: 100%; border-collapse: collapse; margin: 0 auto; }
.workflowTable4 tr td {text-align: left; word-break:break-all; word-wrap:break-word;}
.workflowTable4 tr th{position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #bababa; text-align: center;}
.workflowTable4 tr th span { display: inline-block; position: absolute; bottom: 0; right: -1px; width: 1px; height: 8px; background: #bababa;}
.workflowTable4 tr{border-bottom:1px solid #c9c9c9;}
.workflowTable4 select{border: none; width: 220px;}
.workflowTable4 select:focus{outline: none;}
.workflowName4{display: inline-block; width: 100%; height: 42px; overflow: hidden;  word-break: break-all; text-align: left; width: 100%;}
.workflowName4 > span{display: block; width: 100%; height: 18px; padding: 0 0 0 0; overflow: hidden; padding-top: 13px;}
.popWrap .anoteUserR span{display: none}


/*쪽지반응형표 보낸쪽지함*/
.workflowTable5 {border-spacing: 0; width: 100%; border-collapse: collapse; margin: 0 auto; }
.workflowTable5 tr td {text-align: left; word-break:break-all; word-wrap:break-word;}
.workflowTable5 tr td:nth-child(8) span{color:  #0066cc; font-weight: bold;}
.workflowTable5 tr td .sendNoChk {color: #0066cc !important;}
.workflowTable5 th{position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #bababa; text-align: center;}
.workflowTable5 th span { display: inline-block; position: absolute; bottom: 0; right: -1px; width: 1px; height: 8px; background: #bababa;}
.workflowTable5 tr{border-bottom:1px solid #c9c9c9;}
.workflowTable5 select{border: none; width: 220px;}
.workflowTable5 select:focus{outline: none;}
.workflowName5{display: inline-block; width: 100%; height: 42px; overflow: hidden; word-break: break-all; text-align: left; width: 95%;}
.workflowName5 > span{display: block; width: 100%; height: 18px; padding: 0 0 0 0; overflow: hidden; padding-top: 13px;}

/*쪽지반응형표 휴지통*/
.workflowTable6 {border-spacing: 0; width: 100%; border-collapse: collapse; margin: 0 auto; }
.workflowTable6 tr td {text-align: left; word-break:break-all; word-wrap:break-word;}
.workflowTable6 tr td:nth-child(8) {color:#0066cc; font-weight: bold;}
.workflowTable6 th{position: relative; height: 40px; line-height: 20px; border-bottom: 1px solid #bababa; text-align: center;}
.workflowTable6 th span { display: inline-block; position: absolute; bottom: 0; right: -1px; width: 1px; height: 8px; background: #bababa;}
.workflowTable6 tr{border-bottom:1px solid #c9c9c9;}
.workflowTable6 select{border: none; width: 220px;}
.workflowTable6 select:focus{outline: none;}
.workflowName6{display: inline-block; width: 100%; height: 42px; overflow: hidden; word-break: break-all; text-align: left; width: 100%;}
.workflowName6 > span{display: block; width: 100%; height: 18px; padding: 0 0 0 0; overflow: hidden; padding-top: 13px;}
.workflowTable6 tr td .noteSendRed{display: inline-block; width: 28px; height: 28px; margin: 2px 0 2px 3px; padding-left: 0; padding-right: 1px; background: #ec594e; border-radius: 5px; color: #fff; font-weight: bold; line-height: 28px; text-align: center; font-size: 12px; text-indent: 0;}
.workflowTable6 tr td .noteReceiveBlue{display: inline-block; width: 28px; height: 28px; margin: 2px 0 2px 3px; padding-left: 0; padding-right: 1px; background: #3a82c9; border-radius: 5px; color: #fff; font-weight: bold; line-height: 28px; text-align: center; font-size: 12px; text-indent: 0;}


/*쪽지 받은쪽지 보기*/
.noteread .contents .cont .workflowRead .noteReceiveTable { width: 100%; border-top: 2px solid #4f4f4f;}
.noteread .contents .cont .workflowRead .noteReceiveTable tr th { height: 36px; border-bottom: 1px solid #ccc; background: #f1f1f1;}
.noteread .contents .cont .workflowRead .noteReceiveTable tr td { padding: 5px; box-sizing: border-box; border-bottom: 1px solid #ccc;}
.noteread .contents .cont .workflowRead .noteReceiveTable tr td.noteReceiveCont { padding: 30px 5px; border-bottom: 1px solid #4f4f4f; word-break: break-all;}
.noteread .contents .cont .workflowRead .wfReadTable2 tr td .btnConnectDel{display: none;}

.noteread .contents .cont .workflowRead .wfReadTable tr td {border-right: none; border-left: none;}
.noteread .contents .cont .workflowRead .wfReadTable2 {border-top: none;}
.noteReceiveTable tr td.noteReceiveCont em { font-style: italic;}
.fontRed1sb { background-color: #3a82c9;}
.blue02sb { background-color: #ec594e;}
.sendChk { font-weight: bold; background-color: #7eb026; white-space: nowrap;}
.sendNoChk {color: #fff; font-weight: bold;}
.noteReceiveAtt { border-top: none; margin-top: 5px; margin-bottom: 5px;}
.sendChkNum { margin-right: 10px;}
.sendChkNumNo { margin-right: 10px;}
.sendChkNum em { display: inline-block; min-width: 16px; margin-right: 3px; padding: 3px; border-radius: 10px; background: #7eb026; color: #fff; font-weight: bold; text-align: center;}
/*쪽지삭제 및 완료*/
.icoWaste { display: block; width: 500px; margin:65px auto 0; padding-top: 115px; text-align:center; background: url(../[TPH_Vimages]/ico_waste.png) center top no-repeat;}
.icoSendSuccess { display: block; width: 500px; margin:65px auto 0; padding-top: 115px; line-height: 24px; text-align:center; background: url(../[TPH_Vimages]/ico_waste.png) center -200px no-repeat;}
.icoSignComp { display: block; width: 500px; margin:65px auto 0; padding-top: 115px; text-align:center; background: url(../[TPH_Vimages]/ico_sign.png) center 0 no-repeat;}
.icoSignPw { display: block; width: 500px; margin:65px auto 0; padding-top: 115px; text-align:center; line-height: 26px; background: url(../[TPH_Vimages]/ico_pw.png) center 0 no-repeat;}
.icoSignPw em { font-size: 18px;}
.inputSignPw { height: 55px; text-align: center;}
.inputSignPw input { width: 250px; height: 28px; padding-left: 5px; border: 5px solid #ccc; text-align: center;}

/*게시판 임시보관함 글자 색상*/
a.lnbBtlTmp{color: #E8823F !important;}
a.lnbBtlTmp .sublnb li:nth-child(1) a{color: #E8823F !important;}
a.lnbBtlTmp{color: #E8823F !important;}


/*게시판*/
.boardReadTable {border-top:none;}
.noteReceiveTable{width: 100%; border-top: 2px solid #555;}
.noteReceiveTable tr th { width: 140px !important; height: 36px; border-bottom: 1px solid #ccc; background: #f1f1f1;}
.noteReceiveTable tr td.boardContTitle { height: 55px; padding: 10px 0px;}
.noteReceiveTable tr td.boardContTitle h4 { display: inline; font-size: 16px; font-weight: bold; line-height: 24px;}
.noteReceiveTable tr td.boardContTitle .icoNoti { margin-right: 0px;}
.noteReceiveTable tr td.boardContInfo { height: 45px; padding: 5px 10px; background: #f1f1f1; border-bottom:none;}
.noteReceiveTable tr td.boardContInfo span { margin-left: 10px; line-height: 28px;}
.noteReceiveTable tr td.boardContInfo span:first-child { margin-left: 0;}
.noteReceiveTable tr td.boardContInfo .icoNew { display: inline-block; margin-left: 5px; line-height: 25px;}
.boardTitleTbox { width: 100%; height: 30px; padding-left: 5px; box-sizing: border-box; border: 1px solid #c5c5c5;}
.noteReceiveTable .boardTitleTdBlank { padding: 0; padding-bottom: 10px;}
.boardTitleChk input { margin-right: 5px;}

a.btnBtlConfig { display: inline-block; height: 27px; border-radius:5px; margin-top:5px; margin-left: 10px; padding-left: 30px; padding-right: 10px; line-height: 27px; color: #fff; background:#666 url(../[TPH_Vimages]/ico_ssmall.png) 3px -1395px no-repeat;}
a.btnBtlConfig:hover { text-decoration: none;}
.selboxOptg option {}


/*게시판 사직원출력 설문조사*/
.resWrap .contents .cont .workflowRead .wfSignBody .resignation {display: none;}
.surveyCompBtn .btnDown { width: 210px; margin-top: 5px; margin-right: 2px; letter-spacing: -1px;}
.surveyCompBtn a.btnDown { background: #5992ee url(../[TPH_Vimages]/ico_u20.png) 15px -841px no-repeat; padding-left: 42px; font-size: 13px;}
.surveyCompBtn a.btnDown:hover {text-decoration: none; background: #0870bb url(../[TPH_Vimages]/ico_u20.png) 15px -841px no-repeat;}
.boardBtn a, .boardBtn button { display: inline-block; height: 37px; border-radius: 20px; margin-right: 4px; line-height: 36px; border: none; padding: 0 20px 0 37px; cursor: pointer; color: #fff !important;}
.boardBtn { margin: 0 auto; display: flex; padding: 15px 0 0px; max-width: 900px; text-align: center; flex-direction: column; align-items: center;}

.surveyTxt { margin-top: 10px; padding: 10px 20px; border-radius: 10px; background: #f1f1f1;}

.surveyQuestion:first-child { margin-top: 5px; border: none;}
.surveyQuestion { margin-top: 20px; padding: 20px 10px 0px 0px; border-top: 1px solid #999;}
.MsoTableGridHor { padding: 0; margin: 0; width: 100%; border-collapse: collapse;}
.surveyQtxt {font-weight: bold;}
.surveyChoice {margin-top: 10px;}
.surveyChoice li { float: left; display: inline-block; width: 33%; height: 22px;}
.surveyChoice::after { display: block; clear: both; content: "";}

.div_table{display:table; border-collapse:collapse; width:100%; table-layout:fixed; border-bottom: 1px solid #ccc;}
.div_table_row{display:contents;}
.div_table_cell{display:table-cell; color:#555; padding: 5px; vertical-align: middle; width: 33%;}
.div_table_th{background: #f1f1f1; text-align: center; vertical-align: middle; width: 140px;}
.surveyCompTxt{margin-top: 50px; padding: 120px 20px 20px 20px; text-align: center;  background: url(../%5BTPH_Vimages%5D/ico_survey_comp.svg) center 0px no-repeat; background-size: 100px}
.surveyCompTxt p{margin-bottom: 10px; font-size: 18px;}



/*게시판보기*/
.btlred .contents .cont .workflowRead .wfReadTable2 tr td .btnConnectDel{display: none;}
.btlred .contents .cont .workflowRead .noteReceiveTable{width: 100%; border-top: 2px solid #555; border-top: none !important;}
.btlred .contents .cont .workflowRead .noteReceiveTable tr td.noteReceiveCont{padding: 30px 5px; border-bottom: 1px solid #4f4f4f; word-break: break-all;}

/*게시판 쓰기*/
.btlwrite .contents .cont .workflowRead .wfReadTable2 {border-top: 2px solid #4f4f4f;}
.btlwrite .contents .cont .workflowRead .noteReceiveTable{width: 100%; border-top: 2px solid #555;}
.noteReceiveTable tr td { padding: 5px; box-sizing: border-box; border-bottom: 1px solid #ccc;}
.btlwrite .contents .cont .workflowRead .noteReceiveTable tr td.noteReceiveCont { padding: 30px 5px; border-bottom: none; word-break: break-all; }
.btlwrite .contents .cont .workflowRead .noteReceiveTable tr td.noteReceiveCont em { font-style: italic;}
.btlwrite .contents .cont .workflowRead .noteReceiveTable tr th { width: 150px !important; height: 42px; border-bottom: 1px solid #ccc; background: #f1f1f1;}

/*게시판 댓글*/
.replyWrite {padding: 5px; background: #f1f1f1;}
.replyWrite > fieldset{background: #f1f1f1; white-space: nowrap;}
.replyWriteTextarea { width: calc(100% - 90px); height: 50px; padding: 7px 10px; border: 1px solid #d7d7d7; box-sizing: border-box; vertical-align: middle; float: left; margin-right: 5px; outline-color: #E99964;}
/*.replyRegiBtn {float: left; display: inline-block; width: 80px; height: 70px; margin-left: 3px; padding-top: 43px; border: none; vertical-align: middle; box-sizing: border-box; text-align: center; color: #fff; background: #E99964 url(../[TPH_Vimages]/ico_reply.png) center 11px no-repeat; border-radius: 20px;}*/
.replyRegiBtn {float: left; position: relative; display: inline-block; width: 80px; height: 46px; margin-left: 3px; border: none; vertical-align: middle; box-sizing: border-box; text-align: center; color: #fff; background: #E99964; border-radius: 20px; line-height: 50px; box-shadow: 0px 4px 0px #c4682c;}
.replyRegiBtn:active{top: 4px; box-shadow: 0 0 #E99964;}
.replyRegiBtn:hover { text-decoration: none; color: #fff;}
.replyListUl .replyWrite { padding: 5px; background: #f1f1f1; margin-top: 5px;}
.replyListUl .replyWrite .replyWriteTextarea { width: 100% !important;}
.replyListUl .replyWrite .replyWriteTextarea:focus {border:none; }
.replyListUlRe .replyWrite { padding: 5px; background: #f1f1f1;}
.replyListUlRe .replyWrite .replyWriteTextarea { width: 837px;}
.replyList { margin-top: 20px;}
.replyListHeader { padding: 0 15px; font-weight: bold; color: #EBBE44;}
.replyListUl { margin-top: 5px; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.replyListUl li { padding: 10px 15px 0; line-height: 22px;}
.replyListUl li:last-child { padding: 10px 15px 0px;}
.replyListUlRe { margin-top: 5px; border-bottom: 1px solid #ccc;}
.replyListUlRe li { padding: 10px 35px 0; line-height: 22px;}
.replyListUlRe li:last-child { padding: 10px 35px 15px;}
.replyListUlRe li:first-child { background: url(../[TPH_Vimages]/ico_reply.png) 17px -272px no-repeat;}

/*.replyEditBtn { display: inline-block; width: 26px; height: 24px; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_small.png) center -1650px no-repeat;}*/
/*.replyDelBtn { display: inline-block; width: 26px; height: 24px; margin-left: 2px; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_small.png) center -650px no-repeat;}*/
.replyEditBtn { display: inline-block; text-align: center; width: 40Px; height: 24px; background: ; border: 1px solid #ccc; margin-right: 3px; border-radius: 3px;}
.replyDelBtn { display: inline-block; text-align: center; width: 40px; height: 24px; margin-left: 2px; background:; border: 1px solid #ccc; border-radius: 3px;}
.replyEditBtn:hover, .replyDelBtn:hover {text-decoration: none; border: 1px solid #555;}
.replyEditCancelBtn { display: inline-block; width: 26px; height: 24px; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_new.png) center -400px no-repeat;}
.replyName { display: inline-block; font-weight: bold;}
.replyDate { display: inline-block;  color: #a4a4a4;}
.replyReBtn { display: inline-block; width: 28px; height: 24px; padding: 0 10px 0 20px; line-height: 20px; border: 1px solid #ccc; border-radius: 3px; margin-left: 10px; background: url(../[TPH_Vimages]/ico_reply.png) 8px -141px no-repeat;}
.replyReBtn:hover { border-color: #777; text-decoration: none;}
.replyDelTxt { color: #a4a4a4;}
.replyContNone { color: #a4a4a4;}

/*mail list*/
.icoImportant { display: block; height: 20px; text-indent:-9999px; background: url(../[TPH_Vimages]/ico_star.png) center 2px no-repeat;}
.icoNormalMail { display: block; height: 20px; text-indent:-9999px; background: url(../[TPH_Vimages]/ico_star.png) center -49px no-repeat;}
.importingTxt { padding: 3px 10px; border-radius:5px; color:#fff; background-color: #6b6b6b;}
.mail_list.mid_2 ~ .reasonLayer { margin-top: -292px;}
.mail_list.mid_2 ~ .reasonLayer .reasonLayerListIn { height: 400px;}
/*mail view*/
.mailTitle { min-height: 50px;}
.mailTitle span { display: inline-block; width: 68%; min-height: 24px; margin-top: 4px; font-size: 16px; font-weight: bold; line-height: 24px;}
.mailTitleBtn { float: right; width: 310px; text-align: right;}
#impMailChk { display: none;}
#impMailChk:checked+.impOnOff { border: 1px solid #eeae31; background: url(../[TPH_Vimages]/ico_star.png) center 7px no-repeat; }
.impOnOff { display: inline-block; min-width: 22px; padding: 7px; border: 1px solid #c5c5c5; border-radius: 3px; text-indent:-9999px; text-align: left; background: url(../[TPH_Vimages]/ico_star.png) center -43px no-repeat;}
.pageNum { margin-right: 3px;}
.pageNum em { font-weight: bold;}
.calNum { margin-left: 5px; font-size: 16px; font-weight: normal;}
.mailReceiveAtt { margin-top: 0;}
.mailReceiveAtt thead tr th { text-align: left; padding: 5px 0 5px 10px;}
.mailReceiveAtt thead tr th .btnAlldown { margin-left: 10px;}
/*mail write*/
.mailTitleInput { width: 100%; height: 26px; padding-left: 5px; box-sizing: border-box; font-size: 16px;}
.selectBasic { height: 25px;}
.reservInput { visibility: hidden; opacity:0; height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#resevChk:checked+label+.reservInput { visibility: visible; opacity: 1;}
/*mail smenu tree*/
.mailMyTree .easytree-container { overflow: visible; padding: 0; background: #1c9f72;}
.mailMyTree .easytree-container > li { padding: 5px 3px 3px 3px; border-bottom:1px solid #64ceaa;}
.mailMyTree .easytree-container > li:last-child { border-bottom:none;}
.mailMyTree .easytree-container li a { display: inline-block; padding-right: 45px; color: #fff; font-weight: bold; white-space: normal; line-height: 18px;}
.mailMyTree .easytree-focused.easytree-container span.easytree-active.easytree-node, 
.mailMyTree .easytree-focused.easytree-container span.easytree-selected.easytree-node, 
.mailMyTree span.easytree-active.easytree-node:hover, 
.mailMyTree span.easytree-selected.easytree-node:hover,
.mailMyTree span.easytree-node:hover { background-color: #1c9f72; border-color: #1c9f72;}
.mailMyTree span.easytree-icon { display: inline-block; width: 20px; height: 20px; margin-right: 0px; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_small.png) center -1000px no-repeat;}
.mailMyTree .easytree-expander,
.mailMyTree .easytree-expander:hover { background: url(../[TPH_Vimages]/ico_mailtree.png) center 4px no-repeat;}
.mailMyTree .easytree-exp-e span.easytree-expander,
.mailMyTree .easytree-exp-e span.easytree-expander:hover,
.easytree-exp-ed span.easytree-expander, 
.easytree-exp-ed span.easytree-expander:hover, 
.easytree-exp-el span.easytree-expander, 
.easytree-exp-el span.easytree-expander:hover, 
.easytree-exp-edl span.easytree-expander,
.easytree-exp-edl span.easytree-expander:hover { background-position: center -15px; }


/*mail 주소록*/
.mailAddrRcv { float: right;}
.addrSelCate { height: 30px; width: 100%; padding-top: 10px; overflow: hidden;}
.addressCate { height: 40px; border-bottom: 1px solid #ccc;}
.addrSelCate li { float: left; margin-right: 3px;}
.addrSelCate li input { display: none;}
.addrSelCate li label { display: inline-block; min-width: 28px; height: 28px; padding: 0 6px; border-radius: 50px; box-sizing: border-box; border: 1px solid #ccc; font-weight: bold; text-align:center; line-height: 26px; font-size: 16px;}
.addrSelCate li input:checked+label { background: #3a82c9; color: #fff; border: 1px solid #3a82c9;}
.addrSelCate li label.CateAbc { font-size: 14px;}
.tabRightBtnDiv { position: relative;}
.tabRightBtn { position: absolute; top: 8px; right: 0;}
.addrQinput { background: #f9f9f9; border-bottom: 1px solid #c5c5c5;}
.qInputUl { padding: 20px 0 20px 50px; overflow: hidden; background: url(../[TPH_Vimages]/ico_ssmall.png) 30px -632px no-repeat; }
.qInputUlMb { padding: 15px 0 15px 50px; background-position: 30px -836px; }
.qInputUl li { float: left;}
.qInputUl li label { display: inline-block; height: 25px; line-height: 26px; margin-left: 20px; vertical-align: middle;}
.qInputUl li input { margin-left: 5px;}

.qInputUlSuccess { width: 610px; margin: 0 auto; padding: 3px 0 3px 0px; background: none;}
.qInputUlSuccess li label { margin-left: 5px;}
.addrQinput fieldset .qInputUlSuccess:first-child { padding-top: 20px;}
.qInputUlSuccess li .successMailTxt { display: inline-block; min-width: 300px; padding-left: 5px; margin-top: 3px; background: #fff;}
.qInputUlHead { margin-bottom: 3px; padding-bottom: 5px; border-bottom: 1px solid #888;}
.qInputUlHead li { height: 30px; }
.successMailTitle { width: 312px; line-height: 28px; text-align: center;}
.successMailName { width: 110px; line-height: 28px; text-align: center;}

.AddrGroupTr { background: #f9f9f9;}
.mailOptTr { height: 60px; background: #f9f9f9;}
.addrGroupIco { padding-left: 30px; background: url(../[TPH_Vimages]/ico_ssmall.png) 0 -487px no-repeat; box-sizing: border-box;}
span.addrGroupIco { display: inline-block; padding-left: 37px; background: url(../[TPH_Vimages]/ico_ssmall.png) 5px -497px no-repeat;}
span.typeWidFull { width: 99%; padding: 9px 0 9px 37px; background-position: 5px -487px;}
.mailGroupIco { padding-left: 30px; background: url(../[TPH_Vimages]/ico_ssmall.png) 0 -1038px no-repeat; box-sizing: border-box;}
span.mailGroupIco { display: inline-block; padding-left: 37px; background: url(../[TPH_Vimages]/ico_ssmall.png) 5px -1047px no-repeat;}
.addrDownUpUl li { padding: 3px 0;}

/*메일수신거부*/
.selMulti01 { width: 98%; height: 395px; margin:10px 0;}
.selMulti02 { width: 98%; height: 200px; margin:10px 0;}
.mailSetTr { height: 60px; background: #f9f9f9;}
.mailSetTr td { border-left: 1px solid #ccc;}
.mailSetTr td:first-child { border-left: none;}
.mailSetTr+tr:hover { background: none !important;}
.mailSetTr+tr td { vertical-align: top;}
.mailSetFilterTxt { width: 98%; text-align: left; margin-left: 1%; padding-left: 15px; padding-bottom: 10px; line-height: 22px; box-sizing: border-box;}
.mailSetFilterTxt b { display: inline-block; width: 82px; color: #d44b2c;}
.mailSetFilterTxt b.txtEx { width: 60px;}

/*메일 편지함관리 팝업*/
.mailboxLayer { top: 50%; height: 408px; margin-top: -195px;}
.mailboxProgLayer { top: 50%; width: 480px; min-height: 140px; margin-top: -70px; margin-left: -240px; border: 0; z-index: 88;}
.bgDarkLayer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 55;}
.bgDarkLayerUnd11 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10;}
.bgDarkLayerUnd12 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 12;}
.progressDiv { height: 32px; overflow: hidden; margin-top: 35px; border: 2px solid #cbcbcb; border-radius: 50px;}
.progressBar { display: inline-block; height: 100%; background-color: #3fc3f5;}
.progressNum { display: block; position: absolute; top: 50px; left: 20px; width: 440px; text-align: center; font-weight: bold;}
.progressTxt { margin-top: 15px; text-align: center;}
/*메일 삼육대뉴스레터 전용*/
.syuNewsLetter table tbody tr td h3 a { font-size: 20px; font-weight: bold;}
.syuNewsLetter .cont1_100 tbody tr td h3 a { font-size: 24px; font-weight: bold;}

/*일정관리*/
.scheduleTabBox{width: 100%;}
.calWrap {margin-top: 10px; width: 100%; height: 70vh; box-sizing: border-box;}
.sharedSchedule span:first-child{ display: inline-block;  width: 20px; height: 20px; border-radius: 7px; font-weight: bold; background: #c4c4c4; color: #fff; text-align: center; margin-right: 5px; margin-top: 10px;}
.shareByMe {margin-bottom: 10px; height: initial;}
.shareByMe span:first-child{ display: inline-block;  width: 20px; height: 20px; border-radius: 7px; font-weight: bold; background: #ED7458; color: #fff; text-align: center; margin-right: 5px; margin-top: 10px;}

/* 일정 월간일정관리*/
.scheduleWrap .contents .cont .scheduledateBtn{ position: relative; float: right; height: 20px; top: 7px; margin-bottom: 0; white-space: nowrap; margin-left: auto;}

/*부서,기관일정 아이콘추가*/
.calWeekContTime td span.scheDept,
.calMonthCont td span.scheDept { text-indent: 17px; background-image: url(../[TPH_Vimages]/ico_dept.png); background-position: 3px 4px; background-repeat: no-repeat; background-color: #ed7458;}
.calWeekContTime td span.scheInstitute,
.calMonthCont td span.scheInstitute { text-indent:17px; background-image: url(../[TPH_Vimages]/ico_institute.png); background-position: 2px 4px; background-repeat: no-repeat; background-color: #6676ed;}
.calWeekContTime td span.scheDept,
.calWeekContTime td span.scheInstitute { padding-left: 3px; text-indent: 20px;}


/*Print*/
.noteReceiveTableP tr th { height: 24px !important; font-size: 12px;}
.noteReceiveTableP tr td { padding: 3px !important; font-size: 12px;}
.noteReceiveTableP tr td span { font-size: 12px;}
.noteReceiveTableP tr td.mailTitle { min-height: 10px !important;}
.noteReceiveTableP tr td.mailTitle span { margin-top: 0 !important;}
.mailPrintCont p,
.mailPrintCont { font-size: 12px;}
.mailPrintCont p { margin: 10px 0px !important; word-break:break-all;}
.noteReceiveTableP tr td.recipientSpan span { margin-bottom: 1px; margin-top: 1px; margin-left: 0px; padding: 2px 3px 2px 3px;}
/*ie에서 인쇄 시 보더 안나옴 해결용*/
.sign_read_preview #custombody { padding: 0 1px;}
.sign_read_preview .wfSignBody tr th,
.sign_read_preview .wfSignBody tr td { outline: #ccc solid 1px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .sign_read_preview #custombody { padding: 0px;}
    .sign_read_preview .wfSignBody tr th,
    .sign_read_preview .wfSignBody tr td { outline: none;}
}

/*부서문서함설정 레이어*/
.divPopDept { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 99;}
.typePopDeptName { width: 400px; height: 200px; min-height: 100px;  position: static; margin: 0;}
.conPopDeptInput { margin-top: 20px; margin-bottom: 25px;}
.typePopDeptSort { width: 400px; height: 650px; position: static; margin: 0;}
.conPopDeptSort { height: 510px; overflow: auto;}
.conPopDeptSort li { position: relative; margin: 10px 0; line-height: 20px; padding: 10px 50px 10px 15px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); background: #fff; cursor: default; user-select:none;}
.conPopDeptSort li:after { position: absolute; top: 50%; right: 15px; margin-top: -3.5px; display: inline-block; content: ""; width: 16px; height: 7px; background:url(../[TPH_Vimages]/ico_sort.png) center no-repeat;}

.typePopDeptAuth { width: 990px; height: auto; position: static; margin: 0; padding-bottom: 20px;}
.deptAuthList { min-height: 65px; max-height: 200px; overflow: auto; box-sizing: border-box; padding: 15px; border-radius: 15px; background: #3a82c9;}
.deptAuthList ul { display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 8px;}
.deptAuthList li {}
.deptAuthList li a { display: flex; justify-content: center; align-items: center; height: 100%; padding: 8px 5px; box-sizing: border-box; border-radius: 5px; font-size: 15px; text-align: center; word-break: keep-all; color: #deefff; background: #6fa4d8; line-height: 18px;}
.deptAuthList li a.on { font-weight: 800; color: #083867; background: #fff;}
.typePopDeptAuth .apprSearch { border-top: none;}
.typePopDeptAuth .anoteUseList { height: 305px;}
.typePopDeptAuth .addrUserAddBtn01 { top: 155px;}
.typePopDeptAuth .anoteUserL .anoteUseList td { cursor: pointer;}
.typePopDeptAuth .anoteUserL .anoteUseList td.highlight { background-color: #fff4b9;}

.typePopDept { position: relative; height: 730px; top: auto; left: auto; margin: 0;}
.popHeadBtn { position: absolute; top: 15px; right: 20px;}
.typeTableDeptMove { height: 550px;}
.typeTableDept { height: 550px;}
.typeTableDept table td:first-child { padding-left: 40px; background:url(../[TPH_Vimages]/ico_sort.png) 10px center no-repeat;}
.ui-sortable-helper { background: #fff4b9; box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}
.ui-sortable-helper td:nth-child(1) { width: 383px;}
.ui-sortable-helper td:nth-child(2) { width: 60px;}
.ui-sortable-helper td:nth-child(3) { width: 60px;}

/*에디터에서 ul,ol 사용시 앞으로 튀어나옴 해결*/
.wfSignBody tr td > ul,
.wfSignBody tr td > ol,
.offiReadTable tr td > ul,
.offiReadTable tr td > ol,
.offiViewConTable > ul,
.offiViewConTable > ol,
.boardReadTable tr td > ul,
.boardReadTable tr td > ol, 
#custombody > ol,
#custombody > ul { margin-left: 0px;}
/*mail내용에서 ul,ol 사용시 앞으로 튀어나옴 해결 및 list-style 초기화*/
.mailWrap #headerDiv + div ul { list-style: disc; margin-left: 20px;}
.mailWrap #headerDiv + div ol { list-style: decimal; margin-left: 20px;}
/*에디터에서 큰 이미지 삽입시 사이즈 조절*/
#custombody img { max-width: 100%;}
/*테이블 안 에디터 깨짐문제*/
.wfSignBody tr td .tx-toolbar-advanced  tr td { height: 14px; padding: 0;}
.wfSignBody tr td .tx-event tr td { border:none;}
.wfSignBody tr td table tr td.tx-menu-list-item { border: none; padding: 0;}
.wfSignBody tr td .tx-toolbar-advanced ul li table tr td { border:none;}
.tx-slt-70bg a span,
.tx-slt-70bg-hovered a span,
.tx-slt-70bg-pushed a span { font-size: 12px; padding:1px 12px 3px 5px;}
.tx-slt-42bg a span,
.tx-slt-42bg-hovered a span,
.tx-slt-42bg-pushed a span { font-size: 12px; padding: 1px 12px 3px 3px;}
.tx-colorpallete p.tx-pallete-input input { font-size: 12px; line-height: 12px;}
/*메일내용 pre태그 줄바꿈안될때있음*/
.mailWrap #headerDiv + div pre { white-space: pre-wrap;}

/*에디터에서 텍스트 볼드,이탤릭체 출력되게 처리*/
.wfSignBody tr td em,
.boardReadTable tr td em,
.offiReadTable  tr td em,
.mail_view .workflowRead #headerDiv + div em { font-style: italic; font-weight: bold; color: inherit; font-size: inherit;}
.wfSignBody tr td span,
.boardReadTable tr td span,
.offiReadTable  tr td span,
.mail_view .workflowRead #headerDiv + div span { color: inherit; font-size: inherit; font-weight: inherit; margin-right: 2px;}
/*에디터에서 템플릿 테이블 서식안의 텍스트 서식*/
.txc-table tr td p { color: inherit;}
/*에디터 배경색, 인용글 기능 삭제*/
.tx-list #tx_quote,
.tx-list #tx_background { display: none;}

/*팝업*/
.popupWrap { position: absolute; min-width: 810px; min-height: 445px; border: 5px solid #3fc3f5; box-sizing: border-box; z-index: 9; background: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.popupWrap02 { position: absolute; width: 863px; height: 768px; box-sizing: border-box; z-index: 99; background: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); overflow: hidden;}
.popupWrap .loginRight { width: 200px; border: 5px solid #3fc3f5; border-right: none; box-sizing: border-box;}
.popupList { margin: 10px 10px 0 10px;}
.popupList li em { margin-right: 5px; font-weight: bold; font-size: 25px; line-height: 25px;}
.popupList li b { font-size: 16px; font-weight: bold; }
.popupList li b a { font-size: 16px; font-weight: bold; color: #3cb4e1;}
.popupList li span { line-height: 22px; padding-left: 40px;}
.popupList li b.veryBold { font-size: 40px; line-height: 40px; letter-spacing: -2px; color: #d44237;}
.popupList li b span.veryBold2 { font-size: 40px; line-height: 40px; letter-spacing: -2px; color: #d44237; font-weight: bold;}
.popupList li span a.veryBoldAlink { display: block; margin-top: -10px; padding-left: 34px; font-size: 20px; line-height: 20px; letter-spacing: -2px; font-weight: bold; }
.popClose { display: none; position: absolute; right: 10px; top: 10px; width: 50px; height: 35px; border: 1px solid #aaa; text-align: center; padding-bottom: 18px; font-size: 50px; color: #fff !important; background: #aaa; font-family: dotum;}
.popClose:hover { text-decoration: none;}
.popupList li b.txtSecLine { padding-left: 42px;}
.popupLoginInfo { width: 62%; margin: 15px auto 0; padding: 0 10px 15px; border: 1px solid #ccc; box-sizing: border-box; background: #fff; box-shadow: 3px 3px 7px rgba(0,0,0,0.2); border-radius: 10px;}
.popupList li:first-child { padding-bottom: 15px;}

/*결재라인 new161208*/
.wfSignNewDiv { visibility: visible; opacity:1; margin-top: 20px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .1s ease; }
.closedSignWeb { visibility: hidden; opacity: 0; height: 0;}
.wfSignNew { border: 1px solid #ccc; border-top: 2px solid #4f4f4f; border-bottom: none;}
.wfSignNew tr th,
.wfSignNew tr td { border-right: 1px solid #ccc; border-top: 1px solid #ccc;}
.wfSignNew tr th span { width: auto; max-width: 126px; text-align: left;}
.wfSignNew tr td span { width: auto; max-width: 131px;}
.wfSignNew .tboxSignWrite { width: 155px;}
.sign_write .wfSignNew tr td span,
.sign_tmp .wfSignNew tr td span,
.wfSignInfoNew tr:first-child td { border-top: 2px solid #4f4f4f;}
.wfSignInfoNew th,
.wfSignInfoNew td { height: 27px;}
.wfSignInfoNew td { padding-left: 5px;}
.wfSignInfoNew tr:first-child > td:nth-child(4) { vertical-align: middle; background-color: #fff; border-top: 2px solid #4f4f4f;}
.wfSignSlideBtn { height: 28px; text-align: center; background-color: #f1f1f1; border: 1px solid #ccc; cursor: pointer;}
.wfSignSlideBtn:hover { background-color: #fff4b9;}
.wfSignSlideBtn span { display: inline-block; height: 28px; padding-left: 28px; line-height: 27px; color: #222; background: url(../[TPH_Vimages]/ico_new.png) -2px -298px no-repeat; }

/*2차인증*/
.mainLayerTitle { position: absolute; left: -3px; top: -40px; min-width: 50px; height: 50px; box-sizing: border-box; font-size: 20px; color: #fff;}
.mainLayerIn { display: flex; flex-direction: column; justify-content: center; position: relative; width: 500px; min-height: 300px; padding: 0 40px 0 40px; box-sizing: border-box; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.codeInput { margin-top: 10px;}
.codeInput .loginTbox { width: 320px; height: 43px; border-radius: 15px; border: 1px solid #c4c4c4; text-indent: 20px; color: #222;}
.codeInput .loginTbox:focus { outline: none; border: 1px solid #47afff; box-shadow: 3px 3px 10px rgba(0,0,0,0.2);}
.btnLineType { display: inline-block; min-width: 80px; height: 45px; padding: 0 20px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 15px; vertical-align: middle; font-weight: 600; font-size: 16px; line-height: 44px; text-align: center;}
.btnLineType:hover { border-color: #222; text-decoration: none;}
.codeInputTime { margin-top: 25px; text-align: center;}
.codeInputBtm { margin-top: 25px; text-align: center;}
.btnBlueType { color: #fff; border-color: #0062d0; background: #0062d0;}
.btnBlueType:hover { color: #fff;}
.btnGrayType { border-color: #efefee; background: #efefee;}
.certifyIn { display: flex; height: 320px; flex-direction: column; justify-content: center; align-items: center;}
.certifyTitle {  padding-bottom: 15px; font-size: 20px; font-weight: bold;}

/*로그인*/
/*login*/
/*.loginWrap {min-width: 800px;}*/
.loginInput li { padding: 6px 0;}
.loginField li:nth-child(3) label{text-shadow: -1px 0px #fff, 0px 1px #fff, 1px 0px #fff, 0px -1px #fff;}
.loginField .loginTbox { width:223px; height: 30px; border: 1px solid #6c6c6c; text-indent: 5px; }
.loginBtnM { width: 225px; height: 32px; color: #fff; font-weight: bold; background: #373737; cursor: pointer;}

/*로그인 로고*/
.loginLogo{display: inline-block; width: 100%; height: 100px;  background: url(../[TPH_Vimages]/logo_himchan.png) center top no-repeat, url(../[TPH_Vimages]/logo_groupware.svg) center 70px no-repeat; background-size:244px auto, 300px auto; margin-bottom: 30px; min-width: 200px;}

.BP .loginAlign .loginLogo{display: inline-block; width: 100%; min-width:15rem; height: 100px;  background: url(../[TPH_Vimages]/logo_Bupyeong.png) center top no-repeat, url(../[TPH_Vimages]/logo_groupware.svg) center 70px no-repeat; background-size:244px auto, 300px auto; margin-bottom: 30px;}

.BS .loginAlign .loginLogo{display: inline-block; width: 100%; min-width:15rem; height: 100px;  background: url(../[TPH_Vimages]/logo_Busan.png) center top no-repeat, url(../[TPH_Vimages]/logo_groupware.svg) center 70px no-repeat; background-size:244px auto, 300px auto; margin-bottom: 30px;}

.CW .loginAlign .loginLogo{display: inline-block; width: 100%; min-width:15rem; height: 100px;  background: url(../[TPH_Vimages]/logo_Changwon.png) center top no-repeat, url(../[TPH_Vimages]/logo_groupware.svg) center 70px no-repeat; background-size:244px auto, 300px auto; margin-bottom: 30px;}

.GB .loginAlign .loginLogo{display: inline-block; width: 100%; min-width:15rem; height: 100px;  background: url(../[TPH_Vimages]/logo_Gangbuk.png) center top no-repeat, url(../[TPH_Vimages]/logo_groupware.svg) center 70px no-repeat; background-size:244px auto, 300px auto; margin-bottom: 30px;}

.GN .loginAlign .loginLogo{display: inline-block; width: 100%; min-width:15rem; height: 100px;  background: url(../[TPH_Vimages]/logo_Gangnam.png) center top no-repeat, url(../[TPH_Vimages]/logo_groupware.svg) center 70px no-repeat; background-size:244px auto, 300px auto; margin-bottom: 30px;}

.MD .loginAlign .loginLogo{display: inline-block; width: 100%; min-width:15rem; height: 100px;  background: url(../[TPH_Vimages]/logo_Mokdong.png) center top no-repeat, url(../[TPH_Vimages]/logo_groupware.svg) center 70px no-repeat; background-size:244px auto, 300px auto; margin-bottom: 30px;}

.IC .loginAlign .loginLogo{display: inline-block; width: 100%; min-width:15rem; height: 100px;  background: url(../[TPH_Vimages]/logo_Incheon.png) center top no-repeat, url(../[TPH_Vimages]/logo_groupware.svg) center 70px no-repeat; background-size:244px auto, 300px auto; margin-bottom: 30px;}

.HW .loginAlign .loginLogo{display: inline-block; width: 100%; min-width:15rem; height: 100px;  background: url(../[TPH_Vimages]/logo_himchan_width.png) center top no-repeat, url(../[TPH_Vimages]/logo_groupware.svg) center 70px no-repeat; background-size:244px auto, 300px auto; margin-bottom: 30px;}

.HP .loginAlign .loginLogo{display: inline-block; width: 100%; min-width:15rem; height: 100px;  background: url(../[TPH_Vimages]/logo_himchan_partner.png) center top no-repeat, url(../[TPH_Vimages]/logo_groupware.svg) center 70px no-repeat; background-size:244px auto, 300px auto; margin-bottom: 30px;}


.loginTop{width: 100%; height: 50%; position: relative;}
.loginAlign {height: 100%; position: absolute; left: 50%; top: 70%; transform: translate(-50%, -50%); z-index: 1;}
.loginBottom{height: 50%; position: relative; background: url(../%5BTPH_Vimages%5D/bg_login.png) center top no-repeat; background-size: cover; object-fit:cover;}
.loginBottom::before {content: ""; display: block; background:#E99964; width: 50%; height: 5px; position: absolute; left: 0; top: 0px; box-sizing: border-box;}
.loginBottom::after {content: ""; display: block; background:#5864BE; width: 50%; height: 5px; position: absolute; right: 0; top: 0px; box-sizing: border-box; }

.loginField .loginTbox { width:300px; height: 45px; border-radius: 15px; border: 1px solid #c4c4c4; text-indent: 20px; color: #222;}
.loginField .loginTbox:focus { outline: none; border: 1px solid #47afff; box-shadow: 3px 3px 10px rgba(0,0,0,0.2);}
.loginBtnM {display: block; margin: 0 auto; width: 85px; height: 77px; border-radius: 28px; font-size: 18px; background: #0062d0;}
.loginField li:nth-child(3) {padding-bottom: 0; font-size: 16px; font-weight: bold;}
.loginField li:nth-child(3) input {height: 20px; margin-right: 3px; margin-bottom: 3px;}
.loginInput { min-width: 15rem; width: 100%; margin: 0 auto; padding: 0;}
.loginInput form{ width: 300px; margin: 0 auto; padding: 0;}

.newmember{width:220px; height: 50px; border-radius: 20px; background: #F2F4F8; line-height: 50px; border: 1px solid #D6DDEB; position: absolute; z-index: 1; right: 20px; bottom: 20px; cursor: pointer;}
.newmember a {display: flex; width: 100%; height: 100%; align-items: center;}
.newmember a:hover{text-decoration: none;}
.newmember span{font-size: 18px;}
.newmember i{background: url(../%5BTPH_Vimages%5D/ico_set_blue.svg)no-repeat; width: 18px; height: 17px; display: inline-block; margin-left:18px; margin-right: 5px;}


/*main Contents*/
.main { background-color: #f2f4f8;}
.headerMain { width: 1300px;}
.logoMain a { background: url(../[TPH_Vimages]/logo_main.png) no-repeat;}
/*.contentsMain { width: 1300px;}*/
.mainCont01Vertical{width: 526px;}
.contentsMain:after { content: ""; display: block; clear: both;}
.mainCont01 {width: 960px; border-bottom: 1px solid #DADADA; display: flex;}
.mainCont02 {width: 960px; height: 180px; border-bottom: 1px solid #DADADA; display: flex;}
.mainCont03 {width: 960px; display: flex;}
.contentsMain>div.columnReverse{flex-direction: column;}
/*메인 이메일*/
.mainCont02 .mainMailIcon{width: 110px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.mainCont02 .mainMailIcon > i{display: inline-block; width: 25px; height: 20px; background: url(../[TPH_Vimages]/ico_mainEmail.svg) no-repeat;}
.mainCont02 .mainMailIcon > span:nth-child(2){display: inline-block; padding: 10px 10px; min-width: 50px; max-width: 70px; background: #1890EF; border-radius: 50px; text-align: center; margin: 6px 0 8px;}
.mainCont02 .mainMailIcon > span:nth-child(2) > a{color: #fff; font-size: 35px;}
.mainCont02 .mainMailIcon > span:nth-child(2) > a:hover{text-decoration: none;}
.mainCont02 .mainMailIcon > span:nth-child(3) {color: #1890EF; font-size: 14px; font-weight: bold;}
.mainMailList {display: flex; align-content: center; align-items: center; width: 850px;}
.mainMailList > ul {float: right; width: 100%;}
.mainMailList > ul li {height: 28px; border-bottom: none; display: flex; align-items: center;}  
.mainMailList ul li a{display: inline-block; width: calc(100% - 350px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; padding-right: 80px;}
.mainMailList ul li span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mainMailList ul li span:nth-of-type(1){width: 170px;}
.mainMailList ul li span:nth-of-type(2){color: #aaa; float: right; padding-left: 30px; width: 90px;}

/*메인 캘린더*/
.mainleftBtn {display: flex; align-items: center; }
.mainleftBtn span {font-size: 30px;}
.mainleftBtn > span > span {font-weight: bold;}
.mainleftBtn .btnPrev{margin-right: 20px;}
.mainleftBtn .btnNext{margin-left: 20px;}
.mainSign {width: 466px; padding: 0;}
.mainCalendar{width: 338px; height: 220px; margin-left: 20px;}


/*메인게시판*/
.mainBoardTitle span { display: inline-block; padding-bottom: 15px; border-radius: 12px; color: #fff; vertical-align: middle; font-weight: 800; background: #E99964; padding: 7px 15px;}
.mainBoardTitle:before { content: ""; display: inline-block; width: 24px; height: 36px; margin-right: 10px; vertical-align: middle; background: url(../[TPH_Vimages]/ico_nav_board.svg) center 5px no-repeat;}
.mainBoard {width: 430px; height: 180px; margin-top: 40px;}
.mB01 {border-right: 1px solid #DADADA; padding: 0px 40px 30px 20px; }
.mB02 { padding: 0px 40px 30px 40px;} 
.mBoard li { height: 28px; line-height: 28px; border-bottom: none;}
.mBoard li:first-child { padding-top: 30px;}
.mBoard li a em { width: calc(100% - 120px); padding-left: 0px;}
.boardName { width: 60px; padding-left: 60px;}
.mainBoardTitleM{display: none;}
.mainBoard .resultNone{margin-top: 120px; text-align: center;}

/*메인게시판 - 사규서식x 목동, 강남, 피알파트너, 위드*/
.GN .mainBoard.mB01, 
.MD .mainBoard.mB01, 
.HW .mainBoard.mB01,
.HC .mainBoard.mB01 {display: none !important;} 
.GN .mainBoard, 
.MD .mainBoard, 
.HW .mainBoard,
.HC .mainBoard {width: 100%;}
.GN .mB02,
.MD .mB02,
.HW .mB02,
.HC .mB02 {padding: 0px 0px 30px 40px;}

.resultNone{color: #aaa;}
/*메인 결재 문서함*/
.payBoardTitle span { display: inline-block; color: #5864BE; vertical-align: middle; font-weight: 800; padding-top: 5px; padding-bottom: 20px;}
.payBoardTitle:before { content: ""; display: inline-block; width: 24px; height: 35px; margin-right: 5px; vertical-align: middle; background: url(../%5BTPH_Vimages%5D/ico_nav_sign.svg) center 0 no-repeat;}
.pBoard {display: flex; justify-content:space-around; padding-bottom: 40px;
border-bottom: 1px solid #DADADA;}
.pBoard li{margin-right: 5px;}
.pBoard li a{display: flex; flex-direction:column; align-items: center;}
.pBoard li a:hover{text-decoration: none;}
.pBoard li .payBoardNum{display: inline-block; padding: 8px 10px; min-width: 50px; border-radius: 50px; background:#5864BE; font-weight: 400; color: #fff; text-align: center; line-height: 52px; font-size: 30px;}
.pBoard .payBoardNumNone{opacity: 0.4;}
.pBoard li span:nth-child(2) {margin-top: 5px; white-space: nowrap;}

/*메인 일정*/
.scheduleBoardTitle span { display: inline-block;  padding-top: 5px;  color: #60BBDD; vertical-align: middle; font-weight: 800; padding-bottom: 20px;}
.scheduleBoardTitle > .scheduleBoardTitleM { display: none;}
.scheduleBoardTitle:before { content: ""; display: inline-block; width: 24px; height: 37px; margin-right: 5px; vertical-align: middle; background: url(../%5BTPH_Vimages%5D/ico_nav_cal.svg) center 0px no-repeat;}
.scheduleBoard { padding: 30px 20px 30px 0px; width: 430px; height: auto;}
.sBoard li{margin-bottom: 10px; width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sBoard li:last-child{margin-bottom: 0px;}
.sBoard a:hover{text-decoration: none;}
.sTime{font-weight: bold; color: #60BBDD; margin-right: 20px;}
.scheduleBoard .resultNone{text-align: center;}


a.mLinkSyu { border-left: 1px solid #dadada; padding-top: 60px; background: url(../[TPH_Vimages]/ico_su.png) center 0px no-repeat;}
a.mLinkSuwings { padding-top: 60px; background: url(../[TPH_Vimages]/ico_menu_main.png) center -795px no-repeat;}
a.mLinkMessenger { background: none;}
a.mLinkMessenger span { padding-top: 60px; color: #444; font-size: 15px; background:url(../[TPH_Vimages]/ico_menu_main.png) center -596px no-repeat;}
.mNoCont { color: #222; padding-left: 0px; padding-top: 0px;}
a.mLinkTraining { padding-top: 60px; background: url(../[TPH_Vimages]/ico_menu_main.png) center -1294px no-repeat;}
a.mLinkRemote { padding-top: 60px; background: url(../[TPH_Vimages]/ico_menu_main.png) center -1444px no-repeat;}
a.btnOrg { height: 100%; margin-top: 0px; padding: 60px 25px 0; font-size: 15px; background: url(../[TPH_Vimages]/ico_menu_main.png) center -398px no-repeat;}
a.btnCounsel { height: 100%; margin-top: 0px; padding: 60px 25px 0; font-size: 15px; background: url(../[TPH_Vimages]/ico_menu_main.png) center -1200px no-repeat;}



/*메일전용left*/
.smenuJunk { background: url(../[TPH_Vimages]/ico_small_adv.png) center -787px no-repeat;}
.leftMailQuick { border-top: none;}
.leftMailQuick li a { padding: 62px 0 18px 0;}
.leftMailQuick li.mailQmenu01 a {  background: url(../[TPH_Vimages]/ico_mail.png) center 0px no-repeat;}
.leftMailQuick li.mailQmenu02 a {  background: url(../[TPH_Vimages]/ico_mail.png) center -100px no-repeat;}
.leftMailQuick li.mailQmenu03 a {  background: url(../[TPH_Vimages]/ico_mail.png) center -200px no-repeat;}
.leftMailQuick li.mailQmenu04 a {  background: url(../[TPH_Vimages]/ico_mail.png) center -300px no-repeat;}
.myEmail { height: 40px; border-top:none;}
.myEmail span { padding-left: 53px; line-height: 65px; background: url(../[TPH_Vimages]/ico_ssmall.png) 20px -1680px no-repeat; }
.leftNavSecSet a { background: url(../[TPH_Vimages]/ico_small_adv.png) 7px -936px no-repeat;}
.leftNavSecOld a { margin-top: 10px; border-radius: 18px; color: #fff; background: #468cd1 url(../[TPH_Vimages]/ico_small.png) 7px -1588px no-repeat;}
.leftNavListSec li a { border-bottom: none;}
.leftNavListSec { margin-top: 10px;}

/*mail smenu tree*/
.mailMyTree .easytree-container { margin-top: 20px; padding: 1px 15px; border-radius: 30px; background: #e6eaf3;}
.mailMyTree .easytree-container > li { border-bottom: none;}
.mailMyTree .easytree-container > li:first-child { margin-top: 15px;}
.mailMyTree .easytree-container > li:last-child { margin-bottom: 15px;}
.mailMyTree .easytree-container li a { color: #444;}
.mailMyTree .easytree-focused.easytree-container span.easytree-active.easytree-node, 
.mailMyTree .easytree-focused.easytree-container span.easytree-selected.easytree-node, 
.mailMyTree span.easytree-active.easytree-node:hover, 
.mailMyTree span.easytree-selected.easytree-node:hover,
.mailMyTree span.easytree-node:hover { background: none; border-color: rgba(0,0,0,0);}
.mailMyTree span.easytree-icon { background: url(../[TPH_Vimages]/ico_small_adv.png) center -1000px no-repeat;}
.mailMyTree .easytree-expander,
.mailMyTree .easytree-expander:hover { background: url(../[TPH_Vimages]/ico_mailtree_adv.png) center 4px no-repeat;}

/*btlWrap tree*/
.btlTree .easytree-container { position: relative; margin-top: 10px; padding: 15px 0; border-radius: 0px; background: none;}
.btlTree .easytree-container > li { border-bottom:none;}
.btlTree .easytree-container li a { padding-right: 25px;}
.btlTree .easytree-focused.easytree-container span.easytree-active.easytree-node, 
.btlTree .easytree-focused.easytree-container span.easytree-selected.easytree-node, 
.btlTree span.easytree-active.easytree-node:hover, 
.btlTree span.easytree-selected.easytree-node:hover,
.btlTree span.easytree-node:hover { background: none; border-color: rgba(0,0,0,0);}
.btlTree .easytree-exp-e span.easytree-expander,
.btlTree .easytree-exp-e span.easytree-expander:hover,
.btlTree .easytree-exp-ed span.easytree-expander, 
.btlTree .easytree-exp-ed span.easytree-expander:hover, 
.btlTree .easytree-exp-el span.easytree-expander, 
.btlTree .easytree-exp-el span.easytree-expander:hover, 
.btlTree .easytree-exp-edl span.easytree-expander,
.btlTree .easytree-exp-edl span.easytree-expander:hover { background-position: center -35px; }
.btlTree span.easytree-icon { width: 0px; height: 0px;}
.btlTree span.easytree-title { margin-left: 0;}
.btlTree ul:after { content: ""; position: absolute; top: -50px; left: -15px; display: block; width: 10px; height: calc(100% + 50px); background: #efb60a;}

/*부서 문서함*/
.deptNavList { margin-top: 20px; border-radius: 30px; background: #e6eaf3;}
.deptNavList > li { padding: 15px 20px 15px 25px; border-bottom: none;}
a.deptNavListHeaderSet { top: 18px; right: 15px;}
.deptNavListSub a { padding: 5px 0px 5px 12px;}
.deptNavListSub li:last-child a { padding-bottom: 12px;}

/*right navi*/
.main .rightNav { margin-right: 0; padding-top: 8px;}
.rightNav > label { float: right;}
.btnLink { clear: both;}
.infoMember ul { margin-right: 0px; margin-left: 5px;}
.infoMember ul li { text-align: left;}
.memPhoto { width: 45px; height: 45px; background-color: #fff; background-image: url(../[TPH_Vimages]/ico_right_nav.png); background-position: center 9px;  border-radius: 0px;}
.main .memPhoto { background-color: #f2f4f8;}
.memberPosition { right: 0px;}
.rightNavMore { float: right; display: inline-block; margin-right: 5px;}
.btnLinkMore { display: inline-block; width: 45px; height: 45px; line-height: 23px; border-radius: 15px; font-size: 28px; font-weight: 500; text-align: center; color: #535353; background: #f2f4f8;}
.main .btnLinkMore { background: #e7eaf2;}
.btnLinkManagerLayer { width: 320px; max-height: 440px; overflow: auto; top: 49px; right: 0px; padding: 10px 10px 40px;}
.main .btnLinkManagerLayer { top: 57px;}
.linkGw { display: flex; flex-wrap: wrap; width: 100%;}
.linkIntegrate { display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #dfdfdf; margin-top: 40px; padding-top: 0px;}
.linkGw a,
.linkIntegrate a { flex: 1 33.3%; max-width: 33.3%;}
.linkGw a { background-image: url(../[TPH_Vimages]/ico_right_nav.png);}
.linkGw .gwLink01 { background-image: url(../[TPH_Vimages]/ico_menu_sub.png); background-position: center -400px;}
.linkGw .gwLink02 { background-image: url(../[TPH_Vimages]/ico_menu_sub.png); background-position: center -599px;}
.linkGw .gwLink03 { background-image: url(../[TPH_Vimages]/ico_menu_sub.png); background-position: center -1447px;}
.linkGw .gwLink04 { background-position: center -98px;}
.linkGw .gwLink05 { background-position: center -299px;}
.linkGw .gwLink06 { background-position: center -198px;}
.holdNum { display:inline-block; min-width: 10px; height: 18px; margin-left: 5px; padding: 0 5px 0 4px; background-color: #fbe31b; line-height: 18px; border-radius: 20px; text-align:center; letter-spacing: -1px; color: #5c5106; font-weight: 600; box-shadow: 0 2px 0 rgba(0,0,0,0.2);}

/*메신저박스*/
.rightNav{padding-right: 10px; position: relative; padding-top: 0px; top: 0; margin-right: 80px; z-index: 5;}
.rightNav .messengerbox{width: auto; height: 60px; background: #F2F4F8; display: flex; float: right; border-radius: 15px 15px 15px 15px;}
.rightNav .messengerbox.on{border-radius: 15px 15px 15px 0px;}
.rightNav .messengerbox > li{display: flex; flex-direction: column; box-sizing: border-box; margin-top: 10px; border-right: 1px solid #D8DCE5; width: 67px; height: 37px; align-items:center; text-align: center;  position: relative; z-index: 2;}
.rightNav .messengerbox li > a:hover{text-decoration: none;}
.rightNav .messengerbox li > a span{font-size: 11px; font-weight: bold;}
.rightNav .messengerbox > li:nth-child(1) { float: left; text-align: center; padding-left: 2px; box-sizing: border-box;}
.rightNav .messengerbox li:last-child{float: right; border-right: none;}
.rightNav .messengerbox > li i{background: url(../[TPH_Vimages]/ico_nav_msg.svg) no-repeat center; width: 22px; height: 20px; display: block; text-indent: -9999px; margin: 0 auto; margin-bottom: 5px;}
.rightNav .messengerbox > li:last-child i{background: url(../[TPH_Vimages]/ico_nav_note.svg) no-repeat center; width: 20px; height: 20px; display: block; text-indent: -9999px; margin: 0 auto; margin-bottom: 5px;}
.rightNav .messengerbox > li:last-child i{background: url(../[TPH_Vimages]/ico_nav_note.svg) no-repeat center; width: 20px; height: 20px; display: block; text-indent: -9999px; margin: 0 auto; margin-bottom: 5px;}

.rightNav .messengerbox li .installList {position: absolute; height: auto; min-height: auto; z-index: 1; display: flex; flex-direction: column; top: 55px; background: #F2F4F8; border: 2px solid #f1f1f1; border-top: none; border-radius: 15px; justify-content: space-evenly;}
.rightNav .messengerbox li .installList li{height: 60px; width: 64px;border-right: none;}
.rightNav .messengerbox li .installList li::after{display: inline-block; width: 20px; height: 1px; background: #D8DCE5; content: ""; position: relative; bottom: 15px;}
.rightNav .messengerbox li .installList li:last-child::after{display: none;}
.rightNav .messengerbox li .installList li:nth-child(1) a i{background:url(../[TPH_Vimages]/ico_messengerbox.png) no-repeat; width:25px; height:25px; background-size:cover;}
.rightNav .messengerbox li .installList li:nth-child(2) a i{background:url(../[TPH_Vimages]/ico_messengerbox.png) center -55px no-repeat; width:25px; height:25px; background-size:cover;}
.rightNav .messengerbox li .installList li:nth-child(3) a i{background:url(../[TPH_Vimages]/ico_messengerbox.png) center -34px no-repeat; width:25px; height:20px; background-size:cover;}

.rightNav .messengerbox li .installList li:last-child a{border-bottom: none;}
.rightNav .messengerbox li .installList li a {height: 100%; display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center;}
.rightNav .messengerbox li .installList li a span{word-break: keep-all; display: inline-block;}





/*인사평가박스*/
.paystubBox{ position: absolute; right: 20px; top: -80px; height: 100%;}
.paystubBox .paystub{width: 60px; height: auto; background: #046DC0; display: inline-block; float: right; border-radius: 15px;}
.paystubBox .paystub li{display: flex; flex-direction: row; justify-content: center; box-sizing: border-box;}
.paystubBox .paystub li a:hover{text-decoration: none;}
.paystubBox .paystub li:nth-child(1) a span{margin: 0 auto; word-break:break-all;  display: block; width: 30px; font-size: 11px; font-weight: bold; color: #fff;}
.paystubBox .paystub li:nth-child(1) a {display: inline-block; width: 60px; height: 75px; text-align: center; border-radius: 15px 15px 0 0; padding-top: 10px;}
.paystubBox .paystub li:nth-child(1) i{background: url(../[TPH_Vimages]/ico_personnel.svg) no-repeat center; width: 26px; height: 23px; display: block; text-indent: -9999px; margin: 0 auto; margin-bottom: 5px;}


.paystubBox .paystub li:nth-child(2)::after{ position: absolute; display: inline-block; content: ""; height: 1px; width: 20px; background: #fff; margin: -2px auto; opacity: .2;}

.paystubBox .paystub li:nth-child(2) a {display: inline-block; width: 60px; height: 75px; text-align: center; border-radius: 0 0 15px 15px; padding-top: 10px;}
.paystubBox .paystub li:nth-child(2) a span{margin: 0 auto; word-break:break-all;  display: block; width: 35px; font-size: 11px; font-weight: bold; color: #fff;}
.paystubBox .paystub li:nth-child(2) i{background: url(../[TPH_Vimages]/ico_pay.svg) no-repeat center; width: 24px; height: 24px; display: block; text-indent: -9999px; margin: 0 auto; margin-bottom: 5px;}




/*문서수정내역*/
.listHead { height: 32px; padding-left: 15px; line-height: 32px; font-size: 15px; font-weight: bold; border-top: 2px solid #4f4f4f; background: #f1f1f1;}
.listHead + .wfReadTable { border-top: 1px solid #ccc;}
/*접속정보*/
.logoMain a { width: 220px;}
.logInfo { position: fixed; top: 14px; left: 235px; display: inline-block; min-width: 200px; padding: 25px 0 0 0; background: url(../[TPH_Vimages]/logo_main.png) no-repeat; background-position: -235px -9px;}
.logInfo em { display: inline-block; width: 55px; vertical-align: middle; font-size: 13px; color: #999;}
.logInfo b { display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 400;}

/*입력 및 보기 페이지 상단 여백 줄이기*/
.voeWrap .contents .cont .workflowRead .wfSignBody {border-top: none;}
.voeWrap .contents .cont .workflowRead .wfSignBody tr td img{max-width:600px; width: 100% !important;}

.voeWrap .contents .cont .workflowRead .wfSignBody tr{border-bottom: 1px solid #ccc;}
.voeWrap .contents .cont .workflowRead .wfSignBody .adrChkTable {border-collapse: separate; border-spacing: 0 2px;}
.greWrap .contents .cont .workflowRead .wfSignBody {border-top: none;}
.greWrap .contents .cont .workflowRead .wfSignBody tr td img{max-width: 300px;}

.greWrap .contents .cont .workflowRead .wfSignBody tr{border-bottom: 1px solid #ccc;}
.greWrap .contents .cont .workflowRead .wfSignBody .adrChkTable {border-collapse: separate; border-spacing: 0 2px;}
.usedWrap .contents .cont .workflowRead .wfSignBody {border-top: none;}
.usedWrap .contents .cont .workflowRead .wfSignBody tr td img{max-width:600px;}

.usedWrap .contents .cont .workflowRead .wfSignBody tr{border-bottom: 1px solid #ccc;}
.usedWrap .contents .cont .workflowRead .wfSignBody .adrChkTable {border-collapse: separate; border-spacing: 0 2px;}
.noteWrap .contents .cont .workflowRead .noteReceiveTable {border-top: none;}
.noteWrap .contents .cont .workflowRead .noteReceiveTable tr td img{max-width:600px;}

.noteWrap .contents .cont .workflowRead .noteReceiveTable tr{border-bottom: 1px solid #ccc;}
.noteWrap .contents .cont .workflowRead .noteReceiveTable .adrChkTable {border-collapse: separate; border-spacing: 0 2px;}


.btlWrap .contents .cont .workflowRead .noteReceiveTable {border-top: none;}
.btlWrap .contents .cont .workflowRead .noteReceiveTable tr td img{max-width: 800px;}
.btlWrap .contents .cont .workflowRead .noteReceiveTable tr{border-bottom: 1px solid #ccc;}
.btlWrap .contents .cont .workflowRead .noteReceiveTable .adrChkTable {border-collapse: separate; border-spacing: 0 2px;}

.wfComplaintTable td img{max-width: 800px; display: block;}

/*쪽지 받는사람 숨기기*/
.noteRecipBtn{float: right; width: 37px; height: 20px; line-height: 20px; padding: 2px 7px 0 0; text-align: center; font-size: 12px;}
.noteRecipDiv { width: calc(100% - 45px); visibility: visible; opacity:1; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .1s ease;  float: left; box-sizing: border-box;}
.closedSignWeb {max-height: 40px; height: auto; overflow: hidden;}
.wfSignNew { border: 1px solid #ccc; border-top: 2px solid #4f4f4f; border-bottom: none;}

.noteRecipBtn i{  width: 10px; height: 10px; background: url(../[TPH_Vimages]/ico_sel_layer.svg) center no-repeat; display: inline-block; position: absolute; right: 0px; top: 13px;}

.noteRecipBtn02 i{width: 10px; height: 10px; background: url(../[TPH_Vimages]/ico_sel_layer.svg) center no-repeat; display: inline-block; transform: rotate(180deg);}

/*pc에서 모바일 버튼들 숨기기*/
   
.tabMenuBtn,
.mobMailWrite,
.mobMenuBtn,
.mobMenuBtn2,
.closeNavTBtn,
.signTableBtn { display: none;}
/*.noteWrap .signTableBtn { display: block;}*/
/*.workflowWrap .signTableBtn { display: block;}*/


/*전자결재 수신인 선택 래이어*/
.workflowWrap .popWrapDiv {top: 0; width: 100%; min-width: 1250px; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; z-index: 10;}
.workflowWrap .popWrapDiv .popWrap.meetingScheRegi {display: block; margin: 0 auto; z-index: 40; width: 460px;}
.workflowWrap .popWrapDiv .popWrap.meetingScheRegi .rightSearch{margin-top: 0 !important;}
.workflowWrap .popWrapDiv .popWrap.meetingScheRegi .rightSearch fieldset{margin-top: 0px;}
.workflowWrap .popWrapDiv .popWrap.meetingScheRegi .apprPopTree {padding-bottom: 70px;}
.workflowWrap .popWrapDiv .popWrap.meetingScheRegi .bottomSearchBtn {  bottom: 0; right: 20px; position: absolute;}


/*1500이하*/
@media all and (max-width:1500px) {
/*전자결재 여백줄임*/
/*    .cont{min-height: 600px; padding: 0 90px 50px 320px; }*/
    .icoAtt { background-position: center -499px;}
    
    .wfSignFlowUl li { line-height: 14px; vertical-align: middle;}
    .labelSignBorder { top: -65px; height: 98px;}
    .regularSignLine { top: 418px;}
/*테이블 여백*/
    .noteReceiveTable tr th { height: 36px;}
    .noteReceiveTable tr td { padding: 5px;}
/*위원회명 검색*/
    .reasonLayerListIn { height: 486px;}
    .wfConnListIn { height: 390px;}
    .addrEditList { height: 488px;}
    .addrEditListIn { height: 267px;}
/*조직도*/
    .orgUserBox .anoteUseList { height: 248px;}
    .anoteUserL .apprPopTree { height: 410px;}
    .worklist_pop_share .anoteUserL .apprPopTree { height: 417px;}
    .orgUserBox .anoteUserL .apprPopTree { height: 562px; }
    .addr .anoteUserL .apprPopTree { height: 551px;}

/*일정*/
    .scheLayer { top: 40%;}
/*mail_view*/
    .mailManyName { top: 38px;}
/*게시판설정*/
    .btlConfDiv01 .anoteUserR,
    .btlConfDiv02 .anoteUserR,
    .btlConfDiv03 .anoteUserR { height: 634px; overflow: hidden;}
    .anoteUserL .confPopTree { height: 560px;}
    .btlConfDiv01 .addrUseList { height: 546px;}
    .btlConfDiv02 .addrUseList { height: 260px;}
    .btlConfDiv03 .addrUseList { height: 165px;}
/*게시판관리수정181102*/
    .btlConfig .btlConfDiv01 .addrUseList { height: 483px;}
/*테이블 안 에디터 깨짐문제*/
    .wfSignBody tr td .tx-toolbar-advanced  tr td { height: 14px;}
/*결재문서작성 불러오기 버튼*/
    .btnSignCallDoc { top: 7px;}

  
/*메신저 수신인 */
  .wfReadTable.anoteUserB tr.on{background: #FFF4B9 !important;}
  

}
  
/*pc에서 모바일 버튼들 숨기기*/
.mobMailWrite,
.mobMenuBtn,
.mobMenuBtn2,
.tabMenuBtn,
.signTableBtn { display: none;}

@media print{
  body { height: auto !important; }
  .printHide { display:none !important; }
  .popWrap { padding: 0px;}
  .btnBasic{display: none;}
  .page-break { page-break-inside:avoid; page-break-after:auto }
  .sign_read_preview {margin: 0 auto; padding: 0 10px;}
  /*인사평가 지표평가 레이어인쇄*/
  .layerPrint > * { display: none;}
  .onLayerPrint { display: flex; position: relative; background: none;}
  .onLayerPrint .personneLayer { position: relative; padding: 10px 0 0 0; border-radius: 0; box-shadow: none; width: 100%; margin: 0; top: auto; transform: none;
      left: auto; max-height: none; overflow-y: visible;}
  .onLayerPrint .personneListIn { overflow-y: visible;}
  .onLayerPrint .centerBtn { display: none;}
  .onLayerPrint .wfReadTable,
  .onLayerPrint .personTable { table-layout: fixed;}
  .onLayerPrint .wfReadTable td,
  .onLayerPrint .wfReadTable th,
  .onLayerPrint .personTable td,
  .onLayerPrint .personTable th { word-break: keep-all; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
  .onLayerPrint .scrHgtTh { padding-right: 0;}
  .onLayerPrint .popHead { -webkit-print-color-adjust: exact; print-color-adjust: exact;}
}


/* 태블릿 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1345px) {
    .contents:after, .contents02:after {display: none;}
    .workflowWrap .contents:after, .workflowWrap .contents02:after {display: none;}
    .workflowWrap .leftNav:after, .workflowWrap .leftNav:after {display: none;}

  
  
    .wrap{position: relative;}
    .cont { padding: 0 90px 50px 20px;}
    .cont02 { padding: 0 90px 50px 20px;}
    .header { min-width: 1250px;}
    .logoSub {position: absolute; top: 5px; left: 130px; width: 290px; height: 80px; transform: translate(-50%); background:  url(../[TPH_Vimages]/logo_groupware.svg) center 60px no-repeat; background-size: 200px auto;}
    .logoSub a {display: block; width: 220px; height:48px; margin:0 auto; text-indent: -9999px; background: url(../%5BTPH_Vimages%5D/logo_Bupyeong.png) 0px 10px no-repeat; background-size: contain;}
  
    .nav { padding-left: 280px;}
    .contents { min-width: 1250px;}
    .tabMenuBtn { display: block; position: absolute; top: 113px; left: -27px; width: 55px; height: 110px; text-indent: -9999px; background: url(../[TPH_Vimages]/btn_showhide02.png) right center no-repeat; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; z-index: 15;}
    .leftNav { visibility: hidden; opacity:0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); left: -250px; z-index: 7; background-color: #fff; z-index: 1;}
  
  
    /*인사평가 급여평가 nav 에서 숨기기*/
    .navPersonnel, .navAuth{display: none !important;}
    .closedNavTBtn { top: 113px; left: 260px; background: url(../[TPH_Vimages]/btn_showhide.png) right center no-repeat; z-index: 8;}
  
    /*왼쪽 메뉴*/
    .closedNavT { visibility: visible; opacity: 1; left: 0;}
    .leftNav:after { content: ""; position: fixed; top: 0px; left: 0; bottom: 0; display: block; width: 290px; z-index: -1; background-color: #f2f4f8;}
    .leftNav { bottom: auto; padding: 20px 15px 0;}
  
    /*전자결재 결재라인버튼*/
    .wfSignFlowWriteNR.wfapprovalNR.closedSign { visibility: visible; opacity: 1; z-index: 1; top:-10px;}
    .heightNone th .wfSignNum {border-bottom: 1px solid #ccc;}
    .wfSignFlowWriteNR.wfapprovalNR tr{height: 40px;}
    .wfSignFlowWriteNR.wfapprovalNR2.closedSign { visibility: visible; opacity: 1; z-index: 1; top:162px;}
    .sign_read .signTableBtn,
    .sign_view .signTableBtn{display: none;}  
    .closedSignBtn { box-shadow: 0px 0px 5px rgba(0,0,0,0.3); border-radius: 50%;}
    .wfSignFlowWriteNL { visibility: hidden; position: absolute; top: 0; left: 0; height: 0;}
    .wfSignFlowWriteNR tr:first-child {border-top: 2px solid #4f4f4f;}  
  
    /*인사박스 없을때*/
    .paysBoxNone .contents .cont {padding-left: 20px; min-height: 600px; clear: both; padding-right: 20px;}
  
    .paysBoxNone .contents .cont02 {padding-left: 20px; min-height: 600px; clear: both; padding-right: 20px;}

    .closedNav { visibility: visible; opacity:1; left: 0;}
    .mailWrap .closedNavBtn { top: 260px;}
  
    .adrWrap .workflowRead, 
    .sign_write .workflowRead, 
    .sign_view .workflowRead, 
    .sign_tmp .workflowRead, 
    .sign_read .workflowRead, 
    .official_doc_view .workflowRead, 
    .official_doc_write .workflowRead, 
    .official_doc_write_inside .workflowRead, 
    .official_doc_write_outside .workflowRead, 
    .official_doc_write_outside_receive .workflowRead, 
    .official_doc_read .workflowRead {width: auto;}
  
    .offiReadTable { width: 100%;}
    .headerMain,
    .contentsMain { padding-left: 10px; padding-right: 10px;}
    .logoMain { left: 10px;}
    .leftLink{padding-bottom: 25px; position: relative;}
  
    /*결재하단 부서문서함 선택 버튼영역*/
    .sign_view .bottomSearchBtn,
    .sign_read .bottomSearchBtn,
    .sign_write .bottomSearchBtn,
    .sign_tmp .bottomSearchBtn,
    .official_doc_view .bottomSearchBtn,
    .official_doc_write_outside .bottomSearchBtn,
    .official_doc_write_inside .bottomSearchBtn,
    .official_doc_write_outside_receive .bottomSearchBtn,
    .official_doc_read .bottomSearchBtn { width: 100%;}
  
    /*left menu*/
    .leftNav { bottom: auto; padding: 20px 15px 0; z-index: 4; height: auto; top: -100px;}
    .leftNav:after { display: none;}
    .leftNavList { margin-top: 15px;}
    .closedNavBtn { top: 150px; left: 260px;}
    
  
    /*adrWrap 입력*/
    .adrWrap .contents .cont .workflowTab {border-bottom: 2px solid #5864BE !important; max-width: 100%; width: auto;}
    .adrWrap .contents .cont .workflowRead .wfSignBody:nth-of-type(1) colgroup col:nth-child(2){width: 510px !important;}
  
    /*로그인*/
    .loginTop{position: relative; height: 50%;}
    .loginBottom::before {content: ""; display: block; background:#E99964; width: 50%; height: 5px; position: absolute; left: 0; top: 0px; box-sizing: border-box;}
    .loginBottom::after {content: ""; display: block; background:#5864BE; width: 50%; height: 5px; position: absolute; right: 0; top: 0px; box-sizing: border-box; }
    .loginField li { padding: 6px 0;}
    .loginField li:nth-child(3) {padding-bottom: 0; font-size: 16px; font-weight: 500;}
    .loginField .loginTbox { width:100%; height: 36px;}
  
  
    .loginBtnM { width: 85px; height: 77px; border-radius: 28px; font-size: 15px; top: 80%; left: 50%; position: absolute; transform: translate(-50%, -50%); border: 1px solid #c4c4c4;}
    .loginCenter { height: 100%; background: url(../[TPH_Vimages]/bg_login.png) center bottom no-repeat; background-size: auto 45vh; min-height: 100vh; min-width: 100%;}
    .loginBottom { position: relative; height: 50%; background-size: cover; background-position: bottom;}
    .anoteUserBox{min-width: inherit;}
  
  

    /*일정*/
    .meetingScheRegi { width: 780px; min-height: 300px; box-shadow: 1px 1px 20px rgba(0,0,0,0.8); background: #fff; position: relative;}
    .slcheduleMeetingR .noteReceiveTable tr th{width: 80px !important;}
    .slcheduleMeetingL { padding: 5px 0px 0px 20px; box-sizing: border-box; background: #fff; height: 100%; float: left; width: 44%;}
    .slcheduleMeetingR { float: right; right: 0; max-height: 400px; padding: 5px 20px 5px 10px; box-sizing: border-box;  z-index: 13; box-sizing: border-box; width: 56%;}
    .slcheduleMeetingR .noteReceiveTable { border-top: 2px solid #4f4f4f; width: 100%;}
  
  
  
   .workflowWrap .popWrapDiv .popWrap.meetingScheRegi .bottomSearchBtn .centerBtn { text-align: right;}
  
  .loginInput {width: 18rem;}
  .loginAlign .loginLogo {width: 18rem !important;}
  

}
  
/* 테블릿 가로 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape){
    
}
/*아이패드전용*/
@media only screen and (device-width : 768px) and (orientation : portrait){
}
@media only screen and (device-width : 768px) and (orientation : landscape){
}


/* 스마트폰 */
@media only screen and (max-device-width : 767px){
    .contents:after, .contents02:after {display: none;}
    .workflowWrap .contents:after, .workflowWrap .contents02:after {display: none;}
    .workflowWrap .leftNav:after, .workflowWrap .leftNav:after {display: none;}
  
  
  
   .wrap { height: 100%;}
   .loginWrap { height: 100%; min-height: 568px; overflow-y: hidden;}
   .header { min-width: 320px; height: auto; min-height: 60px; position: relative; background: #F2F4F8;}
   .logoSub {position: absolute; left: 50%; top: 0px; width: 100%; height: 60px; background:  url(../[TPH_Vimages]/logo_groupware.svg) center 40px no-repeat; background-size: 140px auto;}
   .logoSub a {display: block; width: 150px; height:48px; margin:0 auto; text-indent: -9999px; background: url(../%5BTPH_Vimages%5D/logo_Bupyeong.png) 0px 5px no-repeat; background-size: contain;}
  
  
  .workflowTable3 tr td {font-size: 14px;}
  
    
/*  pc에서 인사박스 없으면 안보이게*/
  .navPaystubBox {display: block !important;}
  .paysBoxNone .navPerform, .paysBoxNone .navSalary {display: none !important;}
  .navPersonnel, .navAuth{display: block!important;}
  .navPerform, .navSalary {display: inline-block !important; height: 50px !important; border-radius: 15px !important;}
  .navPaystubBox{bottom: 5px; width: 170px !important; left: 5px;}
  .navPaystubBox a{width: 100% !important; height: 50px !important;}
  .navPaystubBox a span{line-height: 50px; text-align: left; padding-left: 15px; }
  .navPerform span::before{display: inline-block; content: ""; width: 28px; height: 25px; background: url(../[TPH_Vimages]/ico_navPerform.svg) no-repeat; vertical-align: middle; padding-left: 5px; margin-top: -3px;}
  .navSalary span::before{display: inline-block; content: ""; width: 26px; height: 25px; background: url(../[TPH_Vimages]/ico_navSalary.svg) no-repeat; vertical-align: middle; padding-left: 5px; margin-top: -3px;}
  
  .navOn.navPerform span::before{display: inline-block; content: ""; width: 28px; height: 25px; background: url(../[TPH_Vimages]/ico_personnel.svg) no-repeat; vertical-align: middle; padding-left: 5px;}
  .navOn.navPerform {background:#046DC0 !important;}
  
  .navSetupAppBox{display:flex;  text-align: center; }
  .navSetupAppBox .navSetupIOS::before {content:""; display: block; width: 80px; height:33px; background: url(../[TPH_Vimages]/ico_messengerbox.png) center -50px no-repeat; background-size: 25px auto;}
  .navSetupAppBox .navSetupAnd::before {content:""; display: block; width: 80px; height:30px; margin-bottom: 3px; background: url(../[TPH_Vimages]/ico_messengerbox.png) center -25px no-repeat; background-size: 25px auto;}
  .navOn.navSetupIOS span,
  .navOn.navSetupAnd span {color: #444 !important;}
  div:has(>.navPaystubBox),
  div:has(>.navSetupAppBox) {height: auto; display:flex; flex-direction: column; position: absolute; bottom: 15px; width: 175px !important; left: 5px;}
  
  
  
  
  .contents {min-width: 320px;}
  .cont{padding: 0px 10px 0px 10px; overflow-x: hidden;}
  .cont02 {padding: 0px 10px 0px 10px; overflow-x: hidden;}  
  .workflowWrap .cont{padding: 0px 10px 0px 10px; overflow-x: hidden;}
  .workflowWrap .cont02 {padding: 0px 10px 0px 10px; overflow-x: hidden;}
  
  .adrWrap .workflowRead, 
  .sign_write .workflowRead, 
  .sign_view .workflowRead, 
  .sign_tmp .workflowRead, 
  .sign_read .workflowRead, 
  .official_doc_view .workflowRead, 
  .official_doc_write .workflowRead, 
  .official_doc_write_inside .workflowRead, 
  .official_doc_write_outside .workflowRead, 
  .official_doc_write_outside_receive .workflowRead, 
  .official_doc_read .workflowRead {width: auto;}
  
  /*페이지별로 subtitle2 글자색 변경*/
  .scheduleWrap .contents .cont .subTitle .subTitle2 {color:#60BBDD;}
  .workflowWrap .contents .cont .subTitle .subTitle2 {color: #5864BE;}
  .btlWrap .contents .cont .subTitle .subTitle2 {color:#E99964;}
  .organWrap .contents .cont .subTitle .subTitle2 {color:#EA7C74;}
  .noteWrap .contents .cont .subTitle .subTitle2 {color: #B08ADC;}  
  /*인사박스 없을때*/
  .paysBoxNone .contents .cont{padding: 0px 10px 0px 10px; }
  
  /*병원별 클래스 모바일*/
  .BP .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 40px no-repeat; background-size: 140px auto;}
  .BP .logoSub a {background: url(../[TPH_Vimages]/logo_Bupyeong.png) 0px 5px no-repeat; background-size: contain;}
 
  .BS .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 40px no-repeat; background-size: 140px auto;}
  .BS .logoSub a {background: url(../[TPH_Vimages]/logo_Busan.png) 0px 5px no-repeat; background-size: contain;}
 
  .CW .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 40px no-repeat; background-size: 140px auto;}
  .CW .logoSub a {background: url(../[TPH_Vimages]/logo_Changwon.png) 0px 5px no-repeat; background-size: contain;}
  
  .GB .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 40px no-repeat; background-size: 140px auto;}
  .GB .logoSub a {background: url(../[TPH_Vimages]/logo_Gangbuk.png) 0px 5px no-repeat; background-size: contain;}

  .GN .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 40px no-repeat; background-size: 140px auto;}
  .GN .logoSub a {background: url(../[TPH_Vimages]/logo_Gangnam.png) 0px 5px no-repeat; background-size: contain;}

  .MD .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 40px no-repeat; background-size: 140px auto;}
  .MD .logoSub a { background: url(../[TPH_Vimages]/logo_Mokdong.png) 0px 5px no-repeat; background-size: contain;}

  .IC .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 40px no-repeat; background-size: 140px auto;}
  .IC .logoSub a {background: url(../[TPH_Vimages]/logo_Incheon.png) 0px 5px no-repeat; background-size: contain;}

  .HP .logoSub {background:  url(../[TPH_Vimages]/logo_groupware.svg) center 40px no-repeat; background-size: 140px auto;}
  .HP .logoSub a {background: url(../[TPH_Vimages]/logo_himchan_partner.png) 0px 5px no-repeat; background-size: contain;}

  .HW .logoSub { background:  url(../[TPH_Vimages]/logo_groupware.svg) center 40px no-repeat; background-size: 140px auto;}
  .HW .logoSub a {background: url(../[TPH_Vimages]/logo_himchan_width.png) 0px 5px no-repeat; background-size: contain;}
  
    .nav {width: fit-contant;  position: absolute; top: 0; right: 0; width: 100%; height: 60px; min-height: 60px; margin: 0; padding-left: 0px; padding-top:0px;}
    .paystubBox{display: none;}
  
    /*오른쪽햄버거버튼*/
    .mainNav { visibility: hidden; opacity:0; height: 100%; position: fixed; right: -200px; top: 0; z-index: 20; width: 200px; padding: 60px 5px 0 5px; box-sizing: border-box; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; background: #fff; display: flex; flex-direction: row; align-content:flex-start; flex-wrap: wrap; align-items:center; justify-content: flex-start;}
    .mobMenuBtn { position: absolute; top: 0px; right: 0; z-index: 9;  display: inline-block; width: 60px; height: 60px; text-indent: -9999px; box-sizing: border-box; background:url(../[TPH_Vimages]/ham.svg) center no-repeat; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
    .closedNavMBtn { position: fixed; top: 0px; right: 0px; width: 60px; height: 60px; background: url(../[TPH_Vimages]/ico_close.svg) center no-repeat; z-index: 99;}
    .closedNavM { visibility: visible; opacity: 1; padding-top: 60px; right: 0; box-shadow: -3px 0px 5px rgba(0,0,0,0.2);}
  
  
    /*오른쪽프로필버튼*/
    .leftNavList { visibility: visible; opacity:1; height: 100%; position: fixed; left: -200px; top: 0; z-index: 20; width: 200px; padding: 60px 5px 0 5px; box-sizing: border-box; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; background: #fff;}
    .leftNavListinfo a{margin-left: 10px;}
    .leftNavListinfo span{margin-left: 10px;}
    .leftNavicon {margin-left: 15px;}
    .leftNavListinfo2{padding-left: 10px;}
  
    .mobMenuBtn2 { position: absolute; top: 0px; left: 0px; z-index: 10;  display: inline-block; width: 60px; height: 60px; text-indent: -9999px; box-sizing: border-box; background:url(../%5BTPH_Vimages%5D/ico_profile.svg) center no-repeat; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
    .closedNavMBtn2 { position: fixed; top: 0; right: 0px; width: 60px; height: 60px; background:url(../[TPH_Vimages]/ico_close.svg) center no-repeat; z-index: 99;}
    .closedNavM2 { visibility: visible; opacity: 1; z-index: 15; padding-top: 60px; left: 0; box-shadow: 3px 0px 5px rgba(0,0,0,0.2); background: #fff;}
  
    .mainNav a{width: 80px; height: 60px; margin-right: 0px; margin: 5px; border-radius: 20px;}
    .mainNav .navNote{display: block;}
  
    .btnLink { display: block;}
    .infoMember>ul>li:first-child { display: none;}
    .infoMember>ul>li:nth-child(2) { line-height: 16px;}
    .infoMember { max-width: 90px; height: 25px;}
    .rightNav .messengerbox {display: none;}
    .memLabel { background:url(../[TPH_Vimages]/ico_small.png) right -446px no-repeat;}
    #memChk01:checked + .memLabel { background:url(../[TPH_Vimages]/ico_small.png) right -195px no-repeat;}
    .memPhoto { display: none;}
    .memberPosition { top: 25px; right: 0px; min-width: 200px; z-index: 15;}
    .posiList { padding-right: 12px;}
    
    .leftLink { padding: 0px 20px 0px 20px; position: relative;}
    
    /*전자결재 뷰일때 모바일표*/
    .workflowWrap .contents .cont02 .workflowRead .wfSignBody tr th{width: 90px; word-break: break-all;}    
    .workflowWrap .contents .cont .workflowRead .wfSignBody tr th{width: 90px; word-break: break-all;}

  
    /*left menu 결재문서함버튼*/
    .leftNav {position: absolute; top: 17px; width: 290px; height: auto; visibility: hidden;}
    .leftNavList2 > ul{padding-top: 20px;}
    .closedNav { position: absolute; width: 290px; visibility: visible; opacity: 1;  background:#fff; margin-left: -5px; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2); top: 24px; height: auto; padding: 15px 0 20px 0; z-index: 10;}
    .closedNavBtn i{width: 10px; height: 10px; background: url(../[TPH_Vimages]/ico_sel_layer.svg) center no-repeat; display: inline-block; transform: rotate(180deg);}
    .leftNav:after { display: none;}
    .leftNavList { margin-top: 0px;}
    .leftNavList:after { display: none;}
    .leftNavList2:after { display: none;}
    .subTitle { height: 40px; border-bottom: none; background: #F2F4F8; width: 100%; padding: 0 10px; margin: 0px 0px 0px -10px;}
    
  
    .subTitle2 { height: 40px; font-size: 16px; margin-left: 0px; line-height: 40px; color: #5864BE;}
/*    .subTitle3 { height: 40px; font-size: 14px; margin-left: 12px; padding-right: 25px; line-height: 42px; color: #444; }*/
    .subTitle3 {position: relative; width: auto; max-width: calc(100% - 90px); height: 40px; font-size: 14px; margin-left: 12px; padding-right: 20px; line-height: 42px; display: inline-block; color: #444; overflow: hidden;}
/*    .subTitle3 i{width: 10px; height: 10px; background: url(../[TPH_Vimages]/ico_sel_layer.svg) center no-repeat; display: inline-block; margin-left: 10px;}*/
    .subTitle3 i{width: 10px; height: 10px; background: url(../[TPH_Vimages]/ico_sel_layer.svg) center no-repeat; display: inline-block; position: absolute; right: 0px; top: 15px;}
    
    /* 페이지별 모바일바 생성*/
    .subTitle::before {content: ""; display: block; background:#E99964; width:calc(50% - 10px); height: 2px; position: absolute; left: 0; top: 40px; box-sizing: border-box; margin-left: 10px; z-index: 1;}
    .subTitle::after {content: ""; display: block; background:#5864BE; width:calc(50% - 10px); height: 2px; position: absolute; right: 0; top: 40px; box-sizing: border-box; margin-right: 10px; z-index: 1;}
  
    .workflowWrap .subTitle::before {content: ""; display: block; background:#E99964; width:calc(50% - 10px); height: 2px; position: absolute; left: 0; top: 40px; box-sizing: border-box; z-index: 1;}
    .workflowWrap .subTitle::after {content: ""; display: block; background:#5864BE; width:calc(50% - 10px); height: 2px; position: absolute; right: 0; top: 40px; box-sizing: border-box; z-index: 1;}
  
    .noteWrap .subTitle::before {content: ""; display: block; background:#E99964; width:calc(50% - 10px); height: 2px; position: absolute; left: 0; top: 40px; box-sizing: border-box; margin-left: 10px; z-index: 1;}
    .noteWrap .subTitle::after {content: ""; display: block; background:#B08ADC; width:calc(50% - 10px); height: 2px; position: absolute; right: 0; top: 40px; box-sizing: border-box; margin-right: 10px; z-index: 1;}
  
    .scheduleWrap .subTitle::before {content: ""; display: block; background:#E99964; width:calc(50% - 10px); height: 2px; position: absolute; left: 0; top: 40px; box-sizing: border-box; margin-left: 10px; z-index: 1;}
    .scheduleWrap .subTitle::after {content: ""; display: block; background:#60BBDD; width:calc(50% - 10px);; height: 2px; position: absolute; right: 0; top: 40px; box-sizing: border-box; margin-right: 10px; z-index: 1;}
  
    .btlWrap .subTitle::before {content: ""; display: block; background:#5864BE; width:calc(50% - 10px); height: 2px; position: absolute; left: 0; top: 40px; box-sizing: border-box; margin-left: 10px; z-index: 1;}
    .btlWrap .subTitle::after {content: ""; display: block; background:#E99964; width:calc(50% - 10px); height: 2px; position: absolute; right: 0; top: 40px; box-sizing: border-box; margin-right: 10px; z-index: 1;}
  
    .organWrap  .subTitle::before {content: ""; display: block; background:#5864BE; width:calc(50% - 10px); height: 2px; position: absolute; left: 0; top: 40px; box-sizing: border-box; margin-left: 10px; z-index: 1;}
    .organWrap  .subTitle::after {content: ""; display: block; background:#EA7C74; width: 50%; height: 2px; position: absolute; right: 0; top: 40px; box-sizing: border-box; margin-right: 10px; z-index: 1;}
  
    .officialDocWrap .subTitle { background: #e28151;}
    .counselWrap .subTitle { background: #9eb312;}
    .btnBasic { min-width: 50px; padding: 10px;}
    .btnMove { min-width: 60px; max-width: 60px; padding-left: 2px;}
    .workflowRead { min-width: 280px; overflow-x: auto;}
    .mt10 { margin-top:5px !important; }
    .mt15 { margin-top:7px !important; }
    .mt20 { margin-top:10px !important; }
    .mt30 { margin-top:15px !important; }
    .noteReceiveTable { border-top: 1px solid #ccc;}
    .boardReadTable { border-top: none; margin-top: 0;}
    .bottomSearchBtn { height: 38px; margin-top: 8px; padding-bottom: 0px;}
    span.icoNoti {padding: 0 4px; font-size: 12px;}
    .pageNation { margin-top:10px;}
    li.plupload_droptext { display: none;}
    .txtEditArea { min-height:100px; border: none; }
    .txtEditArea textarea { border:none;}
    .plupload_scroll .plupload_filelist { height: 74px;}
    .plupload_filelist_header .plupload_file_name { display: none;}
    .plupload_filelist_footer .plupload_file_name .plupload_buttons .plupload_button { padding: 5px; background-image: none; background-color: #fff;}
    .wfReadTable tr td.inputAttArea { border-left: none; border-right: none;}
    .wfReadTable tr td .plupload_filelist .plupload_file_name { max-width: 100px;}
    .noteReceiveAtt { border-top: none;}
    .noteReceiveAtt tr td:nth-child(2) { padding: 0;}
    .noteReceiveAtt tr td:nth-child(2) a { display: inline-block; height: 30px; line-height: 28px; overflow: hidden; word-break: break-all;}
    .noteReceiveAtt tr td.icoAtt { background-position: center -497px;}

    /*일정*/
    .scheduleWrap .contents .cont .topSearchBtn .leftBtn { display: flex; text-align: center; flex-direction: row; justify-content: center; align-items: center;}
    .noteReceiveTable tr td label{display:inline-block;}
    
    /*일정 회의일정 등록*/
    .slcheduleMeetingLayer .noteReceiveTable th{padding: 0 10px;}
    .slcheduleMeetingLayer .noteReceiveTable td .regiTbox {width: calc(100% - 55px) !important;}
    .slcheduleMeetingLayer .noteReceiveTable col:nth-child(1){width: 70px !important;}
    .slcheduleMeetingLayer .noteReceiveTable td .txtBox01 {width: calc(100% - 0px);}
    .newAddBtn {padding-right: 28px !important; background:#046DC0 url(../[TPH_Vimages]/btn_newAdd.svg) 65px 11px no-repeat; color: #fff !important; border: 1px solid #046DC0;}
  
    .meetingScheRegi{overflow-y: scroll;}
    .slcheduleMeetingR .centerBtn {margin: 20px 0; position: relative; float: right; height: 51px;}

    /*일정회의*/
    .meetingScheRegi{width: 100%; height: 100%;}
    .slcheduleMeetingL{width: 100%; height: calc(100% - 420px); padding: 0px 20px 0px; max-width: 100%;}
    .slcheduleMeetingR{padding: 0px 20px 0px ; max-height: 400px !important; max-width: 100%; width: 100%;}
  
    .slcheduleMeetingL .noteReceiveList{height: calc(100% - 100px) !important;}
    .slcheduleMeetingL .noteReceiveList ul{height: 100% !important;}
    .slcheduleMeetingR .noteReceiveTable{width: 100%;}
    .slcheduleMeetingR .noteReceiveTable tr td{padding: 5px;}
    .popHead04 { font-size: 16px; height: 20px; line-height: 20px; font-weight: bold; text-align: left; color: #444; display: inline-block; margin-bottom: 10px;}
    .slcheduleMeetingL .noteReceiveList li > a{width:calc(100% - 120px); display: inline-block;}
  
    .slcheduleLayer.Zi13 .slcheduleMeetingL{height: 250px !important;}
    .slcheduleLayer.Zi13 .slcheduleMeetingL .noteReceiveList{height: 100% !important;}
  
    /*결재하단 부서문서함 선택 버튼영역*/
    .sign_view .bottomSearchBtn,
    .sign_read .bottomSearchBtn,
    .sign_write .bottomSearchBtn,
    .sign_tmp .bottomSearchBtn,
    .official_doc_view .bottomSearchBtn,
    .official_doc_write_outside .bottomSearchBtn,
    .official_doc_write_inside .bottomSearchBtn,
    .official_doc_write_outside_receive .bottomSearchBtn,
    .official_doc_read .bottomSearchBtn { width: 100%;}
    .deptSelSect em { height: 36px; margin-right: 8px; line-height: 36px;}
     
    /*mailWrap 메일*/
    .leftMailQuick,
    .leftHeader,
    .leftNavListSec { display: none;}
    .btnSendMail { padding: 8px; background:none;}
    .mailWrap .topSearchBtn { margin-top: 6px;}
    .mailWrap .dropDown03 #mbox_5 { display: none;}
    .mailWrap .dropDown03 li:nth-child(6) { display: none;}
    .mailWrap #headerDiv + div img { width: auto !important; max-width: 100% !important;}
    .mailWrap #headerDiv + div table tr td img { width: auto !important; max-width: 100% !important;}
    .btnMailSetPop { display: none;}
    .mailSearchTop { display: none;}
  
    /*mail_list 메일리스트*/
    .mail_list .mailTab { display: none;}
    .mail_list .topSearchBtn { position: absolute; top: 46px; left: 40px; width: 80%; height: 40px; margin-top: 0px; z-index:2;}
    .mail_list .bottomSearchBtn .leftBtn { display: none;}
/*모바일 메일검색 나오게함 170424 start*/
    .mail_list .rightSearch { width: 100%; box-sizing: border-box; text-align: left;}
    .mail_list .rightSearch fieldset { position: relative; float: none; width: 100%; height: 45px; box-sizing: border-box; margin-bottom: 10px; border-radius: 25px;}
    .mail_list .bottomSearchBtn { height: 0; margin-top: 10px;}
    .mail_list .bottomSearchBtn .rightBtn { width: 100%;}
    .mail_list .pageNation { margin-top: 15px; margin-bottom: 15px;}
    .mail_list .rightSearch select { width: 25%; min-width: 10px; height: 35px; margin-top: 3px; background: #fff;}
    .mail_list .rightSearch input[type="text"] { width: 60%; height: 35px; margin-top: 3px;}
    .mail_list .rightSearch input[type="submit"], 
    .mail_list .rightSearch input[type="buttons"] { position: absolute; right: 10px; top: 3px;}
/*모바일 메일검색 나오게함 170424 end*/
    .mail_list .mobMailWrite { display: block; position: absolute; top: 106px; right: 5px; width: 60px; height: 38px; background: #1c9f72 url(../[TPH_Vimages]/ico_mail.png) center -109px no-repeat; text-indent: -9999px; z-index: 5; border-radius: 5px;}
    .mail_list .topSearchBtn .rightBtn { display: none;}
    .mail_list .workflowTable { margin-top: 0px; }
    .mail_list .workflowTable tbody tr { border-top: 1px solid #e1e1e1;}
    .mail_list .workflowTable tr th:nth-child(1) { height: 50px; border-bottom: none;}
    .mail_list .workflowTable tr th:nth-child(1) span { display: none;}
    .mail_list .workflowTable tr th:nth-child(2),
    .mail_list .workflowTable tr th:nth-child(3),
    .mail_list .workflowTable tr th:nth-child(4),
    .mail_list .workflowTable tr th:nth-child(5),
    .mail_list .workflowTable tr th:nth-child(6),
    .mail_list .workflowTable tr th:nth-child(7),
    .mail_list .workflowTable tr th:nth-child(8) { display: none;}
    .mail_list .workflowTable tr th:first-child { text-align: left;}
    .mail_list .workflowTable tr th:first-child input { margin-left: 6px;}
    
    /*mail_list mid_1 메일리스트 받은편지함*/
    .mail_list.mid_1 .leftBtn a:nth-child(2),
    .mail_list.mid_1 .leftBtn a:nth-child(3),
    .mail_list.mid_1 .leftBtn a:nth-child(4),
    .mail_list.mid_1 .leftBtn a:nth-child(5),
    .mail_list.mid_1 .leftBtn a:nth-child(7),
    .mail_list.mid_1 .leftBtn a:nth-child(8) { display: none;}
    .mail_list.mid_1 .workflowTable tr td:nth-child(3),
    .mail_list.mid_1 .workflowTable tr td:nth-child(8) { display: none;}
    /*발신자 나오게함, 모바일전용으로 변경함*/
    .mail_list.mid_1 .workflowTable { display: block;}
    .mail_list.mid_1 .workflowTable tbody { display: block;}
    .mail_list.mid_1 .workflowTable thead { display: block; height: 51px;}
    .mail_list.mid_1 .workflowTable thead tr { height: 100%;}
    .mail_list.mid_1 .workflowTable thead tr th:first-child { display: inline-block; width: 34px; height: 100%; padding: 0; margin: 0; padding-top: 10px; box-sizing: border-box; text-align: center;}
    .mail_list.mid_1 .workflowTable thead tr th:first-child input { margin-left: 0;}
    .mail_list.mid_1 .workflowTable tr { display: block; position: relative; height: 70px; border-bottom: 1px solid #ccc; border-top: none;}
    .mail_list.mid_1 .workflowTable tr::after { display: block; clear: both; content: "";}
    .mail_list.mid_1 .workflowTable tr td { display: inline-block; float: left; border-bottom: none;}
    .mail_list.mid_1 .workflowTable tr td:nth-child(1) { width: 34px; padding-top: 25px;}
    .mail_list.mid_1 .workflowTable tr td:nth-child(2) { position: absolute; right: 10px; top: 12px; width: 22px; height: 22px;}
    .mail_list.mid_1 .workflowTable tr td:nth-child(4) { width: auto; margin-top: 13px; text-align: left !important;}
    .mail_list.mid_1 .workflowTable tr td:nth-child(4) a { max-width: 150px; height: 20px; padding: 0; margin: 0; line-height: 20px;}
    .mail_list.mid_1 .workflowTable .newListTr td:nth-child(4) a  { font-weight: bold;}
    .mail_list.mid_1 .workflowTable tr td:nth-child(5) { position: absolute; left: 34px; top: 0px; width: calc(100% - 75px);}
    .mail_list.mid_1 .workflowTable tr td:nth-child(5) .workflowName { display: block; height: 70px; padding-top: 35px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .mail_list.mid_1 .workflowTable tr td:nth-child(6) { position: absolute; right: 9px; top: 33px; width: 26px; height: 26px;}
    .mail_list.mid_1 .workflowTable tr td:nth-child(7) { width: auto; margin-top: 14px; margin-left: 7px; text-align: left !important;}
    .mail_list.mid_1 .workflowTable tr td.blankMailList { display: block; width: 100%;}
    /*검색창 위쪽으로*/
    .mail_list.mid_1 .workflowTable { margin-top: 60px;}
    .mail_list.mid_1 .topSearchBtn { top: 100px;}
    .mail_list.mid_1 .mobMailWrite { top: 160px;}
    .mail_list.mid_1 .bottomSearchBtn .mailSearch { position: absolute; top: 45px; left: 5px; width: calc(100% - 10px); height: auto;}
    .mail_list.mid_1 .bottomSearchBtn .mailSearch fieldset { height: 44px; border: 1.5px solid #66c9a7; border-top: none; border-radius: 0px 0px 5px 5px;}
    
    /*mail_list mid_2 메일리스트 보낸편지함*/
    .mail_list.mid_2 .leftBtn a:nth-child(2),
    .mail_list.mid_2 .leftBtn a:nth-child(3),
    .mail_list.mid_2 .leftBtn a:nth-child(4),
    .mail_list.mid_2 .leftBtn a:nth-child(5) { display: none;}
    .mail_list.mid_2 .workflowTable col:nth-child(1) { width: 30px !important;}
    .mail_list.mid_2 .workflowTable col:nth-child(3),
    .mail_list.mid_2 .workflowTable col:nth-child(4) { display: none;}
    .mail_list.mid_2 .workflowTable col:nth-child(6) { width: 25px !important;}
    .mail_list.mid_2 .workflowTable col:nth-child(7) { width: 85px !important;}
    .mail_list.mid_2 .workflowTable col:nth-child(8),
    .mail_list.mid_2 .workflowTable col:nth-child(9) { display: none;}
    .mail_list.mid_2 .workflowTable tr td:nth-child(3),
    .mail_list.mid_2 .workflowTable tr td:nth-child(4),
    .mail_list.mid_2 .workflowTable tr td:nth-child(8),
    .mail_list.mid_2 .workflowTable tr td:nth-child(9) { display: none;}
    /*mail_list mid_4 메일리스트 휴지통*/
    .mail_list.mid_4 .leftBtn a:nth-child(2),
    .mail_list.mid_4 .leftBtn a:nth-child(3),
    .mail_list.mid_4 .leftBtn a:nth-child(4) { display: none;}
    .mail_list.mid_4 .workflowTable col:nth-child(1) { width: 30px !important;}
    .mail_list.mid_4 .workflowTable col:nth-child(3),
    .mail_list.mid_4 .workflowTable col:nth-child(4) { display: none;}
    .mail_list.mid_4 .workflowTable col:nth-child(6) { width: 25px !important;}
    .mail_list.mid_4 .workflowTable col:nth-child(7) { width: 85px !important;}
    .mail_list.mid_4 .workflowTable col:nth-child(8) { display: none;}
    .mail_list.mid_4 .workflowTable tr td:nth-child(3),
    .mail_list.mid_4 .workflowTable tr td:nth-child(4),
    .mail_list.mid_4 .workflowTable tr td:nth-child(8) { display: none;}
    /*mail_list mid_3 메일리스트 임시보관함*/
    .mail_list.mid_3 .leftBtn a:nth-child(2),
    .mail_list.mid_3 .leftBtn a:nth-child(3),
    .mail_list.mid_3 .leftBtn a:nth-child(4) { display: none;}
    .mail_list.mid_3 .workflowTable col:nth-child(1) { width: 30px !important;}
    .mail_list.mid_3 .workflowTable col:nth-child(3),
    .mail_list.mid_3 .workflowTable col:nth-child(4) { display: none;}
    .mail_list.mid_3 .workflowTable col:nth-child(6) { width: 85px !important;}
    .mail_list.mid_3 .workflowTable col:nth-child(7),
    .mail_list.mid_3 .workflowTable col:nth-child(8) { display: none;}
    .mail_list.mid_3 .workflowTable tr td:nth-child(3),
    .mail_list.mid_3 .workflowTable tr td:nth-child(4),
    .mail_list.mid_3 .workflowTable tr td:nth-child(7) { display: none;}
    .mail_list.mid_3 .workflowTable tr td:nth-child(8) { display: none;}
    
    /*mail_view 메일보기*/
    .mail_view .mailTitleBtn { display: none;}
    .mail_view .mailTitle span { width: 100%; margin-top:0;}
    .mail_view .noteReceiveTable col:nth-child(1) { width: 75px !important;}
    /*mail_view mid_1 메일보기 받은편지함*/
    .mail_view.mid_1 .leftBtn a:nth-child(1),
    .mail_view.mid_1 .leftBtn a:nth-child(2),
    .mail_view.mid_1 .leftBtn a:nth-child(3),
    .mail_view.mid_1 .leftBtn a:nth-child(5) { display: none;}
    /*mail_view mid_2 메일보기 보낸편지함*/
    .mail_view.mid_2 .leftBtn a:nth-child(1),
    .mail_view.mid_2 .leftBtn a:nth-child(2),
    .mail_view.mid_2 .leftBtn a:nth-child(3),
    .mail_view.mid_2 .leftBtn a:nth-child(5),
    .mail_view.mid_2 .leftBtn a:nth-child(9) { display: none;}
    /*mail_view mid_4 메일보기 휴지통*/
    .mail_view.mid_4 .leftBtn a:nth-child(1),
    .mail_view.mid_4 .leftBtn a:nth-child(2),
    .mail_view.mid_4 .leftBtn a:nth-child(3) { display: none;}
    
    /*mail_write 메일쓰기*/
    .mail_write .leftBtn a:nth-child(2) { display: none;}
    .mail_write .leftBtn a:nth-child(3) { display: none;}
    .mail_write .workflowRead .noteReceiveTable tr:nth-child(2) th:first-child { padding-top: 5px; padding-bottom: 5px;}
    .mail_write .workflowRead .noteReceiveTable tr th:first-child .plupload_button { display: block; width: 30px; margin-top: 5px;}
    .mail_write .workflowRead .noteReceiveTable tr td:nth-child(3) { padding: 0;}
    .mail_write .workflowRead .noteReceiveTable tr td:nth-child(3) .plupload_button { display: none;}
    .mail_write .workflowRead .noteReceiveTable col:nth-child(1) { width: 75px !important;}
    .mail_write .workflowRead .noteReceiveTable col:nth-child(3) { width: 0px !important;}
    .mail_write #tmpSaveTime { display: none;}
    .mail_write .mailAttTd { display: none;}
    .mail_write .mailAttTd2 { display: none;}
    .mail_write .mailChkLabel { min-width: 50px; margin-right: 0px; padding: 8px 5px;}
    .mail_write .mailChkLabel input { margin-right: 0px;}
    .mail_write .mt15 { margin-top:0px !important; }
    .mail_write .mt20 { margin-top:0px !important; }
    /*메일전송완료*/
    .icoSendSuccess { width: auto; margin:25px auto 0;}
    .qInputUlSuccess { width: auto; padding-top: 7px;}
    .qInputUlSuccess li label { margin-left: 0px;}
    .qInputUlSuccess li .successMailTxt { min-width: 10px; width: 96%;}
    .qInputUlSuccess li:nth-child(1) { width: 8%; text-align: center;}
    .qInputUlSuccess li:nth-child(2) { width: 92%;}
    .qInputUlSuccess li:nth-child(3) { margin-left: 8%; margin-top: 3px;}
    .qInputUlSuccess li:nth-child(4) { margin-top: 3px; margin-left: 3px;}
    .addrQinput fieldset .qInputUlSuccess:first-child li:nth-child(4) { margin-left: 0;}
    .successMailTitle { text-align: left;}
    .qInputUl li input { margin-left: 0;}
    .addrQinput fieldset .qInputUlSuccess:first-child { padding-top: 10px;}
    .addrQinput fieldset div.mt10:last-child { margin-top: 10px !important;}
    .qInputUlHead li:nth-child(1) {  height: 25px; line-height: 26px;}
    .qInputUlHead li:nth-child(2),
    .qInputUlHead li:nth-child(3) { display: none;}
    .addrQinput fieldset .qInputUlHead li:nth-child(4)::before { display: inline-block; float: left; content: "전체선택"; width: 105px; height: 25px; line-height: 26px;}
    .addrQinput fieldset .qInputUlHead li:nth-child(4) label { float: left; width: 100px;}
    
    /*adr*/
    .adrWrap .leftBtn { width: 100%;}
    .adrWrap .contents .cont .workflowRead .wfReadTable2 tbody td a {padding-left: 5px;}
    .adrWrap .contents .cont .workflowRead .mt30 { margin-top: 5px !important;}
    .adrWrap .contents .cont .bottomSearchBtn .BtnWidth20{ width: 100% !important;}
    .adrWrap .rightSearch{margin-top: 50px; display: block;}
    .adrWrap .pageNation{padding-top: 50px;}
  
   /* adrWrap 반응형표*/
    .workflowTable7 colgroup,
    .workflowTable7 thead{display: none;}  
    .workflowTable7 tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: 85px; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start;}
    .workflowTable7 tr td{text-align: left; height: 18px; line-height: 18px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden;}  
    .workflowTable7 td:nth-child(1){display: none;} 
    .workflowTable7 td:nth-child(2) {order: 1; width: calc(100% - 140px); margin-top: 15px;}
    .workflowTable7 td:nth-child(3)  {order: 3; max-width: 90px; margin-top: -8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; padding-right: 5px;}
    .workflowTable7 td:nth-child(4) {order: 4; text-overflow: ellipsis; text-align: left;; width: calc(100% - 90px);
    margin-top: -8px; color: #aaa; font-size: 13px; overflow: hidden; white-space: pre-line; text-overflow: ellipsis;}
    .workflowTable7 td:nth-child(5) {order: 6; width: 100%; margin-top: -12px;}
    .iconNew{margin-right: 0;}
    .workflowTable7 td:nth-child(6) {order: 2; width: 130px; text-align: right; margin-top: 15px;}
    .workflowTable7 tr td a{position: absolute; height: 80px; width: 100%; margin-top: -10px;}  
    .workflowName7 > span{display: block; width: calc(100% - 140px); height: 18px; padding: 0 0 0 0; overflow: hidden; margin-top: 10px;}
  
    /*adrWrap  - 의약품부작용*/
    .adrWrap .contents .cont .workflowRead .wfSignBody:nth-of-type(1) colgroup{display: none;}
    .adrWrap .contents .cont .workflowRead .wfSignBody tr th br{display: none;}
    .adrWrap .contents .cont .workflowRead .wfSignBody tr th input.txtBox01{width: 100%;}
    .adrWrap .contents .cont .workflowRead .wfSignBody:nth-of-type(1) th:nth-child(1){width: 80px !important; padding: 5px !important;}
    .adrWrap .contents .cont .workflowRead .wfSignBody:nth-of-type(2) th:nth-child(1){width: 80px !important; padding: 5px !important;}
    .adrWrap .contents .cont .workflowRead .wfSignBody:nth-of-type(1) tr:nth-child(2) th:nth-of-type(2),
    .adrWrap .contents .cont .workflowRead .wfSignBody:nth-of-type(1) tr:nth-child(2) th:nth-of-type(3){width: 40px !important;}
    .othersBox .txtBox01{width: 65% !important;}
    .adrWrap .contents .cont .workflowRead .wfSignBody:nth-of-type(2) colgroup col:nth-child(1) {width: 90px !important;}
    .adrWrap .contents .cont .workflowRead .wfSignBody:nth-of-type(2) tr th{width: 90px !important;}
    .adrWrap .contents .cont .workflowRead .wfSignBody tr td{word-break: break-all;}  
  
    .sideEffectGrid{display: grid; grid-template-columns: 200px;}
    .sideEffectsDgreeGrid{display: grid; grid-template-columns:70px 70px 60px; align-content: center;}
    .sideEffectsDgreeGrid > td{height: 20px !important;}
    .apporteurGrid{display: grid; grid-template-columns:80px 75px 50px;}
  
  
     /*근접오류보고서 voe*/
    .voeWrap .bottomSearchBtn .leftBtn {width: 100%;}
    .voeWrap .contents .cont .bottomSearchBtn .BtnWidth20 {width: 100% !important;}
    .voeWrap .contents .cont .bottomSearchBtn .rightSearch {margin-top: 50px;}
  
    .voeWrap .contents .cont .workflowTable8 colgroup,
    .voeWrap .contents .cont .workflowTable8 thead{display: none;}  
    .voeWrap .contents .cont .workflowTable8 tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: 85px; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start;}
    .voeWrap .contents .cont .workflowTable8 tr td{text-align: left; height: 18px; line-height: 18px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden;}  
    .voeWrap .contents .cont .workflowTable8 td:nth-child(1){order: 1; margin-top: 20px; width: 20px; height: 25px; margin-right:3px; } 
    .voeWrap .contents .cont .workflowTable8 td:nth-child(2){display: none;} 
    .voeWrap .contents .cont .workflowTable8 td:nth-child(3) {order: 2; width: calc(100% - 50px); margin-top: 22px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .voeWrap .contents .cont .workflowTable8 td:nth-child(4)  {order: 3; margin-top: -15px; overflow: hidden;}
    .voeWrap .contents .cont .workflowTable8 tr td a{position: absolute; height: 80px; width: 100%; margin-top: -20px;}  
    .voeWrap .contents .cont .workflowName8 > span{display: block; width: calc(100% - 50px); height: 18px; padding: 0 0 0 0; overflow: hidden; margin-top: 20px; white-space: nowrap; text-overflow: ellipsis;}
  
    .View .contents .cont .workflowRead > .wfSignBody > colgroup col:nth-child(1) {width: 90px !important;}
    .View .contents .cont .workflowRead .wfSignBody .adrChkTable tr td{vertical-align: top;}
    .View .contents .cont .workflowRead .wfSignBody tr td img {max-width: 100%;}
    .View .contents .cont .workflowRead .wfSignBody tr td .fileAdd {width: auto;}

  
    .voeWrap .wfSignBody tr th{width: 80px !important;} 
    .voeWrap .wfSignBody colgroup col:nth-child(1){width: 80px !important;}
    .voeWrap .adrChkTable colgroup col:nth-child(1){width: 20px !important;}
    .voeWrap .adrChkTable td:first-child {width: 20px !important;}
  
    /*신입직원소개 greeting*/
    .greWrap .bottomSearchBtn .leftBtn {width: 100%;}
    .greWrap .contents .cont .bottomSearchBtn .BtnWidth20 {width: 100% !important;}
    .greWrap .contents .cont .bottomSearchBtn .rightSearch {margin-top: 50px;}
  
    .greWrap .contents .cont .workflowTable8 colgroup,
    .greWrap .contents .cont .workflowTable8 thead{display: none;}  
    .greWrap .contents .cont .workflowTable8 tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: 85px; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start;}
    .greWrap .contents .cont .workflowTable8 tr td{text-align: left; height: 18px; line-height: 18px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden;}  
    .greWrap .contents .cont .workflowTable8 td:nth-child(1) {order: 1; width: 100%; margin-top: 12px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .greWrap .contents .cont .workflowTable8 td:nth-child(2) {order: 2; width:100%; margin-top: -8px; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; padding-right: 5px; text-align: left !important;}
    .greWrap .contents .cont .workflowTable8 td:nth-child(3) {order: 3; width:100%; margin-top: -12px; overflow: hidden; color: #aaa; font-size: 13px; text-align: left; overflow: hidden; white-space: pre-line; text-overflow: ellipsis; text-align: left !important;}
    .greWrap .contents .cont .workflowTable8 tr td a{position: absolute; height: 80px; width: 100%; margin-top: -10px;}  
    .greWrap .contents .cont .workflowName8 > span{display: block; width: calc(100% - 20px); height: 18px; padding: 0 0 0 0; overflow: hidden; margin-top: 15px; white-space: nowrap; text-overflow: ellipsis;}
  
    .greWrap .contents .cont .workflowRead > .wfSignBody > colgroup col:nth-child(1) {width: 90px !important;}
    .greWrap .contents .cont .workflowRead .wfSignBody .adrChkTable tr td{vertical-align: top;}
  
    /*중고물품 게시판*/
    .btnExcel {  padding-left: 35px; background:#158157 url(../[TPH_Vimages]/icon_excel.png) 10px 8px no-repeat; color: #fff !important;}
    .usedWrap .contents .cont .workflowRead .wfSignBody > colgroup{display: none;}
    .usedWrap .contents .cont .workflowRead .wfSignBody tr th{width: 90px; padding: 0 10px;}
    .usedWrap .contents .cont .workflowRead .wfSignBody tr:nth-of-type(2) td b{width: 100%; display: inline-block;}
    .usedWrap .contents .cont .workflowRead .wfSignBody:nth-of-type(1) tr:nth-child(3) th:nth-of-type(2){width: 50px !important;}
    .photoView {width: 100%;}
    .fileAdd{width: 100%;}
  
    .workflowTable9 colgroup,
    .workflowTable9 thead{display: none;}  
    .workflowTable9 tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: 85px; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start;}
    .workflowTable9 tr td{text-align: left; height: 18px; line-height: 18px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden;}  
    .workflowTable9 td:nth-child(1) {display: none;}
    .workflowTable9 td:nth-child(2) {order: 1; width: calc(100% - 130px); margin-top: 18px;} 
    .workflowTable9 td:nth-child(3) {display: none;}
    .workflowTable9 td:nth-child(4) {order: 4; width: calc(100% - 10px); margin-top: -12px;}
    .workflowTable9 td:nth-child(5) {order: 3; width: calc(100% - 170px); text-overflow: ellipsis;  overflow: hidden; white-space: pre-line; text-align: left;  margin-top: -12px;}
    .iconNew{margin-right: 0;}
    .workflowTable9 td:nth-child(6) {order: 2; width: 130px; text-align: right; margin-top: 18px;}
    .workflowTable9 tr td a{position: absolute; height: 80px; width: 100%; margin-top: -10px;}  
    .workflowName9 > span{display: block; width: calc(100% - 150px); height: 18px; padding: 0 0 0 0; overflow: hidden; margin-top: 10px;}
    .usedWrap .contents .cont .bottomSearchBtn .BtnWidth20{ width: 100% !important;}
    .usedWrap .contents .cont .bottomSearchBtn .rightSearch{margin-top: 50px;}
    .usedWrap .contents .cont .pageNation{margin-top: 70px;}
  
    /*btlWrap 게시판*/
    .btlWrap .leftBtn { width: 100%;}
    a.btnBtlConfig { display: none;}
    /*btlnoticelist 게시판 리스트*/
    .btlnoticelist .workflowTable { margin-top:0;}
    .btlnoticelist .workflowTable thead { display: none;}
    .btlnoticelist .workflowTable col:nth-child(1) { width: 40px !important;}
    .btlnoticelist .workflowTable col:nth-child(2) { display: none;}
    .btlnoticelist .workflowTable col:nth-child(3) { width: 30px !important;}
    .btlnoticelist .workflowTable col:nth-child(5) { display: none;}
    .btlnoticelist .workflowTable col:nth-child(6) { width: 85px !important;}
    .btlnoticelist .workflowTable col:nth-child(7) { display: none;}
    .btlnoticelist .workflowTable tr td:nth-child(2),
    .btlnoticelist .workflowTable tr td:nth-child(5),
    .btlnoticelist .workflowTable tr td:nth-child(7) { display: none;}
    .btlnoticelist .rightSearch { display: block;}
    /*btlread 게시판 보기*/
    .btlread .noteReceiveTable tr td.boardContTitle { height: 45px; padding: 5px 5px;}
    .btlread .noteReceiveTable tr td.boardContTitle .icoNoti { margin-right: 5px;}
    .btlread .noteReceiveTable tr td.boardContInfo { padding: 5px 5px;}
    .btlread .noteReceiveTable tr td.boardContInfo span { margin-left: 5px; line-height: 24px;}
    .btlread .noteReceiveTable tr td.boardContInfo span:first-child { margin-left: 0;}
    .btlread .noteReceiveTable tr td.boardContInfo .icoNew { margin-left: 5px;}
    .btlread .noteReceiveTable tr td.noteReceiveCont { padding: 20px 5px;}
    /*btlwrite 게시판 쓰기*/
    .btledit .noteReceiveTable col:nth-child(1),
    .btlwrite .noteReceiveTable col:nth-child(1) { width: 60px !important;}
    .btledit .mt30,
    .btlwrite .mt30 { margin-top: 0px !important;}
    .btledit .wfReadTable.mt20,
    .btlwrite .wfReadTable.mt20 { margin-top: 0px !important;}
    .btlwrite .contents .cont .noteReceiveTable .boardTitleTdBlank { padding-bottom: 5px;}
    .btlwrite .contents .cont .workflowRead .noteReceiveTable tr th { width: 60px !important; height: 42px; border-bottom: 1px solid #ccc; background: #f1f1f1;}

    .btlwrite .contents .cont .workflowRead .noteReceiveTable .colgroup {display: none;}
    .btlwrite .contents .cont .workflowRead .noteReceiveTable { width: 100%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
    .btlred .contents .cont .workflowRead .noteReceiveTable { width: 100%; border-top: none;}
    .btlWrap .contents .cont .workflowRead .noteReceiveTable tr td {border-bottom: 1px solid #ccc; }
  
    /*게시판 사직원출력 설문조사*/
    .surveyTxt{padding: 10px;}
    .div_table_row{display:table-row; border-bottom: 1px solid #ccc;}
    .div_table_th{width: 70px;}
    .div_table_row:nth-child(3) div:nth-child(1) {word-break: keep-all;}
    .div_table_row:nth-child(3) div:nth-child(2) {display:block; width: 140%;}
    .surveyCompBtn{padding-bottom: 30px;}
  
    /*모바일에서의 검색창*/ 
    .bottomSearchBtn { margin-top: 10px; margin-bottom: 10px;}
    .leftBtnHarf{display: none;}
    .rightBtnHarf {float: right; padding: 20px auto; width: 60%;}
    .leftSearch{display: inline-block;}
    .rightSearch{margin: 0 auto;}
    .rightSearch fieldset{height: 36px; min-width: 300px; text-align: center; float: none;  position: absolute; left: 50%; transform: translate(-50%);}
    .rightSearch select{vertical-align: middle;float: left; margin-top: 6px;}
    .bottomSearchWord[type="text"]{margin-top: 2px; min-width: 150px; float: left; width:27vw !important; } 
    .pageNation{margin-top: 20px;}
    .rightSearch input[type="submit"], .rightSearch input[type="buttons"] {float: right;}
    .BtnWidth80{width: auto !important;}
    .bottomSearchStart {width: 72px !important; margin-top: 3px; float: left; margin-left: 0;}
    .bottomSearchEnd {width: 72px !important; margin-top: 3px; margin-left: 0;}
/*    .btlWrap .contents .bottomSearchBtn .leftBtn{display: none;}*/
    .leftBtn{float: left; width: 50%;}
/*갤럭시폴드*/
    @media only screen and (max-device-width : 280px) {
      
    .rightBtnHarf {float: none; margin: 20px auto; width: auto; }
    .rightSearch fieldset{min-width: 300px;}    
    .bottomSearchWord[type="text"]{min-width: 160px !important; margin-top: 3px;} 
      
      
    /*일정추가 팝업 레이어 갤럭시 폴드일때 영역 시간 텍스트 넘치는 문제해결*/
    .slcheduleMeetingL .noteReceiveList li > a{width: calc(100% - 90px); padding: 15px 0px;}
}
  
    /*organWrap 조직도*/
    .organWrap .anoteUserBox { min-width: 100px; height:  calc(100vh - 100px); overflow: hidden; padding-left: 0; margin-top: 0px;}
    .organWrap .orgUserBox .anoteUserR {position: absolute; height: 210px; width: 100%; padding-left: 0; bottom: 0px;}
    .orgUserListTop .profilePic {margin: 0 10px 0 0; position: absolute;}
    .orgUserTable tr:last-child td:last-child {display: none;}
    .orgUserListTitle{display: none;}
    .orgUserListHeader{display: none;}
    .anoteUserTitle{margin: 5px 0; font-weight: bold;}
    .organWrap .orgUserBox .anoteUseList{display: none;}
    .orgUserListTop{height: 155px; padding: 10px; overflow-y: scroll;}
    .organWrap .orgUserBox .anoteUserL {width: 100%; height: calc(100vh - 320px) !important; ; padding-right: 0px;}
    .organWrap .bottomSearchBtn { position: absolute; top: 40px; left: 5px; right: 5px; width: auto; height: 40px;}
    .organWrap .contents .cont .anoteUserL .apprPopTree { border: none; height: 100% !important; overflow: hidden;}
    .orgUserListTopPic {width: auto;}
    .orgUserListInfo{width: calc(100% - 130px); float: right; margin-left: 130px;}
    .orgUserTable{width: 100%;}
    .orgUserTable td{width: auto; height: 20px; word-break: break-all; line-height: 16px; padding-bottom: 10px; white-space:normal;}
    .orgUserTable tr:first-child td:first-child { table-layout: fixed;}
    .orgUserTable tr td:first-child {word-break: keep-all;}
    .orgUserTable tr:nth-child(5) td{display: table-cell;}
    .telLink{display: inline-block; width: 100%; height: 100%;}
    .organWrap .leftOrgVer { width: 100%; box-sizing: border-box;}
    .organWrap .orgBottomBtn { width: 100%; padding-left: 0;}
    .organWrap .leftOrgVer fieldset { width: 100%; box-sizing: border-box;}
    .organWrap .leftOrgVer fieldset select { margin-top: 4px; background-color: #fff;}
    .organWrap .leftOrgVer fieldset input[type="text"] {width: calc(100% - 150px);; margin-top: 2px; outline-style: none; float: left;}
    .organWrap .leftOrgVer fieldset input[type="text"]:focus {width: calc(100% - 150px);}
    .organWrap .leftOrgVer fieldset input[type="submit"] { float: right; outline-style: none;}
    .organWrap .orgUserBox .anoteUseList { height: auto; min-height: 40px; overflow-y: visible;}
    .organWrap .btnMiniCall { display: inline-block; min-width: 30px; width: 30px; border: 1px solid #78c4c7; padding: 3px; border-radius: 3px; box-sizing: border-box; text-indent: -9999px; background: #61acf6 url(../[TPH_Vimages]/ico_ssmall.png) center -1348px no-repeat;}
    .organWrap #Cnt { display: none;}
    .organWrap #selGroupType { display: none;}
    .organWrap .orgSearchBar { display: none;}
    .organWrap .anoteUserH col:nth-child(1) { width: 18% !important;}
    .organWrap .anoteUserH col:nth-child(2) { width: auto !important;}
    .organWrap .anoteUserH col:nth-child(3) { width: 18% !important;}
    .organWrap .anoteUserH col:nth-child(4) { width: 10% !important;}
    .organWrap .anoteUserH col:nth-child(5) { width: 10% !important;}
    .organWrap .anoteUserH col:nth-child(6) { width: 10% !important;}
    .organWrap .anoteUserH col:nth-child(7) { width: 10% !important;}
    .organWrap .anoteUserH tr th:nth-child(5) { font-size: 0;}
    .organWrap .anoteUserH tr th:nth-child(5)::after { content: "폰"; font-size: 14px;}
    .organWrap .anoteUserB col:nth-child(1) { width: 18% !important;}
    .organWrap .anoteUserB col:nth-child(2) { width: auto !important;}
    .organWrap .anoteUserB col:nth-child(3) { width: 18% !important;}
    .organWrap .anoteUserB col:nth-child(4) { width: 10% !important;}
    .organWrap .anoteUserB col:nth-child(5) { width: 10% !important;}
    .organWrap .anoteUserB col:nth-child(6) { width: 10% !important;}
    .organWrap .anoteUserB col:nth-child(7) { width: 10% !important;}
    .organWrap .anoteUserB tr td { word-break: break-all;}
    .orgUserListHeader { padding-right: 0;}
    .organWrap .contents .cont .bottomSearchBtn {display: none;}
    .organWrap .contents .cont .anoteUserL .apprPopTree .easytree-container{border: none !important;}
    .organWrap .contents .cont .orgUserBox .workflowTab{display: none !important;}
  
    /*모바일탭*/
    .workflowTab {margin-top: 10px; display: inline-flex !important;}
    .workflowTab li{padding: 0 5px !important;}
    .scroll_menu {overflow-x: auto;  white-space: nowrap; overflow-y: hidden;}
    .workflowWrap .contents .cont .workflowTab li{min-width: 60px !important; padding: 0;}
    .btlWrap .contents .cont .scroll_menu .workflowTab li{min-width: 80px !important; padding: 0;}
    .adrWrap .contents .cont .workflowTab li { position: relative; float: left; height: 40px; padding: 0 10px; line-height: 40px; text-align: center; cursor: pointer; padding: 0 10px; flex: 1; max-width: 230px !important;}

    /*workflowWrap 전자결재 */
    .workflowWrap .rightSearch { display: block;}
    .workflowWrap .dropDown01 > li:first-child { display: none;}
    .workflowWrap .dropDown01 > li:nth-child(2) > ul > li:first-child { display: none;}
    .workflowWrap .dropDown01 > li:nth-child(2) > a span.smenuNum { display: none;}
    .workflowWrap .workflowTable {margin-top: 0px;  border-collapse: collapse;}
    .workflowWrap .workflowTable col {display: none;}
    .workflowWrap .workflowTable thead { display: none; }
    .workflowWrap .workflowTable tbody tr td:nth-child(1) { display: none;}
    .workflowWrap .workflowTable tbody tr td:nth-child(2) { display: none;}
    td.alignL { padding-left: 0px;}

  
    /* 전자결재반응형표  -새결재 문서 sign_write_select*/
    .sign_write_select .contents .cont .workflowTable2 colgroup,
    .sign_write_select .contents .cont .workflowTable2 thead{display: none;}  
    .sign_write_select .contents .cont .workflowTable2 tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: 85px; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start;}
    .sign_write_select .contents .cont .workflowTable2 tr td{text-align: left; height: 18px; line-height: 18px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden;}  
    .sign_write_select .contents .cont .workflowTable2 td:nth-child(1) {display: none;}
    .sign_write_select .contents .cont  .workflowTable2 td:nth-child(2) {order: 1; width: 70%; margin-top: 15px; display: block;}
    .sign_write_select .contents .cont .workflowTable2 td:nth-child(3) {order: 3; width: 100%; margin-top: -12px;}
    .sign_write_select .contents .cont .workflowTable2 td:nth-child(4) {order: 4; width: 100%; overflow: hidden; white-space: pre-line; text-overflow: ellipsis; text-align: left; color: #aaa; font-size: 13px; margin-top: -12px;}
    .iconNew{margin-right: 0;}
    .sign_write_select .contents .cont .workflowTable2 tr td a{position: absolute; height: 80px; width: 100%; margin-top: -10px;}  
    .sign_write_select .contents .cont .workflowName2 > span{display: block; width: 90%; height: 18px; padding: 0 0 0 0; overflow: hidden; margin-top: 10px;}
  
  
  
    /* 전자결재반응형표  -결재 문서함 sign_inbox*/
    .sign_inbox .contents .cont .workflowTable2 colgroup,
    .sign_inbox .contents .cont .workflowTable2 thead{display: none;}  
    .sign_inbox .contents .cont .workflowTable2 tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: 100px; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start;}
    .sign_inbox .contents .cont .workflowTable2 tr td{text-align: left; height: 18px; line-height: 18px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden;}  
    .sign_inbox .contents .cont .workflowTable2 td:nth-child(1), .workflowTable2 td:nth-child(2) {display: none;}
    .sign_inbox .contents .cont  .workflowTable2 td:nth-child(3) {order: 1; width: 70%; margin-top: 15px;}
    .sign_inbox .contents .cont .workflowTable2 td:nth-child(4) {order: 3; width: 100%; margin-top: -5px;}
    .sign_inbox .contents .cont .workflowTable2 td:nth-child(5) {order: 4; width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: left; color: #aaa; font-size: 13px; margin-top: -6px;}
    .iconNew{margin-right: 0;}
    .sign_inbox .contents .cont .workflowTable2 td:nth-child(6) {order: 2; width: 30%; text-align: right; margin-top: 15px;}
   .sign_inbox .contents .cont .workflowTable2 td:nth-child(7) {order: 5; width: 70%; margin-top: -4px;}
    .sign_inbox .contents .cont .workflowTable2 tr td a{position: absolute; height: 100px; width: 100%; margin-top: -15px;}  
   .sign_inbox .contents .cont .workflowTable2 td:nth-child(8) {order: 6; width: 30%; text-align: right; margin-top: -4px; display: block;}
    .sign_inbox .contents .cont .workflowName2 > span{display: block; width: 70%; height: 18px; padding: 0 0 0 0; overflow: hidden; margin-top: 15px;}
  
  
  
  
    /* 전자결재반응형표  -결재 문서함 .sign_sentbox*/
    .sign_sentbox .contents .cont .workflowTable2 colgroup,
    .sign_sentbox .contents .cont .workflowTable2 thead{display: none;}  
    .sign_sentbox .contents .cont .workflowTable2 tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: 100px; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start;}
    .sign_sentbox .contents .cont .workflowTable2 tr td{text-align: left; height: 18px; line-height: 18px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden;}  
    .sign_sentbox .contents .cont .workflowTable2 td:nth-child(1), .workflowTable2 td:nth-child(2) {display: none;}
    .sign_sentbox .contents .cont  .workflowTable2 td:nth-child(3) {order: 1; width: 70%; margin-top: 15px;}
    .sign_sentbox .contents .cont .workflowTable2 td:nth-child(4) {order: 3; width: 100%; margin-top: -5px;}
    .sign_sentbox .contents .cont .workflowTable2 td:nth-child(5) {order: 4; width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: left; color: #aaa; font-size: 13px; margin-top: -6px;}
    .iconNew{margin-right: 0;}
    .sign_sentbox .contents .cont .workflowTable2 td:nth-child(6) {order: 2; width: 30%; text-align: right; margin-top: 13px;}
    .sign_sentbox .contents .cont .workflowTable2 td:nth-child(7) {order: 5; width: 70%; margin-top: -4px;}
    .sign_sentbox .contents .cont .workflowTable2 tr td a{position: absolute; height: 100px; width: 100%; margin-top: -15px;}  
    .sign_sentbox .contents .cont .workflowTable2 td:nth-child(8) {order: 6; width: 30%; text-align: right; margin-top: -6px; display: block;}
    .sign_sentbox .contents .cont .workflowName2 > span{display: block; width: 70%; height: 18px; padding: 0 0 0 0; overflow: hidden; margin-top: 15px;}
  
    /* 전자결재반응형표  -결재할 문서함 sign_schedbox*/
    .sign_schedbox .contents .cont .workflowTable2 colgroup,
    .sign_schedbox .contents .cont .workflowTable2 thead{display: none;}  
    .sign_schedbox .contents .cont .workflowTable2 tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: 85px; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start;}
    .sign_schedbox .contents .cont .workflowTable2 tr td{text-align: left; height: 18px; line-height: 18px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden;}  
    .sign_schedbox .contents .cont .workflowTable2 td:nth-child(1), .workflowTable2 td:nth-child(2) {display: none;}
    .sign_schedbox .contents .cont  .workflowTable2 td:nth-child(3) {order: 1; width: 70%; margin-top: 15px;}
    .sign_schedbox .contents .cont .workflowTable2 td:nth-child(4) {order: 3; width: 100%; margin-top: -12px;}
    .sign_schedbox .contents .cont .workflowTable2 td:nth-child(5) {order: 4; width: 100%; overflow: hidden; white-space: pre-line; text-overflow: ellipsis; text-align: left; color: #aaa; font-size: 13px; margin-top: -12px;}
    .iconNew{margin-right: 0;}
    .sign_schedbox .contents .cont .workflowTable2 td:nth-child(6) {order: 2; width: 30%; text-align: right; margin-top: 15px;}
    .sign_schedbox .contents .cont .workflowTable2 tr td a{position: absolute; height: 80px; width: 100%; margin-top: -10px;}  
    .sign_schedbox .contents .cont .workflowName2 > span{display: block; width: 70%; height: 18px; padding: 0 0 0 0; overflow: hidden; margin-top: 10px;}
  
  
    /*모바일시 미리보기 버튼 숨김*/
    .previewBtn, #signPreview{display: none;}
  
  
     /* 게시판반응형표*/
     .workflowTable3 colgroup,
    .workflowTable3 thead{display: none;}  
    .workflowTable3 tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: 85px; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start;}
    .workflowTable3.wfComplaintTable tr{height: 105px;}
    .workflowTable3 tr td{text-align: left; height: 18px; line-height: 18px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden;}  
    .workflowTable3 tr td .iconNew {margin: 0;}
    .workflowTable3 tr td .iconAttach {margin: 0;}
    .workflowTable3 td:nth-child(1) {display: none;}
    .workflowTable3 td:nth-child(2) {order: 1; width: calc(100% - 50px); margin-top: 15px;}
    .workflowTable3 td:nth-child(3) {order: 2; width: 25px; height:22px; margin-top: 10px;}
    .workflowTable3 td:nth-child(4) {order: 3; width: 25px; height:22px; margin-top: 10px;}
    .workflowTable3 td:nth-child(5) {order: 5; width: calc(100% - 90px); margin-top: -8px; color: #aaa; font-size: 13px; overflow: hidden; white-space: pre-line; text-overflow: ellipsis;} 
    .workflowTable3 td:nth-child(6) {order: 4; max-width: 90px; margin-top: -8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; padding-right: 5px;}
    .workflowTable3 td:nth-child(7) {order: 6; width: 80%; text-align: left; margin-top: -10px;}
    .workflowTable3 td:nth-child(8) {display: none}
    /*민원접수 게시판 wf table*/
    .workflowTable3.wfComplaintTable td:nth-child(7) {display: none} /*요청자 연락처*/
    .workflowTable3.wfComplaintTable td:nth-child(8) {order: 6; width: 80%; text-align: left; margin-top: -10px; display:block;} /*최초작성*/
    .workflowTable3.wfComplaintTable td:nth-child(9) {display: none} /*민원접수 게시판 - 접수직원*/
    .workflowTable3.wfComplaintTable td:nth-child(10) {order: 7; height: 20px; line-height: 16px; font-size:13px; width: 100%;} /*민원접수 게시판 - 처리결과*/
    .workflowTable3.wfComplaintTable td:nth-child(11) {display: none;} /*민원접수 게시판 - 처리완료일시*/
    .workflowTable3.wfComplaintTable td:nth-child(12) {display: none} /*민원접수 게시판 - 조회수*/
    .workflowTable3 tr td a{position: absolute; height: 80px; width: 100%; margin-top: -12px;}  
    .workflowName3 > span{display: block; width: 75%; height: 18px; padding: 0 0 0 0; overflow: hidden; margin-top: 10px;}
  
    /* 쪽지반응형표 받은쪽지함*/
    .workflowTable4 colgroup,
    .workflowTable4 thead{display: none;}  
    .workflowTable4 tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: 85px; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start;}
    .workflowTable4 tr td{text-align: left; height: 18px; line-height: 18px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden;}  
    .workflowTable4 tr td .iconNew {margin: 0;}
    .workflowTable4 tr td .iconAttach {margin: 0;}
    .workflowTable4 td:nth-child(1) {margin-top: 12px; width: 20px; height: 22px; margin-right: 5px;}
    .workflowTable4 td:nth-child(2) {display: none;}
    .workflowTable4 td:nth-child(3) {order: 1; width: calc(100% - 75px); margin-top: 15px;}
    .workflowTable4 td:nth-child(4) {order: 2; width: 25px; height:22px; margin-top: 10px;}
    .workflowTable4 td:nth-child(5) {order: 3; width: 25px; height:22px; margin-top: 10px; text-align: left !important;}
    .workflowTable4 td:nth-child(6) {order: 4; width: 100%; margin-top: -8px;font-size: 13px; overflow: hidden; white-space: pre-line;} 
    .workflowTable4 td:nth-child(7){order: 5; max-width: 100%; text-align: left;  margin-top: -6px;}
    .workflowTable4 tr td a{position: absolute; height: 80px; width: 100%; margin-top: -12px;}  
    .workflowName4 > span{display: block; width: calc(100% - 100px); height: 18px; padding: 0 0 0 0; overflow: hidden; margin-top: 10px;}
  
  
   /* 쪽지반응형표 보낸쪽지함*/
    .workflowTable5 colgroup,
    .workflowTable5 thead{display: none;}  
    .workflowTable5 tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: 85px; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start;}
    .workflowTable5 tr td{height: 18px; line-height: 18px; box-sizing: border-box; word-break: break-all; overflow: hidden;}  
    .workflowTable5 tr td .iconNew {margin: 0;}
    .workflowTable5 tr td .iconAttach {margin: 0;}
    .workflowTable5 td:nth-child(1){margin-top: 12px; width: 20px; height: 22px; margin-right: 5px;}
    .workflowTable5 td:nth-child(2) {display: none;}
    .workflowTable5 td:nth-child(3) {order: 1; width: calc(100% - 75px); margin-top: 15px;}
    .workflowTable5 td:nth-child(4) {order: 2; width: 22px; height:22px; margin-top: 10px;}
    .workflowTable5 td:nth-child(5) {order: 3; width: 22px; height:22px; margin-top: 10px;}
    .workflowTable5 td:nth-child(6) {order: 4; width: 100%; margin-top: -8px;font-size: 13px; overflow: hidden; white-space: pre-line;} 
    .workflowTable5 td:nth-child(7){display: none;}
    .workflowTable5 td:nth-child(8){order: 6; max-width: 100%; text-align: left !important; margin-top: -6px; width: 50%;}
    .workflowTable5 tr td a{position: absolute; height: 80px; width: 100%; margin-top: -12px;}  
    .workflowName5 > span{display: block; width: calc(100% - 100px); height: 18px; padding: 0 0 0 0; overflow: hidden; margin-top: 10px;}
  
   /* 쪽지반응형표 휴지통*/
    .icoWaste{text-align: center; display: flex; justify-content: center; padding-top: 115px; margin: 0; width: auto; margin-top: 50px;}
  
    .workflowTable6 colgroup,
    .workflowTable6 thead{display: none;}  
    .workflowTable6 tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: 85px; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start;}
    .workflowTable6 tr td{height: 18px; line-height: 18px; box-sizing: border-box; word-break: break-all; overflow: hidden;}  
    .workflowTable6 tr td .iconNew {margin: 0;}
    .workflowTable6 tr td .iconAttach {margin: 0;}
    .workflowTable6 td:nth-child(1){margin-top: 22px; width: 20px; height: 22px; margin-right: 5px;}
    .workflowTable6 td:nth-child(2), .workflowTable6 td:nth-child(3) {display: none;}
    .workflowTable6 td:nth-child(4){order: 1; width: calc(100% - 50px); margin-top: 18px;}
    .workflowTable6 td:nth-child(5) {order: 2; width: 25px; height:22px; margin-top: 22px;}
    .workflowTable6 td:nth-child(6) {order: 3; max-width: 100%; text-align: left !important; margin-top: -17px; width: 50%;}
    .workflowTable6 tr td a{position: absolute; height: 80px; width: 100%; margin-top: -20px;}  
    .workflowName6 > span{display: block; width: calc(100% - 80px); height: 18px; padding: 0 0 0 0; overflow: hidden; margin-top: 25px;}

  
    /*sign_schedbox 전자결재 결재할문서함*/
    .sign_schedbox .workflowTable col:nth-child(3) { width: 30% !important;}
    .sign_schedbox .workflowTable col:nth-child(4) { width: 30% !important;}
    .sign_schedbox .bottomSearchBtn { display: block;}
    .sign_schedbox .topSearchBtn { display: none;}
    /*sign_inbox 전자결재 결재문서함*/
    .sign_inbox .workflowTable col:nth-child(3) { width: 15% !important;}
    .sign_inbox .workflowTable col:nth-child(4) { width: 26% !important;}
    .sign_inbox .workflowTable col:nth-child(5) { width: 25% !important;}
    .sign_inbox .bottomSearchBtn { display: block;}
    /*sign_sentbox 전자결재 결재한문서함*/
    .sign_sentbox .workflowTable col:nth-child(3) { width: 15% !important;}
    .sign_sentbox .workflowTable col:nth-child(4) { width: 26% !important;}
    .sign_sentbox .workflowTable col:nth-child(5) { width: 25% !important;} 
    .sign_sentbox .bottomSearchBtn { display: none;}  
    

     /*전자결재 검색박스 보이게 설정*/
    .workflowWrap.sign_sentbox .bottomSearchBtn{display: inline-block !important;}
  
    /*sign_view sign_view 전자결재 문서보기*/
    .workflowWrap .contents .wfSignBody colgroup {display: none;}
    .workflowWrap .contents .cont02 .workflowRead .wfSignBody tr th {width: 60px;}
  
    /*부서문서함 선택영역 추가*/
    .sign_view .leftBtn,
    .sign_read .leftBtn { width: 100%; text-align: center;}
    .sign_view .rightBtn,
    .sign_read .rightBtn { width: 100%; margin-top: 10px; padding-bottom: 20px;}
  
    .markSign { width: 38px; height: 38px; line-height: 38px; font-size: 12px;}
    .markReturn { width: 38px; height: 38px; line-height: 38px; font-size: 12px;}
    .markDecide { border: 25px solid transparent; top: -27px; }
    .markDecide:after { left: -25px; top: 25px; border: 25px solid transparent;}
    .markDecide em { top: 17px; left: -25px; width: 50px; height: 30px; font-size: 12px; }
    .markNone { width: 38px; height: 45px; background-size: 38px;}
    .wfSignFlowUl li { font-size: 12px;}
    .wfReadTable#confirm_area col:nth-child(2) { width: 15% !important;}
    .wfReadTable#confirm_area tr td { padding: 5px 3px;}
    .sign_view .wfSignFlowUl li:last-child,
    .sign_read .wfSignFlowUl li:last-child { height:43px;}
    /*연계문서*/
    .reasonLayer {width: 100%; margin-left: 0; left: 0; padding: 5px 10px; margin-top: 0; top: 0; height: 100%; overflow-y: scroll;}
    .reasonLayer thead tr th:last-child {white-space:inherit !important;}
    .reasonLayer .apprSearch {min-width: 100% !important;}
    .reasonLayer .rightSearch fieldset {min-width: inherit !important;}
    .reasonLayer .rightSearch input[type="text"] {width: calc(100% - 140px);}
    .reasonLayerListIn tr td {word-break: keep-all;}
    .reasonTxt { width: 100%;}
    .sign_read .leftBtn a:nth-child(2),
    .sign_view .leftBtn a:nth-child(2) { display: none;}
    /*연계문서*/
    .connectList tr th:nth-child(2) { background-image: none;}
    .connectList tr th:nth-child(3) { display: none;}
    .connectList colgroup col:nth-child(3) { display: none;}
    .connectList tr td{padding: 5px;}
    .connectList tr td:nth-child(1){text-align: left; word-break: break-all;}
    .connectList tr td:nth-child(3) { display: none;}
    /*결재라인 new*/
    .sign_read .signTableBtn,
    .sign_view .signTableBtn{position: fixed; top: 100px; right: 90px; display: block; width: 32px; height: 32px; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_small.png) center -1550px no-repeat; z-index: 4;}  
    .wfSignFlowWriteNR { visibility: hidden; opacity:0; height: 0; position: absolute; top: -25px; right: 0px; width: auto; box-sizing: border-box; border-bottom: 1px solid #ccc; background: #fff; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); width: 100% !important;}
  
    /*작성페이지는 결재라인 보이게*/
    .sign_write .wfSignFlowWriteNR { visibility: visible; opacity:1; height: 0; position: static; top: -25px; right: 0px; width: auto; box-sizing: border-box; border-bottom: 1px solid #ccc; background: #fff; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; box-shadow: none; width: 100% !important;}
    .sign_write .wfapprovalNR2 {box-shadow: none !important;}
  
    .wfapprovalNR2 {box-shadow: 0px 5px 10px rgba(0,0,0,0.3) !important; top: 165px !important;}
    .wfPosOn .wfapprovalNR2 {top: 200px !important;}
    .heightNone th .wfSignNum {border-bottom: 1px solid #ccc; font-size: 12px;}
    .wfSignFlowWriteNR.wfapprovalNR.closedSign { visibility: visible; opacity: 1; z-index: 8; top:-5px;}
    .wfSignFlowWriteNR.wfapprovalNR2.closedSign { visibility: visible; opacity: 1; z-index: 8; top:145px;}
    .wfSignFlowWriteNR.wfapprovalNR tr{height: 40px;}
    .wfapprovalNR .wfSignNum{width: 15px; line-height: 15px; height: 15px; font-size: 12px;}
    .wfSignFlowWriteNR tr th span{left: 0px; float:right; width: 75%; font-size: 12px; padding-left: 2px; line-height: 18px;}
    .wfapprovalNR tr td span {line-height: 18px; overflow: hidden;}
    .sign_read .signTableBtn,
    .sign_view .signTableBtn{ position: absolute; top: 64px; right: 10px; display: block; width: 32px; height: 32px; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_small.png) center -1550px no-repeat; z-index: 4;}  
    .closedSignBtn { box-shadow: 0px 0px 5px rgba(0,0,0,0.3); border-radius: 50%;}
    .wfSignFlowWriteNL { visibility: hidden; position: absolute; top: 0; left: 0; height: 0;}
    .wfSignFlowWriteNR tr:first-child {border-top: 2px solid #4f4f4f;}  
    .wfSignFlowWriteNR span{font-size: 10px;}
    .wfSignFlowWriteNR span > span{font-size: 12px;}
    .sign_write .wfSignNum { display: inline-block; float: left; height: 20px; line-height: 20px;}
    .sign_write .wfapprovalNR th span { line-height: 20px;}

  
   
    .wfSignFlowWriteNL + .wfSignBody.mt20 { margin-top: 0 !important;}
    .sign_view .wfSignFlowWriteNL + .mt20,
    .sign_read .wfSignFlowWriteNL + .mt20,
    .sign_view .wfSignBody.mt20,
    .sign_read .wfSignBody.mt20 { margin-top: 0 !important;}
   
    .wfSignFlowWriteNR tr th,
    .wfSignFlowWriteNR tr td { font-size: 12px;}
    .wfSignNum { height: 20px;}
    .wfapprovalNR.wfSignNum { width: 15px; font-size: 12px; line-height: 20px;}
    .wfapprovalNRtr th span { max-width: 38px; padding-left: 0px; font-size: 12px;}
    .wfapprovalNRtr td span { height: 20px; padding-left: 0px; max-width: 38px; line-height: 20px; font-size: 12px;}
    .wfSignFlowWriteNR tr th:last-child, 
    .wfSignFlowWriteNR tr td:last-child { border-right:1px solid #ccc;}
    .wfSignFlowWriteNR tr td span.markSignS { width: 15px; height: 15px; line-height: 15px;}
    .wfSignFlowWriteNR tr td span.markReturnS { width: 15px; height: 15px; line-height: 15px;}
    .wfSignFlowWriteNR tr td span.markDecideS { width: 15px; height: 15px; line-height: 15px;}
    .wfSignFlowWriteNR tr td span.markNoneS { width: 15px; height: 15px; background: url(../[TPH_Vimages]/ico_signS.gif) center no-repeat; background-size: 15px;}
  
    
    /*회원정보관리 user*/
    .userModyEdit { width: 100%; border-top: 2px solid #ccc; margin-top: 2px;}
    .userModyEdit colgroup col:nth-child(1) {width: 90px !important;}
    .userModyEdit tr {border-bottom: 1px solid #ccc;}
    .userModyEdit tr th {padding: 5px; word-break: keep-all;}
    .userModyEdit tr td .content4{padding-right: 4px; padding-left: 0px; padding-bottom: 4px;}
    .userModyEdit tr th,
    .userModyEdit tr td > input {}
    .userModyEdit tr .addressBox input:nth-child(1){width: 100%;}
    .userModyEdit tr .addressBox input:nth-child(2){margin: 5px 0; width: 60%;}
    .userModyEdit tr .emailBox input:nth-of-type(1) {width:35%; margin-bottom: 5px;}
    .userModyEdit tr .emailBox input:nth-of-type(2) {width:51%; margin-bottom: 5px;}
    .userModyEdit tr:last-child td > input {width: 100%;}
    .pwChangeChk{margin-left: 0px; margin-top: 5px; display: none;}
    .userModyEdit tr td .fileAdd {width: auto;}
    .fileAdd input{width: 100%;  display: block;}
    .fileAdd .small{margin-left: 0px;}
  
  
    .userModyEdit tr td input.width60p.dispB{width: 100%}
    .userModyEdit tr td input.width30p{width: 40%}
    .userModyEdit tr:last-child td > input { width: 100%;}
  
  
    /*main*/
    .headerMain { width: auto; height: auto; min-height: 60px;}
    .headerMain .btnLink { display: none;}
    .rightNavMain {}
    .mainCont01 { width: auto;}
    .columnReverse{display: flex;}
    .mB01{border: none;}
    .logoMain { top: 5px; left: 0; width: 100%; height: 55px;}
    .logoMain a {  width: 135px; height: 49px; margin:0 auto; background: url(../[TPH_Vimages]/logo_sub.gif) no-repeat; background-size: 100%; background-position: center 1px;}
    .contentsMain { width: auto; margin: 0 5px;}
    .mainSche { float: left; width: 50%; min-height: 110px; margin-top:5px; padding: 0; border-right: 2px solid #fff;}
    .mainNote { float: left; width: 50%; min-height: 110px; margin-top: 5px; padding: 0px; border-left: 3px solid #fff;}
    .mainBoard { clear: both; padding: 7px 0px;}
    .mainMail { float: left; width: 50%; min-height: 110px; margin-top: 5px; padding: 0px; padding: 0; border-left: 3px solid #fff;}

    .mSignList { display: none;}
    .mainSign { float: left; width: 50%; min-height: 110px; padding: 0; border-right: 2px solid #fff;}
    .mainOffi { float: left; width: 50%; min-height: 110px; margin-top: 0; padding: 0; border-left: 3px solid #fff;}
    .mainH2Num { top: 7px; right: 7px; left: auto;}
    .mainH2 a { width: 100%; height: 110px; padding-top: 70px; background-position: center 25px;}
    .mainOffi .mainH2 a { background-position: center -925px;}
    .mainH2Note a { width: 100%; height: 110px; padding-top: 70px; background-position: center -475px;}
    .mainH2Mail a { width: 100%; height: 110px; padding-top: 70px; background-position: center -170px;}
    .mainH2Sche a { width: 100%; height: 110px; padding-top: 70px; background-position: center -75px;}
    a.btnOrg { float: left; width: 50%; height: 110px; margin-top: 5px; padding-top: 70px; border-right: 2px solid #fff; background: #ec7067 url(../[TPH_Vimages]/ico_menu.png) center -378px no-repeat;}
    a.btnCounsel { display: none;}
    a.btnCounselMob { clear: both; display: block; height: 60px; border-top: 5px solid #fff; box-sizing: border-box; text-align: center; background:#9eb312;}
    a.btnCounselMob span { display: inline-block; height: 100%; padding-left: 52px; color: #fff; font-size: 16px; font-weight: bold; text-align: left; line-height: 58px; background:#9eb312 url(../[TPH_Vimages]/ico_menu.png) left -1190px no-repeat;}

    .mainTab li.tabOn, .mainTab li.tabOn a { font-size: 14px;}
    
    .tabMenuBtn { display: none;}
    .mNoCont { display: none;}
    a.btnMakeDoc { display: none;}
    .mainDate { display: none;}
  
    /*연계문서 보기 새창*/
    .sign_link_preview .bottomSearchBtn { display: none;}
    .sign_link_preview .wfSignFlowWriteNL { position: relative;}
    .sign_link_preview .wfSignFlowWriteNL > colgroup col:nth-child(1) { width:0 !important;}
    .sign_link_preview .wfSignFlowWriteNL > colgroup col:nth-child(2) { width:0 !important;}
    .sign_link_preview .wfSignFlowWriteNL > colgroup col:nth-child(3) { width:0 !important;}
    .sign_link_preview .wfSignFlowWriteNL > colgroup col:nth-child(4) { width:100% !important;}
    .sign_link_preview .wfSignFlowWriteNL tbody tr th,
    .sign_link_preview .wfSignFlowWriteNL tbody tr td:nth-child(2),
    .sign_link_preview .wfSignFlowWriteNL tbody tr td:nth-child(3) { display: none;}
    .sign_link_preview .wfSignFlowWriteNR tbody tr th,
    .sign_link_preview .wfSignFlowWriteNR tbody tr td:nth-child(2),
    .sign_link_preview .wfSignFlowWriteNR tbody tr td:nth-child(3) { display: table-cell;}
    .sign_link_preview .wfSignFlowWriteNR { visibility: visible; opacity: 1; position: relative; top: 0; width: 100%; box-shadow: none; margin: 0;}
    .sign_link_preview .wfSignFlowWriteNR tr th:last-child,
    .sign_link_preview .wfSignFlowWriteNR tr td:last-child,
    .sign_link_preview .wfSignFlowWriteNR tr th:nth-child(10) { border-right: none;}
    
    /*scheduleWrap 스케줄*/
    .scheduleWrap .cont { padding: 0 5px 5px 5px;}
/*    .scheduleWrap .contents .cont .topSearchBtn {display: none;}    */
    .scheduleWrap .contents .cont .scheduledateBtn {display: none;}
    .scheduleWrap .contents .cont .scheduledateBtn02 {display: block;}
    .scheduleWrap .contents .cont .scheduledateBtn02 .btnNext {display: inline-block; width: 13px; height: 23px;box-sizing: border-box; text-align: center; text-indent: -9999px; background:  url(../%5BTPH_Vimages%5D/ico_next.svg) center no-repeat; background-size: contain; margin-left: 20px;}
    .scheduleWrap .contents .cont .scheduledateBtn02 .btnPrev {display: inline-block; width: 13px; height: 23px;box-sizing: border-box; text-align: center; box-sizing: border-box;text-indent: -9999px; background:url(../%5BTPH_Vimages%5D/ico_prev.svg) center no-repeat; background-size: contain; margin-right: 20px;}
    .scheduleWrap .contents .cont .scheduledateBtn { position: static; float: none; height: 20px; text-align: center; margin-top: 10px;}    
    .scheduleWrap .contents .cont .scheduledateBtn02 { position: static; float: none; height: 20px; text-align: center; margin-top: 10px;}    
    .scheduleWrap .topSearchBtn{height: 20px; margin-top: 20px; display: none;}
    .scheduleWrap .topSearchBtn .leftBtn { width: 100%;}
    .scheduleWrap .topSearchBtn .rightBtn { display:none;}
    .scheduleWrap .topSearchBtn .leftBtn .calNum { font-size: 14px;}
    .scheLayer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; margin: 0;}
    .scheLayer .scheTab { margin-top: 5px;}
    .scheLayer .centerBtn.mb20 { margin-bottom:5px !important;}
    .scheLayer .noteReceiveTable colgroup col:first-child { width: 50px !important;}
    .scheLayer .scheTab li { min-width: 60px;}
    .scheLayer .noteReceiveTable tr#shareTr:nth-child(10),
    .scheLayer .noteReceiveTable tr#locationTr:nth-child(8),
    .scheLayer .noteReceiveTable tr#memoTr:nth-child(9) { display:none !important;}
    .schedule_week .calWeekTop tr th { font-size:12px;}
    .calMonthCont td span.scheBarMore { padding: 0 0 0 3px; font-size: 12px;}
    .calMonthCont td span.scheBar,
    .calMonthTd td span.scheBar { font-size: 12px;}
  
    /*more 눌럿을때 레이어*/
    .scheMoreLayerDay { min-width: 200%;}
    .scheMoreTable th { height: 26px; font-size: 12px; line-height: 20px; padding: 0 0 0 4px; letter-spacing: -1px;}
    .btnScheClose { position: absolute; top: -27px; right: -1px; display: block; width: 30px; height: 26px; line-height: 24px; border: 1px solid #ccc; border-bottom: none; background: #eee; box-shadow: 1px -1px 3px rgba(0,0,0,0.3);}
    .calMonthCont tr td:last-child .scheMoreLayer { left: -100%;}
    
    /*결재문서 이미지 삽입시 th가 줄어들어 보기싫음*/
    .wfSignBody tr td { padding: 5px;}
    
    /*인트로 로그인 선택*/
    .divIntroSelect { margin-top: -150px; height: 310px; background-size: 130px;}
    .introSelUl { width: 205px; margin: 195px auto 0;}
    .introSelUl li:first-child { margin-right: 5px;}
    .introSelUl li a { width: 100px; height: 100px; background-size: 100%; }
    .introSelUl li:first-child a { background-size: 100%; }
    
    
    /*170418 비번 변경 페이지*/
    .pwChangeDiv { top: 50%; left: 0; width: 100%; height: auto; margin: -210px 0 0 0;}
    .pwChgField li { padding: 0 10px;}
    .pwChgField li:nth-child(1) { height: auto; padding-top: 95px; font-size: 20px; background-size: 90px; }
    .pwChgField li:nth-child(2) { padding-top: 7px; font-size: 20px;}
    .pwChgField li:nth-child(3) { padding-top: 20px;}
    .pwChgField li:nth-child(4) { padding-top: 10px;}
    .pwChgField li:nth-child(5) { padding-top: 10px;}
    .pwChgField li:nth-child(6) { padding-top: 10px; height: auto;}
    .pwChgField li:nth-child(6) span { font-size: 14px;}
    .pwChgField .loginTbox { width:200px;}
    .pwChgInfo { margin: 10px; padding: 10px 20px;}
    .pwChgInfo li { line-height: 22px; font-size: 14px;}
    .pwChgInfo li em { line-height: 22px; font-size: 14px;}
    
    /*팝업*/
    .popupWrap { width: 100%; min-width: 320px; min-height: 100px; padding-bottom: 10px;}
    .popupList { margin: 5px;}
    .popupList li em { font-size: 30px; line-height: 34px;}
    .popupList li b { font-size: 14px; }
    .popupList li b a { font-size: 14px;}
    .popupList li span { padding-left: 18px;}
    .popupList li b.veryBold { font-size: 18px; line-height: 22px;}
    .popupList li b span.veryBold2 { font-size: 18px; line-height: 22px;}
    .popupList li span a.veryBoldAlink { margin-top: -15px; padding-left: 18px; font-size: 18px; line-height: 16px; }
    .popClose { right: 3px; top: 3px; width: 35px; height: 15px; padding-bottom: 18px; font-size: 30px;}
    .popupList li b.txtSecLine { padding-left: 0px;}
 
    /*결재라인 new161208*/
    .wfSignSlideBtn { display: none;}
    .wfSignNewDiv { margin-top: 0;}
    /*총장 직인*/
    .signSealDiv { display: none;}
    
    /*모바일 뒤로가기 버튼*/
  .btnMobBack { display: none;}
  
  /*에러페이지 error*/
  .bgErr01 { top: -15%; left: -10%; width: 100%; height: 100%; background-size: 100%; background-position: top;}
  .bgErr02 { bottom: -2%; right: -5%; width: 60%; height: 60%; background-size: 100%; background-position: bottom;}
  
  /*공유자 등록 mobile*/
  .worklist_pop_share .btnGroupMake { display: none;}
  .worklist_pop_share .btnGroupAd { display: none;}
  /*공유자 검색 시 나타남 시작*/
  .worklist_pop_share .addrUserAddBtn01 { display: none;}
  .worklist_pop_share .apprPopTree { display: none !important;}
  .worklist_pop_share .workflowTab { display: none;}
  .worklist_pop_share .anoteUserL { width: 100%; padding-right: 0; float: none;}
  .worklist_pop_share .anoteUserL .addrSearchDiv { position: relative; top: 0px; width: 100%; padding-right: 0px;}
  .worklist_pop_share .addrSearchList { box-shadow: none; border: none; height: auto;}
  .worklist_pop_share .addrSearchList .centerBtn .btnBasic { display: none;}
  .worklist_pop_share .addrSearchList .centerBtn { margin-bottom: 0;}
  .worklist_pop_share .addrUseList02 { height: auto;}
  .worklist_pop_share .btnMobAdd { display: block; height: 40px; line-height: 40px; border-radius: 0px; background: #689dca;}
  .worklist_pop_share .btnMobAdd span { padding-left: 20px; color: #fff; font-weight: bold; background: url(../[TPH_Vimages]/ico_new.png) -6px -497px no-repeat;}
  .worklist_pop_share .btnMobAdd:hover { text-decoration: none; }
  .worklist_pop_share .addrSearchDiv .anoteUserH { border-top: 2px solid #82a7c6;}
  .worklist_pop_share .addrSearchDiv .anoteUserH tr th { height: 30px; color: #2a475f; background: #add4f5;}
  .worklist_pop_share .addrSearchDiv .anoteUserB tr td { height: 35px; border-bottom: 1px solid #82a7c6; background: #daedfc;}
  .worklist_pop_share .addrSearchDiv .anoteUserH tr th input[type=checkbox],
  .worklist_pop_share .addrSearchDiv .anoteUserB tr td input[type=checkbox] { width: 25px; height: 25px;}
  /*공유자 검색 시 나타남 끝*/
  .worklist_pop_share .anoteUserR { width: 100%; padding-left: 0; float: none;}
  .worklist_pop_share .anoteUserBox { min-width: 300px;}
  .worklist_pop_share .popWrap { padding: 0 10px;}
  .worklist_pop_share .apprSearch { min-width: 300px; height: 61px; padding-top: 13px; border-bottom: none;}
  .worklist_pop_share .apprSearch fieldset { width: 100%; box-sizing: border-box; text-align: left;}
  .worklist_pop_share .apprSearch input[type="text"] { width: 100%; padding-right: 40px; box-sizing: border-box; border-radius: 10px;}
  .worklist_pop_share .apprSearch input[type="submit"] { position: absolute; right: 10px; top: 14px;}
  .worklist_pop_share .anoteUseList { height: auto; border-bottom: none;}
  .worklist_pop_share .anoteUserR .wfReadTable tr th,
  .worklist_pop_share .anoteUserR .wfReadTable tr td { height: 35px;}
  
  /*결재문서 작성완료 mobile*/
  .icoSignComp { width: auto;}
  
  /*공지 레이어 mobile*/
  .mainNotiIn { width: 90%; min-height: 300px; padding: 20px 15px 0px 15px;}
  .mainNotiInP { font-size: 14px; line-height: 22px;}
  .importantBold,
  .importantBold em { font-size: 18px; line-height: 26px;}
  .mainNotiBottom { margin-top: 20px; padding: 8px 0; }
  /*메일공지 레이어*/
  .mailWriteInfo { overflow-y: auto; bottom: 30px; max-height: 525px;}
  
  /*2022 고도화 디자인 리뉴얼*/
  /*login 로그인*/
  .loginInput, .loginLogo {height: 70px; background-position: center top, center 50px; padding-top: 0;  margin-top: 0px; width: 15rem; background-size: contain;}

  
  .BP .loginAlign .loginLogo { width: 15rem; height: 70px; background-size: 180px, 200px; background-position: center top, center 50px; padding-top: 0;  margin-top: 0px;}
  .BS .loginAlign .loginLogo { width: 15rem; height: 70px; background-size: 180px, 200px; background-position: center top, center 50px; padding-top: 0;  margin-top: 0px;}
  .CW .loginAlign .loginLogo { width: 15rem; height: 70px; background-size: 180px, 200px; background-position: center top, center 50px; padding-top: 0;  margin-top: 0px;}
  .GB .loginAlign .loginLogo { width: 15rem; height: 70px; background-size: 180px, 200px; background-position: center top, center 50px; padding-top: 0;  margin-top: 0px;}
  .GN .loginAlign .loginLogo { width: 15rem; height: 70px; background-size: 180px, 200px; background-position: center top, center 50px; padding-top: 0;  margin-top: 0px;}
  .MD .loginAlign .loginLogo { width: 15rem; height: 70px; background-size: 180px, 200px; background-position: center top, center 50px; padding-top: 0;  margin-top: 0px;}
  .IC .loginAlign .loginLogo { width: 15rem; height: 70px; background-size: 180px, 200px; background-position: center top, center 50px; padding-top: 0;  margin-top: 0px;}
  .HW .loginAlign .loginLogo { width: 15rem; height: 70px; background-size: 180px, 200px; background-position: center top, center 50px; padding-top: 0;  margin-top: 0px;}
  .HP .loginAlign .loginLogo { width: 15rem; height: 70px; background-size: 180px, 200px; background-position: center top, center 50px; padding-top: 0;  margin-top: 0px;}
  
  
  .loginField li { padding: 6px 0;}
  .loginField li:nth-child(3) {padding-bottom: 0; font-size: 16px; font-weight: 500;}
  .loginField .loginTbox { width:100%; height: 36px;}
  .loginBtnM { width: 70px; height: 50px; border-radius: 20px; font-size: 15px; top: 80%; left: 50%; position: absolute; transform: translate(-50%, -50%); border: 1px solid #c4c4c4;}
  .newmember{bottom: -90%; height: 40px; width: auto; min-width: 170px; right: 50%; transform: translate(50%, 50%);}
  .newmember span{display: inline-block;; bottom: -80px; font-size: 14px; line-height: 40px;}
  .newmember i { width: 18px; height: 17px; display: inline-block; margin-left: 10px; margin-right: 5px;}
  .loginBottom { position: relative; background: url(../[TPH_Vimages]/bg_login.png) center bottom no-repeat; background-size: cover; background-position: bottom;}
  
  /*main Contents*/
  .headerMain { width: auto;}
  .logoMain a { background: url(../[TPH_Vimages]/logo_sub.png) no-repeat; background-size: 100%; background-position: center 1px;}
  .contentsMain { width: auto; max-width: auto; margin: 0 auto; padding: 0px;}
  .mainCont01 { width: 100%;}
  .mainCont02  width: 100%; margin-left: 0px;
  .mainCont03 { width: 100%; margin-left: 0px;}
  .mainCont01Vertical{width: 100%;}

  .mainBoard { padding: 20px 10px 0px 10px;}
  .mBoard li a em {width: 110px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:18px; height:54px; color:#444; font-size:14px; text-decoration:none; white-space: pre-wrap;}
  .boardName { width: 60px; }
  
    
  /*노트 에디터 넓이*/
  #smart_editor2 {width: 100% !important;}
  #smart_editor {width: 100% !important;}
  
  
  /*노트 쪽지 하단 버튼 깨짐 해결*/
  .BtnWidth20 {width: 100% !important;}
  .noteWrap .rightSearch fieldset,
  .btlWrap .rightSearch fieldset {margin-top: 50px;}
  .noteWrap .BtnWidth20 .leftBtn{width: 100%;}
  
  /* 쪽지 수신인 선택*/
  .popWrap{padding: 0 10px;}
  .popWrap .anoteUserL{display: none;}
  .popWrap .anoteUserR{width: 100%; padding-left: 0;}
  .popWrap .anoteUserAddBtn{display: none;}
  .popWrap .anoteUserBox{min-width: 280px;}
  .popWrap .bottomSearchBtn .centerBtn{padding-bottom: 10px;}
  .popWrap .rightSearch fieldset { height: 36px; text-align: center; float: none; position: absolute; left: 50%; min-width: 97%;}
  .popWrap .rightSearch input[type="text"] {width: calc(100% - 40px); min-width: 120px; margin-top: 3px;}
  .popWrap .apprSearch{min-width: 260px; width: 100%; padding: 10px 0; height: 60px;}
  .popWrap .anoteUserR span{display: inline-block;}
  .popWrap .apprSearchList{top: 59px;}
  
  /*메인전자결재*/
  .mainIndex {overflow-x: hidden;}
  .mainSign{display: none;}
  .mainBoard {padding: 0; margin: 0;}
  .payBoard {margin: 10px 0; height: 110px; padding: 30px 20px; background: url(../[TPH_Vimages]/bg_payBoard.svg); background-size: cover; border-radius: 20px; background-position: center;}
  .payBoardTitle span{color: #fff;}
  .pBoard li .payBoardNum {display: flex; font-size: 20px; background: #232D79; align-items: center; justify-content: center; padding: 3px 5px; min-width: 50px;} 
  .payBoardTitle:before {background: url(../%5BTPH_Vimages%5D/ico_nav_sign_on.svg) center 0 no-repeat;}
  .payBoard li a span{color: #fff;}
  .pBoard {padding-bottom: 15px; border-bottom: none;}
  
  /*메인일정*/
  .scheduleBoard { display: flex; margin: 10px 0; padding: 30px 15px; background: #4CBBE5; border-radius: 20px; width: auto; min-height: 90px; flex-direction: row;  flex-wrap: nowrap; align-items: center; justify-content: space-around;}  
  .scheduleBoardTitle {width: 100px; float: left;}
  .scheduleBoardTitle span{padding: 0;}
  .scheduleBoardTitle > .scheduleBoardTitleM{display: block; width: 160px; margin-top: 10px;}
  .scheduleBoardTitle > .scheduleBoardTitleM i{display: block; color: #0B5069; font-style: normal;}
  .scheduleBoardTitle > .scheduleBoardTitleM i:nth-child(1){font-size: 20px; text-align: left;}
  .scheduleBoardTitle > .scheduleBoardTitleM i:nth-child(2)::before{content: ""; display: inline-block; width: 20px; height: 30px; margin-right: 0px; vertical-align: middle; background: url(../%5BTPH_Vimages%5D/ico_nav_cal_greenl.svg) center 0 no-repeat; background-size: contain; margin-right: 5px;}
  .scheduleBoardTitle > .scheduleBoardTitleP{display: none;}
  .sBoard{float: right; width: calc(60% - 20px); margin-top: 10px;}  
  .sBoard span {color: #fff}
  .sBoard span:nth-child(1){font-size: 14px;}
  .sBoard span:nth-child(2){display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .sTime {color: #fff;}
  .sBoard li{display: none; width: 100%;}
  .sBoard li:nth-child(1),.sBoard li:nth-child(2){display: block;}
  .scheduleBoardTitle:before{display: none;}
  .contentsMain>div {width: 100%; flex: none; width: 100%; float: none; min-height: 0px; margin-bottom: 0; flex: none;}
  .scheduleBoard .resultNone{text-align: center; color: #fff;}
  
  .mainIndex .contents{height: auto; padding-bottom: 40px;}
  .mainIndex .cont{min-height: 100%;}
  
  /*메인게시판*/
  .mainCont01{border: none;}
  .mainBoardTitleM{display: block; margin-top: 20px; z-index: 10;}
  .mainBoardTitleM span{font-weight: bold; padding: 7px 15px;}
  .mainBoardTitleM span.on { display: inline-block; padding-bottom: 15px; border-radius: 20px; color: #fff; vertical-align: middle; font-weight: 800; background: #E99964; padding: 7px 15px;}
  .mainBoardTitle{display: none;}
  .mBoard {width: 100vw; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; overflow-x: scroll; height: 180px; margin: 50px 0 20px;} 
  .contentsMain>div.columnReverse{flex-direction: column-reverse;}
  .mBoard.dispN {display: none;}
  .mainBoard {position: absolute; width: 100vw;}
  .mBoard li:first-child a::after{content: ""; display: inline-block; width: 10px; height: 10px; background: #ED7458; z-index: 10; border-radius: 50px; position: relative; top: -142px; left: -60px;}
  .mBoard li {width: 150px; height: 150px; background: #F2F4F8; margin:10px 10px 0 0; display: flex; border-radius: 15px; margin-bottom: 10px;}
  .mBoardLink {width: 150px; padding: 20px;}
  .mBoard li:first-child, .mBoard li:last-child {padding: 0;}
  .mBoard li:first-child {border: 1px solid #E99964; background: #fff;}
  .mBoard li:first-child a em{font-weight: bold; color: #DD6F26;}
  .boardName{padding: 0; padding-top: 45px; color: #848484; font-size: 14px;}
  .mBoard li:last-child {margin-right: 20px;}
  .resultNone.dispN{display: none;}
  .mainBoard.dispN {display: none;}

  /*메인게시판 - 사규서식x 목동, 강남, 피알파트너, 위드*/
  .GN .mainBoardTitleM > span:nth-child(1), 
  .MD .mainBoardTitleM > span:nth-child(1), 
  .HW .mainBoardTitleM > span:nth-child(1),
  .HC .mainBoardTitleM > span:nth-child(1) {display: none !important;}
  
  .GN .mainBoardTitleM > span:nth-child(2), 
  .MD .mainBoardTitleM > span:nth-child(2), 
  .HW .mainBoardTitleM > span:nth-child(2),
  .HC .mainBoardTitleM > span:nth-child(2) {display: inline-block; padding-bottom: 15px; border-radius: 20px; color: #fff; vertical-align: middle; font-weight: 800; background: #E99964; padding: 7px 15px;}
  
  .GN .mainBoard.dispN,  
  .MD .mainBoard.dispN,  
  .HW .mainBoard.dispN, 
  .HC .mainBoard.dispN {display: inline-block; padding: 0;} 
  
  
  
/*메인메일*/
  .mainCont02 {width: 100%; height: 130px; border-bottom: none; border-top: 1px solid #DADADA; padding-top: 20px; margin-top: 190px; margin-bottom: 20px; display: flex; justify-content: center; align-items: center;}
  .mainCont02 .mainMailIcon{width: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; float: left; padding-right: 30px; padding-left: 10px;}
  .mainCont02 .mainMailIcon > i{display: inline-block; width: 25px; height: 25px; background: url(../[TPH_Vimages]/ico_mainEmail.svg) no-repeat;}
  .mainCont02 .mainMailIcon > span:nth-child(2){display: inline-block; width: 52px; height: 54px;  background: #1890EF; border-radius: 50px; text-align: center; }
  .mainCont02 .mainMailIcon > span:nth-child(2) > a{color: #fff; font-size: 38px;}
  .mainCont02 .mainMailIcon > span:nth-child(3) {color: #1890EF; font-size: 14px; font-weight: bold;}
  .mainMailList { display: inline-block; width: calc(100% - 110px);}
  .mainMailList > ul { width: 100%;}
  .mainMailList > ul li {height: 30px; border-bottom: none;}  
  .mainMailList ul li:first-child a{color: #1890EF; font-weight: bold;}
  .mainMailList ul li a{width: 100%; padding: 0;}
  .mainMailList ul li span{display: none;}
  
  /*btlWrap tree*/
  .btlTree .easytree-container { margin-top: 0px; padding: 0 0;}
  .btlTree ul:after { display: none;}
  
  /*부서 문서함*/
  .deptNavList { margin-top: 10px; border-radius: 10px;}
  .deptNavList > li { padding: 5px 15px 5px 20px;}
  a.deptNavListHeaderSet { top: 18px; right: 15px;}
  .deptNavListSub a { padding: 5px 0px 5px 12px;}
  .deptNavListSub li:last-child a { padding-bottom: 12px;}
  
  
  /*문서수정내역*/
  .listHead { height: 25px; padding-left: 5px; line-height: 27px; font-size: 14px;}
  /*접속정보*/
  .logInfo { display: none;}
  .sign_read .workflowRead {width: auto;}
  
  
  /*전자결재 모바일일때 작성중인문서함 새결재문서 숨김*/
/*
  .workflowWrap ul.lnb>li:first-child {display: none;}
  .workflowWrap ul.lnb>li:nth-child(2) .sublnb li:nth-child(1) {display: none;}
  .workflowWrap ul.lnb>li:nth-child(2) .sublnb li:nth-child(2) {display: none;}
  .workflowWrap.sign_inbox .workflowTab li:nth-child(1),
  .workflowWrap.sign_inbox .workflowTab li:nth-child(2),
  .workflowWrap.sign_inbox .workflowTab li:nth-child(3){display: none;}
  .mainIndex .pBoard li:first-child {display: none;}
*/
  
  
  /*게시판 내부문서 테이블 크기 맞추기*/
  .btlWrap .__se_tbl_ext {margin: 0 auto !important;}
  .btlWrap noteReceiveCont > span > p {margin: 0 !important;}
/*  .btlWrap .contents .cont .workflowRead .noteReceiveTable tr td img{width: 100%;}*/
  
  /*노트 페이징 마진*/
  .noteWrap .pageNation,
  .btlWrap .pageNation{margin-top: 70px !important;}
  
  
  /*ADR보고서 모바일일때 th 가로 크기 줄임*/
  .adrWrap .subTitle{border-bottom: none; background: #F2F4F8; width: calc(100% + 20px); padding: 0 10px; margin: 0px 0px 0px -10px;}
  .adrListTitle span:first-child {display: inline-block; width: 50%; text-overflow: ellipsis; white-space: nowrap; height: 20px; overflow: hidden;}
  
  
  /* 근접오류 보고서 */
  .voeWrap .wfSignBody colgroup col:nth-child(1) {width: 90px !important;}
  .voeWrap .adrChkTable colgroup col:nth-child(1) {width: 20px !important;}
  
  
  /*로그인*/
  .loginInput form { width: 300px; width: 100%; margin: 0 auto; padding: 0;}
  
  
  /*쪽지 모바일 th 크기 변경*/
  .noteread .noteReceiveTable colgroup{display: none;}
  .noteread .noteReceiveTable th{width: 90px !important;}
  
  
  /*모바일일때 각 게시판 이미지 크기 설정*/
  .voeWrap .contents .cont .workflowRead .wfSignBody tr td img{width: 100% !important;  object-fit: contain; height:auto !important}
  .greWrap .contents .cont .workflowRead .wfSignBody tr td img{max-width: 200px;}
  .noteWrap .contents .cont .workflowRead .noteReceiveTable tr td img{width: 100% !important;  object-fit: contain; height:auto !important;}
  .btlWrap .contents .cont .workflowRead .noteReceiveTable tr td img{width: 100% !important;  object-fit: contain; height:auto !important;}
  .wfComplaintTable td img{max-width: 100%;}
  
 /*전자결재, 게시판 검색 인풋박스 위치 맞추기*/
  .btlWrap .rightSearch input[type="text"],
  .workflowWrap .rightSearch input[type="text"] {margin-top: 3px;}
  .loginBtnM{top: 80%;}
  table td[colspan="8"] {  display: flex !important;  width: 100%;  height: 100% !important;  align-items: center;  justify-content: center;}
  
}
	
/* 스마트폰 가로 */

@media only screen and (min-width: 480px) and (orientation : landscape){
  .loginWrap {min-height: 600px;}
  .loginInput {width: 15rem !important;}
  .loginAlign {top: 60%;}
  .loginBtnM {top: 90%;}
  .loginAlign .loginLogo {width: 15rem !important; margin-bottom: 10px !important;}
}
@media only screen and (min-width: 1116px) and (orientation : landscape){
   .loginAlign {top: 70%;}
   .loginInput {width: 18rem !important;}
   .loginAlign .loginLogo {width: 18rem !important;}
   .loginBtnM {top: 80%;}
}

@media only screen and (max-device-width : 767px) and (orientation : landscape){
  .mainNav li a { height: 43px; padding: 2px 0 0px; border-radius: 0;}
  .organWrap .leftOrgVer fieldset input[type="text"] { width: 75%;}
  /*scheduleWrap 스케줄*/
  .scheLayer .centerBtn a { padding: 5px;}
  .scheLayer .noteReceiveTable tr th { height: 20px;}
  .scheLayer .noteReceiveTable tr td { padding: 4px;}
  .scheLayer .scheTab,
  .scheLayer .scheTab li { height: 30px; line-height: 30px;}
  /**/
  /*170418 비번 변경 페이지*/
  .pwChangeDiv { top: 0; margin: 10px 0 0 0;}    
  /*에러페이지 error*/
  .bgErr01 { top: -15%; left: -25%; width: 80%; height: 150%; background-size: 50%; background-position: top;}
  .bgErr02 { bottom: -5%; right: -17%; width: 60%; height: 60%; background-size: 50%; background-position: bottom;}
  .errTxtT { margin-top: 10px;}
  .errBtn { margin-top: 20px;}  
  
  /*login 로그인*/
  .loginInput {background-size: 160px, 200px; background-position: center top, center 50px; padding-top: 0;}
  .loginField li:nth-child(3) {padding-bottom: 0; font-size: 16px; font-weight: 500;}
  .loginField .loginTbox { width:100%; height: 36px;}
  .loginBtnM { width: 70px; height: 50px; border-radius: 20px; font-size: 15px;}
  .loginCenter { height: 100%; background: url(../[TPH_Vimages]/bg_login.png) center bottom no-repeat; background-size: auto 45vh; min-height: 100vh; min-width: 100%;}
  .newmember{display: none;}
  .loginTop{height: 50%;}
  .loginBottom { position: relative; height: 50%; background: url(../[TPH_Vimages]/bg_login_01.png) center bottom no-repeat; background-size: cover; background-position: bottom;}
  
/*  로그인*/
  .newmember{display: none;}
  .loginField .loginTbox{height: 26px;}
  .loginLogo{display: inline-block; width: 300px; height: 100px;  background: url(../[TPH_Vimages]/logo_himchan.png) center top no-repeat, url(../[TPH_Vimages]/logo_groupware.svg) center 70px no-repeat; background-size:244px auto, 300px auto; margin-bottom: 30px;}

    .BP .loginAlign .loginLogo,
    .BS .loginAlign .loginLogo,
    .CW .loginAlign .loginLogo,
    .GB .loginAlign .loginLogo,
    .GN .loginAlign .loginLogo,
    .MD .loginAlign .loginLogo,
    .IC .loginAlign .loginLogo,
    .HW .loginAlign .loginLogo,
    .HP .loginAlign .loginLogo{margin-bottom: 10px;}
}
@media only screen and (max-device-height : 412px) and (orientation : landscape){
  .loginInput {
    width: 15rem;}
}

@media only screen and (max-device-width : 767px) {
    .surveyChoice li {width: 50%;}
}

@media only screen and (max-device-width : 550px) {
    /*결재라인 날짜 짤림 수정*/
    .wfSignFlowWriteNR tr th span:last-child{left: 0 !important; font-size: 10px !important; display: inline-block; margin: 0 auto;}

}
@media only screen and (max-device-width : 450px) {
  /*게시판 사직원출력 문항 한줄씩 보이게 하기 */
    .surveyChoice li {width: 100%;}
  
  /*  전자결재 모바일일때 패딩제거*/
  .workflowWrap .MsoTableGrid tr th{max-width: 90px;}
  .workflowWrap .MsoTableGrid tr th, .MsoTableGrid tr td {padding: 0;}
  
}
@media only screen and (max-device-width : 400px) {

    /*목록 페이징 너비줄임*/
    .pageNation ul li a { width:30px;}
  
   /*게시판 사직원출력 문항 한줄씩 보이게 하기 */
    .surveyChoice li {width: 100%;}
  
}
@media only screen and (max-device-width : 361px) {
/*    .wfSignBody colgroup col:first-child { width: 15% !important;}*/
/*    .wfSignBody colgroup col:nth-child(2) { width: 85% !important;}*/
    /*메일 공지 레이어*/
    .layerMailConInner { max-height: 250px; overflow: scroll;}
    .reasonLayer#tmpLayer { margin-top: -215px !important;}
  
/* 메인 결재문서함 크기 줄임*/
  .pBoard li .payBoardNum { display: flex; font-size: 20px; background: #232D79; align-items: center; justify-content: center; padding: 0px 5px; min-width: 40px;}

  /*adrWrap 성별 두 줄 되지 않게*/
/*  .wfSignBody:nth-of-type(1) tr:nth-child(2) td{vertical-align:middle;}*/
    .adrWrite .contents .cont .workflowRead .wfSignBody:nth-of-type(1) tr:nth-child(2) td:nth-of-type(1) {display: flex; flex-wrap: wrap; flex-direction: row; align-items:center;  justify-content: space-evenly; height: 100%;}
  
}
  
@media only screen and (max-device-width : 340px) {  
/*  게시판 모바일일때 패딩제거*/
    .btlWrap .noteReceiveTable tr td{padding: 0 !important;}
}
@media only screen and (max-device-width : 321px) {
    .scheduleWrap .topSearchBtn .leftBtn .btnPrev,
    .scheduleWrap .topSearchBtn .leftBtn .btnNext { min-width:30px;}
    .schedule_week .topSearchBtn .leftBtn .calNum { font-size: 12px;}
    /*일정관리 월간일정 부서,기관일때 한글 1글자만으로도 테이블을 삐져나옴*/
    .calWeekContTime td span.scheDept, 
    .calMonthCont td span.scheDept,
    .calWeekContTime td span.scheInstitute, 
    .calMonthCont td span.scheInstitute { font-size: 12px;}
    /*공지 레이어 mobile*/
    .mainNotiInP { max-height: 320px; overflow: auto;}
	/*login*/
    .loginInput { background-size: 180px, 180px; margin-top: 20px;}
    .loginField {}
    .loginField li { padding: 5px 0;}
    .loginField .loginTbox { height: 34px;}
    .loginBtnM { border-radius: 18px; font-size: 14px;}
    .loginLeftBottom { bottom: 135px; left: 5px; right: 5px;}
    .loginRightBottom { bottom: 5px; left: 5px; right: 5px;}
    .loginAlign {top: 60%;}
    .loginBtnM{top: 90%;}
  
  .slcheduleMeetingL { width: 100%; height: calc(100% - 300px); padding: 0px 20px 0px; max-width: 100%;}
  .slcheduleMeetingR {margin-bottom: 30px; padding-bottom: 30px; margin-bottom: 30px;}
  .slcheduleMeetingR .centerBtn{height: 51px; position: relative; margin: 30px 0; margin-bottom: 30px; float: right;}
  }

/*갤럭시폴드*/
@media only screen and (max-device-width : 280px) {
/*일정관리 회의일정*/
.slcheduleMeetingR .noteReceiveTable colgroup col:nth-child(1) {width: 50px !important;}
.slcheduleMeetingR .noteReceiveTable tr:last-child th {white-space: normal !important;}
.loginInput form{max-width: 260px;}
  
 /*조직도 하위 공간생기는 문제해결*/
.organWrap .anoteUserBox {height: calc(100vh - 10px);}
}



/*전자결재 서식 고침*/
/*.MsoTableGrid*/
#custombody table {min-width: 100%;}
.MsoTableGrid{width: 100% !important; border-top: 2px solid #444;}
.MsoTableGrid .MsoTableGrid {border-top: none !important;}
.MsoTableGridBTNo {border: none !important;}
.txtEditArea{border: none;}
.MsoTableGrid tr th{background: #f1f1f1 !important; text-align: center !important; border: 1px solid #ccc !important; letter-spacing: -1px; font-size: 13px !important; padding: 6px 0 !important; word-break: keep-all;}
.MsoTableGrid tr td{border: 1px solid #ccc !important; word-break: break-all; font-size: 13px !important; padding: 6px !important;}
.MsoTableGrid tr td.thBgColor {background: #f1f1f1 !important;}
.wea_info input {height: 20px;}

/*기안서 에디터에서 폰트 설정하면 먹지않는현상 해결을 위해*/
.gianContainer div,
.gianContainer div span,
.gianContainer u,
.gianContainer b,
.gianContainer p,
.gianContainer p span,
.gianContainer th,
.gianContainer th span,
.gianContainer td,
.gianContainer td span,
.gianContainer input,
.gianContainer textarea,
.gianContainer span { font-size: revert; font-weight: revert; color: revert;}

.MsoTableGrid tr .txtBox01 {height: 20px;}
.MsoTableGrid tr td textarea{height: auto; padding: 5px; box-sizing: border-box; width: 100% !important;}
.MsoTableGrid tr div.txtBox01 {height: auto; padding: 5px; box-sizing: border-box; width: 100% !important;}
.formBottom {text-align: center;}
.noBdTable tr th, .noBdTable tr td {border: none !important;}

#custombody{width: 100% !important; overflow-x: auto}
#custombody p .txtBox01 {height: 20px;}
#custombody .txtBox01 {height: 20px;}
#custombody td {padding: 5px;}
.plupload_container{padding: 0;}
td.gianCont table{min-width: auto !important;}
/*custombody3: long scroll*/
#custombody3 {width: 2200px; }
#custombody3 input::-webkit-outer-spin-button,
#custombody3 input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

.MsoTableGrid p {word-break: keep-all;}
.txtBox02 {height: 20px;}
.MsoTableGrid tr td label {word-break: keep-all;}

@media only screen and (max-device-width : 767px) {
   #custombody {width: 100% !important; overflow: scroll;}
   #custombody > table,
   #custombody2 > table{min-width: 940px !important; max-width: 940px !important;}   
   p.expenseTxt {width: 100% !important;}
   .MsoTableGrid tr th{word-break: normal;}
   #custombody .MsoTableGrid tr th {word-break: keep-all; padding: 5px 0!important;}  
  
}



/*전자결재 리스트 테이블 hover*/
.sign_write_select .workflowTable2 tbody tr:hover{ background-color: #fff4b9;}
.sign_inbox .workflowTable2 tbody tr:hover{ background-color: #fff4b9;}
.sign_schedbox .workflowTable2 tbody tr:hover{ background-color: #fff4b9;}
.sign_sentbox .workflowTable2 tbody tr:hover{ background-color: #fff4b9;}
/*ADR 보고서 리스트 hover*/
.adrWrap .sign_inbox workflowTable7 tbody tr:hoverr {background-color: #fff4b9;}
/*게시판 리스트 hover*/
.btlWrap .workflowTable3 tbody tr:hover {background-color: #fff4b9;}
/*근접오류보고서*/
.voe_inbox .workflowTable8 tbody tr:hover {background-color: #fff4b9;}
/*중고물품*/
.usedWrap .workflowTable9 tbody tr:hover {background-color: #fff4b9;}
/*중고물품 인풋박스 선 안보이는거 수정*/
.usedWrap .wfSignBody tr td input{border: 1px solid #444;}

/*2023.06.30 추가*/
/*메인 인사박스 컨텐트 영역에 붙이기*/
.mainIndex .header .nav {max-width: 1045px;}

.messengerWrap .anoteUserR .wfReadTable{margin-top: 0px !important;}
.messengerWrap .anoteUserR tr:hover{background-color: #FFF4B9 !important}
.messengerWrap .wfReadTable tr:hover{background-color: #FFF4B9 !important}
.messengerWrap .anoteUserR {height: 410px;}
/*.messengerWrap .anoteUserR {margin-top: 45px; height: 410px;}*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1345px) {
.mainIndex .contents .cont{max-width: inherit;}
.mainIndex .header .nav{max-width: 100%;}
}

/*메신저 */
.messengerWrap .anoteUserBox{overflow-y: hidden;}
.messengerWrap .anoteUserBox, 
.messengerWrap .anoteUserBox .workflowRead {min-width: 600px;}
.messengerWrap .workflowRead .noteReceiveTable tbody .inputAttArea{height: 150px; padding: 0}
.messengerWrap .workflowRead {min-width: 600px;}
.messengerWrap .workflowRead .wfReadTable tr:hover{cursor: pointer;}
.messengerWrap .anoteUserBox .workflowRead .noteReceiveTable tr th,
.messengerWrap .anoteUserBox .workflowRead .noteReceiveTable tr td{padding: 0; height: 28px;}
.messengerWrap .anoteUseList{height: 250px;}
.messengerWrap .workflowRead .wfReadTable tr th,
.messengerWrap .workflowRead .wfReadTable tr td {padding: 0 5px; border-radius: 0; height: 28px; position: relative;}
.anoteAttListM tr{cursor: inherit;}

.messengerWrap .anoteUserBox fieldset{width: 100%; text-align: center; box-sizing: border-box;}
.messengerWrap .anoteUserBox input[type="text"] {width: calc(100% - 270px); height: 25px;}
.messengerWrap .anoteUserBox .apprSearch {position: relative; z-index: 1; border: none; background: #fff;}
.messengerWrap .anoteUserBox .apprSearch select{width: 100px;}
.messengerWrap .anoteUserBox .workflowRead .noteReceiveContM,
.messengerWrap .workflowRead .noteReceiveContM{height: 250px; padding: 10px 0; overflow: auto; box-sizing: border-box; word-break: break-all;}
.messengerWrap .wfReadTable tr td .txtHidden { display: inline-block; width: 100%; height: 28px; line-height: 28px; overflow: hidden; text-align: left; word-break: break-all;}
.icoAttAnote{background: #f1f1f1 url(../[TPH_Vimages]/ico_messenger_icoattanote.png) center no-repeat; border-radius: 50px; text-indent: -9999px; vertical-align: text-bottom;}
.messengerWrap .workflowRead .workflowTab + .noteReceiveTable{margin-top: 10px;}
.anoteAttListM { height: 84px; margin-top: 0px; overflow-x: auto; border-bottom: 1px solid #4f4f4f;}
.messengerWrap thead{background-color: #f1f1f1}}
.messengerWrap thead th{float: left;}
.borderBottomNone{border-bottom: none !important;}

/*쪽지보내기*/
.messengerWrap .noteReceiveTable .anoteAttListM.recipientSpan{border-bottom: none; height: 40px;}
.noteReceiveContM {height: 80px;}
.messengerWrap .seletePeriodBox.rightSearch fieldset {width: auto;}

/*쪽지함 기간 추가*/
.messengerWrap .rightSearch.periodSearch.seletePeriodBox fieldset {width: auto;}
.messengerWrap .rightSearch.periodSearch.seletePeriodBox fieldset select + input[type="text"] {width: calc(100% - 140px);}
.messengerWrap .rightSearch.periodSearch.seletePeriodBox .directPeriod input[type="text"]{width: calc(50% - 60px); min-width: 60px;}


/*수신인 선택*/
.messengerWrap .anoteUserBox .anoteUserR .anoteUserH{margin-top: 50px !important;}
.messengerWrap .anoteUserBox .anoteUserR .anoteUseList {height: 380px;}
.msgr { width: 35px; height: 35px; position: absolute; background: url(../[TPH_Vimages]/ico_msgr.svg) no-repeat; text-indent: -9999px; background-size: contain;}
.msgrBtnGroup{width: 44px; height: 120px;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.msgrR{margin-top: 30px;}
.msgrL{transform: rotateY(180deg); margin-top: 80px;}
.messengerWrap .anoteUserBox{overflow-x: hidden;}




/*  messengerM messenger 메신저 지난대화보기 힘찬톡*/
  .messengerM, .messengerM .anoteUserBox{height: 100%; !important;}
  .messengerM .anoteUserBox {width: 100% !important; min-width: 100% !important;} 
  .messengerM .workflowRead {min-width: auto !important;}
  .messengerM .workflowRead:nth-of-type(2) { height: calc(100vw - 340px) !important;}
  .messengerM .workflowRead:nth-of-type(2) .noteReceiveTable {height: calc(100% - 0px) !important;}
  .messengerM .workflowRead:nth-of-type(2) .noteReceiveTable tr td {height: auto !important;}
  .messengerM .workflowRead:nth-of-type(2) .noteReceiveContM {height: calc(100% - 0px) !important;}
  .messengerM .messengerWrap .anoteUserBox, 
  .messengerM .messengerWrap .anoteUserBox .workflowRead {min-width: auto !important;}
  .messengerM .anoteUserBox .workflowRead .noteReceiveTable tr th{white-space: nowrap !important; padding: 0 10px !important;}
  .messengerM .anoteUserBox .apprSearch select {margin-left: 5px !important;}
  .messengerM .workflowRead .wfReadTable tr td {padding: 0px !important; font-size: 14px !important; }
  .messengerM .workflowRead .wfReadTable tr th {font-size: 14px !important; border-top: 2px solid #444; padding: 0 !important;}
  .messengerM .wfReadTable tr td .txtHidden {font-size: 14px !important; margin-top: 2px !important; padding-left: 5px !important;}
  .messengerM .apprSearch fieldset { box-sizing: border-box !important;; width: 100%; !important;}
  .messengerM .workflowRead .wfReadTable tr th:last-child{padding: 0 8px !important;}
  .messengerM .anoteUseList td:last-child {word-break: keep-all !important;}
  .messengerM .workflowRead:nth-of-type(2) { height: 100% !important;}
  .messengerM .workflowRead:nth-of-type(2) .noteReceiveTable {height: calc(100% - 410px) !important;}
  .messengerM .workflowRead:nth-of-type(2) .noteReceiveTable tr td {height: auto !important; padding-left: 5px !important;}
  .messengerM .workflowRead:nth-of-type(2) .noteReceiveContM {height: calc(100% - 0px) !important;}
  .messengerM .serchBox {display: block !important;}
  .messengerM .anoteUserBox input[type="text"] {min-width: auto !important; height: 25px !important; width: calc(100% - 180px) !important;}
  .messengerM .anoteUserBox .apprSearch select:nth-of-type(1){width: 50px !important; min-width: 50px !important;}
  .messengerM .anoteUserBox .apprSearch select:nth-of-type(2){width: 64px !important; min-width: 64px !important;}
  .messengerM .apprSearch fieldset {box-sizing: border-box !important; height: 40px !important;}
/*  .messengerM .rightSearch input[type="submit"],
  .messengerM .rightSearch input[type="buttons"] {position: absolute; right: 10px !important;}*/
  .messengerM .anoteUserBox {width: 100% !important; min-width: 100% !important;} 



/*인사평가*/
/*비밀번호 확인*/
.confirmationLayer { position: relative; width: 500px; min-height: 300px; padding: 40px 20px 60px 20px; box-sizing: border-box;  box-shadow: 1px 1px 20px rgba(0,0,0,0.5); background: #fff;}
.confirmationTxt{text-align: center;}
.confirmationTxt i{display: inline-block; width: 90px; height: 100px;background: url(../[TPH_Vimages]/ico_personnel_password.png) no-repeat; background-size: contain; opacity: 0.2; margin-bottom: 10px;}
.confirmationTxt p{font-weight: bold; margin-bottom: 10px;}
.confirmationTxt span{color: #999; margin-bottom: 30px; display: block;}
.confirmationInput{text-align: center;}
.confirmationInput input{width: 320px; height: 36px; text-align: center; font-size: 20px; border-radius: 15px; border: 1px solid #c4c4c4c4;}
.confirmationLayer .centerBtn {margin-top: 30px;}

.extendBtn{height: 60px; display: flex; align-items: center; float: right;}
.extendBtn span {font-weight: bold; margin-right: 10px;}
.personWrap .contents .cont .workflowRead .wfReadHead{text-align: left; width: calc(100% - 120px); font-size: 18px;}
.personWrap .contents .cont .workflowRead .workflowTab .smenuNum{background: #ccc; font-style: normal;}
.personWrap .contents .cont .workflowRead .workflowTab .smenuNum.on { min-width: 20px; height: 20px; padding: 0 5px; box-sizing: border-box; background-color: #4a4a4a; line-height: 18px; color: #fff; border-radius: 20px;  margin-left: 5px; box-shadow: 0 2px 0 rgba(0,0,0,0.2); font-weight: normal !important; font-style: normal; background: #5864BE;}
.personneListIn tr td p.grade label{padding-right: 2px;}

/*인사평가*/  
/*인사평가 평가하기 레이어*/
.popHead span{color: #aaa;}
.personneLayer {width: 960px; margin: 0; top: 50%; transform: translate(-50%, -50%); left: 50%; max-height: 750px; overflow-y: scroll; min-width: 750px;}
.personneListIn{height: 430px;}
.personneLayerHead{height: 60px;}
.personneLayerHead h1{float: left;}
.personneLayerHead > p{float: right; display: flex; flex-direction: column; height: 60px; justify-content: center; text-align: right;}
90.personneLayerHead .popHead{float: left;}
.redColor{color: red;}
.personneLayer .wfReadTable tr td input[type=number] {border: 1px solid #555; max-width: 50px;}

/*정기인사평가 제출현황*/
  .performevaTable{margin-top: 10px !important; border-spacing: 0; width: 100%; border-collapse: collapse; margin: 0 auto; word-break:break-all; word-wrap:break-word;}

/*평가대상*/
 .personWrap .contents .cont .workflowRead .wfReadTable{border-spacing: 0; width: 100%; border-collapse: collapse; margin: 0 auto;}
 .personWrap .contents .cont .workflowRead .wfReadTable tr td { word-break:break-all; word-wrap:break-word;}
 .evaluationTable tr td .mTh {display: none;}
.evaluationTable .varLabel {background: #f1f1f1; color: #444;}

.scrHgtTh { padding-right: 17px; border-top: 2px solid #444; background: #f1f1f1;}
.scrHgtTh .wfReadTable {border-top: none;}
.scrHgtTh .wfReadTable thead th:last-child {border-right: none;}
.bgGray{background: #f1f1f1;}

.personTable{width: 100%; border-top: 2px solid #555;}
.personTable tr th {border-bottom: 1px solid #ccc; background: #f1f1f1; padding: 5px; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.personTable tr td {text-align: center; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px;}
.personneListIn tr td input[type="text"] {width: 100%;}
.personTable tr td textarea{width: 99%; display: inline-block;}
.personTable tr td .totalGrade label{display: block;}
.personnelRegiPhoto{margin: 5px;}
.personnelRegiPhoto img{width: fit-content !important; margin: 0 auto;}




/*노트 수신인선택 레이어*/
.noteWrap .popWrapDiv {top: 0; width: 100%; min-width: 1250px; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; z-index: 10;}
.noteWrap .popWrapDiv .popWrap.meetingScheRegi {display: block; margin: 0 auto; z-index: 40;}
.noteWrap .popWrapDiv .popWrap.meetingScheRegi .rightSearch{margin-top: 0 !important;}
.noteWrap .popWrapDiv .popWrap.meetingScheRegi .rightSearch fieldset{margin-top: 0px;}


.anoteUserAddBtn{ width: 35px; height: 35px; position: absolute; background: url(../[TPH_Vimages]/ico_msgr.svg) no-repeat; text-indent: -9999px; background-size: contain; margin-left: 10px;}





@media only screen and (min-device-width : 768px) and (max-device-width : 1345px) {
    .personneLayer {width: 90%;}
    .scrHgtTh {padding-right: 0px;}
    
    /*전자결재 사원등록*/
    .personnelRegiSect table{width: 100%;}
  
  
     /*노트 수신인선택 레이어*/
    .noteWrap .popWrapDiv {width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center;}
}


@media only screen and (max-device-width : 767px){
  /*평가대상 모바일*/
  .evaluationTable{margin-bottom: 20px !important;}
  .evaluationTable tr thead, .evaluationTable th {display: none;}
  .evaluationTable colgroup{display: none;}
  .evaluationTable tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: auto; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid #cccc;}
  .evaluationTable tr td{text-align: left; height: 30px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden; border: none; line-height: 30px; padding: 0}   
  .evaluationTable tr td.noData {min-height: 90px; text-align: center; line-height: 90px; width: 100%;}
  .evaluationTable td:nth-child(1):not(.noData) {display: none;}
  .evaluationTable td:nth-child(2) {display: none;}
  .evaluationTable td:nth-child(3) {order: 1; width: 100%; margin-top: 5px; float: right; padding-right: 10px;}
  .evaluationTable td:nth-child(4) {order: 3; width: 100%; margin-top: -5px; padding-right: 10px;}
  .evaluationTable td:nth-child(5) {order: 2; width: 100%; margin-top: -5px; padding-right: 10px;}
  .evaluationTable td:nth-child(6) {display: none;;}
  .evaluationTable td:nth-child(7) {order: 6; width: 100%; margin-top: -5px; margin-right: 10px;}
  .evaluationTable td:nth-child(8) {order: 8; width: 50%; margin-bottom: 5px; margin-top: -5px;text-align: right;}
  .evaluationTable td:nth-child(9) {order: 7; width: 50%; margin-top: -5px;}
  .evaluationTable tr td .btnBasicSmall{padding: 0 10px; height: 28px; line-height: 28px;}
  .evaluationTable tr td .mTh {font-weight: bold; display: inline-block; margin-right: 10px; width: 65px;}
  .cont:has(.evaluationTable) .btnBgblue{word-break: keep-all; margin-bottom: 20px; line-height: normal;}
  /*정기인사평가 제출현황 모바일*/
  .performevaTable{margin-bottom: 40px !important;}
  .performevaTable th{display: none;}
  .performevaTable colgroup{display: none;}
  .performevaTable tr{display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px; height: auto; flex-direction: row; align-content: stretch; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid #cccc;}
  .performevaTable tr td{text-align: left; height: 26px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden; border: none; line-height: 26px; padding: 0}   
  .performevaTable td:nth-child(1) {display: none}
  .performevaTable td:nth-child(2) {order: 1; max-width: 20%; margin-top: 0px; margin-right: 10px;}
  .performevaTable td:nth-child(3) {order: 2; width: 70%; margin-top: 0px;}
  .performevaTable td:nth-child(4) {order: 3; width: calc(100% - 72px);}
  .performevaTable td:nth-child(5) {order: 5; }
  .performevaTable td:nth-child(6) {order: 6; max-height: 50%;}
  .performevaTable td:nth-child(7) {order: 4; width: 72px; text-align: right;}
  .performevaTable .noData {display: block !important; height: 78px; line-height: 78px;}
  
  
  /*인사평가 평가하기*/
  .personneLayer {width: 100%; height: 100%;  padding: 0 10px; overflow-y: scroll;}
  .personneLayer .wfReadTable tr th{word-break: keep-all;}
  .personneListIn{height: calc(100% - 180px);}
  .personneListIn tbody tr td{word-break: keep-all;}
  .personneLayerHead{height: 60px; margin-top: 10px;}
  .personneLayerHead > p{float: right; display: flex; flex-direction: column; height: 60px;}
  .personneLayerHead > p span:first-child{margin-bottom: 10px;}
  .personneLayerHead .popHead{float: left; overflow: hidden;}
  .scrHgtTh {padding-right: 0px;}
  .personneListIn tr td input[type="text"] {width: 100%;}
  
  
  /*평가하기 레이어*/
  .personneLayer {min-width: auto;}

  
  /*비밀번호확인*/
  .confirmationTxt i { display: inline-block; width: 70px; height: 80px; margin-bottom: 5px;}
  .confirmationLayer{width: 80%; padding: 30px 20px;  max-width: 400px;}
  .confirmationInput input{width: 95%; max-width: 320px;}
  
  
  /*게시판 모바일 탭에 버튼 추가*/
  .btlWrap .contents .cont .scroll_menu .workflowTab{margin-top: 10px;}
  .tabBtn{position: absolute; width: 30px; height: 30px; border-radius: 50px; background: url(../[TPH_Vimages]/ico_btl_tabBtn.svg) no-repeat; margin-top: 14px; z-index: 1;}
  
  .tabBtnL{left: 10px; transform: rotate(-180deg);}
  .tabBtnR{right: 10px;}
  
  
  
  /*게시판 내용 화면에 맞추기*/
  .noteReceiveCont table{width: 100% !important;}
  .noteReceiveCont div table{width: 100% !important;}
  
  
 /* 문서내부 제목*/
  .wfReadHead {max-height: 50px; height: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 15px; line-height: 25px; margin-bottom: 15px; overflow: hidden; font-size: 18px;}
  

  /*에디터 모바일일때 안깨지게*/
  #smart_editor2 {width: 100% !important;}
  
  /*노트 모바일 여백줄이기*/
  .noteWrap .txtEditArea.mt15 {margin-top: 0 !important;}
  .noteWrap .wfReadTable2.mt20 {margin-top: 0 !important;}

  /*노트 수신인선택 레이어*/
  .noteWrap .popWrapDiv {top: 0; width: 100%; min-width: 100% !important; height: 100%; position: fixed; display: flex; justify-content: center; align-items: center;}
  .noteWrap .popWrapDiv .popWrap.meetingScheRegi .rightSearch input[type="text"] {width: calc(100% - 40px) !important;}
  .noteWrap .popWrapDiv .popWrap.meetingScheRegi .rightSearch fieldset select{display: none;}
  
  
  /*전자결재 수신인선택 레이어*/
  .workflowWrap .popWrapDiv {top: 0; width: 100%; min-width: 100% !important; height: 100%; position: fixed; display: flex; justify-content: center; align-items: center;}
/*  .workflowWrap .popWrapDiv .popWrap.meetingScheRegi .rightSearch input[type="text"] {width: calc(100% - 40px) !important;}*/
  .workflowWrap .popWrapDiv .popWrap.meetingScheRegi .rightSearch input[type="text"] {width: calc(100% - 120px) !important;}
/*  .workflowWrap .popWrapDiv .popWrap.meetingScheRegi .rightSearch fieldset select{display: none;}*/
   /*전자결재 결재자 선택*/
  .workflowWrap .popWrap .btnNoAppr {position: fixed; bottom: 20px; left: 50%; transform: translate(-50%); z-index: 7;}
  .workflowWrap .popWrap .apprPopTree {min-width: 100%; margin-top: 50px; height: calc(100% - 130px);}
  .workflowWrap .popWrapDiv .popWrap.meetingScheRegi { display: block; margin: 0 auto; z-index: 40; width: 100%;}
  .workflowWrap .popWrapDiv .popWrap.meetingScheRegi .centerBtn { text-align: right;}
  .workflowWrap .popWrapDiv .popWrap.meetingScheRegi .bottomSearchBtn {bottom: 10px;}
  
  
}
/*파일업로드*/
.plupload_container {padding: 0px !important;}
.plupload_scroll .plupload_filelist_header .plupload_file_action,
.plupload_scroll .plupload_filelist_footer .plupload_file_action {margin-right: 0 !important;}


/*mobiscroll.javascript.min.css 모비스크롤*/

/*일정*/
.scheduleWrap .contents {height: calc(100% - 130px);}
/*.scheduleWrap .contents .cont {height: 100%;}*/

/*메인페이지 달력*/
.mainIndex .mbsc-ios.mbsc-calendar {height: 285px !important;}
.mainIndex .mbsc-calendar{width: 371px !important; margin-bottom: 40px !important; }
.mainIndex .mbsc-ios.mbsc-calendar-height-md .mbsc-calendar-day:after {border: none !important;}
.mainIndex .mbsc-ios.mbsc-eventcalendar .mbsc-calendar-wrapper {border: none !important;}
.mainIndex .mbsc-ios.mbsc-calendar-controls {margin-bottom: 10px !important;}
.mainIndex .mbsc-calendar-week-day { color: #9E9E9E; font-size: 14px !important; font-weight: bold !important;}
.mainIndex .mbsc-ios.mbsc-calendar-day-text { position: absolute; z-index: 3; font-size: 14px !important;}
.mainIndex .mbsc-calendar-day-text + div{}
.mainIndex .mbsc-calendar-label-text {text-indent: -9999px;}
.mainIndex .mbsc-ios.mbsc-calendar-cell{border: none !important;}
.mainIndex .mbsc-calendar-day-inner { display: flex !important; align-items: center !important; justify-content: center !important; border: none !important;}
.mainIndex .mbsc-calendar-text.mbsc-ltr {text-align: left !important; top: -6px !important; left: 13px !important; width: 3em; height: 3em !important; margin: 0.1875em !important; padding: 0 !important; line-height: 1.625em !important; border-radius: 100px !important; background: #f8d2b9 !important; display: inline-block !important; position: absolute !important; opacity: 1 !important; border-radius: 100px;}
.mainIndex .mbsc-ios.mbsc-calendar-label{color: #f8d2b9 !important; border-radius: 100px; overflow: hidden;}
.mainIndex .mbsc-calendar-row.mbsc-flex.mbsc-flex-1-0 {border-right: none !important;}
.mbsc-ios.mbsc-calendar-label-end.mbsc-ltr .mbsc-calendar-label-background, .mbsc-ios.mbsc-calendar-label-start.mbsc-rtl .mbsc-calendar-label-background {border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-radius: 100px;}
/*일정 월간일정*/
.mbsc-calendar-row.mbsc-flex.mbsc-flex-1-0 {border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-week-day { height: 2.5em; padding: 0 0.5em; line-height: 2.5em; font-size: 1em; }
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header, .mbsc-ios.mbsc-eventcalendar .mbsc-calendar-week-days {background: none !important; border-right: 1px solid transparent !important;}
.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text{background: #60BBDD !important; border-color: #60BBDD !important; color: #fff !inmportant;}
.mbsc-ios.mbsc-calendar-week-day:first-child{color: #E99964 !important;}
.mbsc-calendar-month{font-weight: bold !important;}
.mbsc-ios.mbsc-calendar-today, .mbsc-ios.mbsc-calendar-week-nr{color: #444 !important;}

.scheduleWrap .mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-ltr {text-align: center !important;}
.scheduleWrap .mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-ltr, .mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-ltr, .mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-ltr {text-align: left !important;}

.mbsc-ios.mbsc-calendar-button.mbsc-button{color: #60BBDD !important;}
.mbsc-ios.mbsc-schedule-header-day.mbsc-selected { background: #60BBDD !important; color: #fff !important;}
.mbsc-ios.mbsc-hover .mbsc-calendar-cell-text {background-color: #60BBDD !important;color: #fff !important;}
.mbsc-ios.mbsc-calendar-today, .mbsc-ios.mbsc-calendar-week-nr {color: #444 !important;}
.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {color: #fff !important;}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-label-text {font-size: 12px !important;}
.mbsc-ios.mbsc-calendar-label{font-weight: 400 !important;}


/*주간일정*/
.mbsc-ios.mbsc-calendar {height: calc(100% - 140px) !important;}
.mbsc-schedule-event-small-height.mbsc-schedule-event-inner .mbsc-schedule-event-title{font-size: 12px !important; margin-top: 3px;}
.mbsc-ios.mbsc-schedule-event{min-height: 2em !important;}

/*일정 달력 모바일*/
@media only screen and (max-device-width : 767px){
  .mbsc-ios.mbsc-calendar{height: calc(100% - 50px) !important;}

}




/*첨부파일 여백 줄이기*/
.noteWrap .txtEditArea.mt15 {margin-top: 0 !important;}
.noteWrap .wfReadTable2.mt20 {margin-top: 0 !important;}


/*전자결재 사원등록 요청서*/
.personnelRegiCont div:nth-child(2n + 6) {text-align: center;}
.personnelRegiCont h2 {margin-top: 20px; font-weight: bold;}
.personnelRegiSect table{border-top: 2px solid #4f4f4f;}
.personnelRegiSect table th{background: #f1f1f1;}
.personnelRegiSect table th,
.personnelRegiSect table td{border: 1px solid #ccc !important; height: 30px; padding: 5px;}


/*전자결재 라벨 색상*/
.wfSignFlowWriteNR tr td span.markSignS {background:#3a82c9;}
.wfSignFlowWriteNR tr td span.markReturnS {background: #ffb703;}
.wfSignFlowWriteNR tr td span.markDecideS {background: #ec594e;}


/*전자결제 게시판 링크 방문후 글씨 색 변겯*/
.workflowWrap .workflowTable2 tr a:visited,
.workflowWrap .workflowTable2 tr a:visited span{color: #1963bf !important;}

.btlWrap .workflowTable3 tr .workflowName3:visited,
.btlWrap .workflowTable3 tr .workflowName3:visited span{color: #1963bf !important;}
.btlWrap .workflowTable3 tr .workflowName3:active,
.btlWrap .workflowTable3 tr .workflowName3:active span{color: #1963bf !important;}



/*힘찬톡 사용 안내 팝업 화면*/
body:has(>div>.popupHimchanWrap1){display: flex;}
.popupHimchanWrap2 h1{ color:#3E3A71;}
.popupColorMain{color: #3E3A71; font-weight: bold;}
.popupColorAccent{color: #E98949;}
.popupInfo .popupColorMain{display: block;}
div:has(>.popupHimchanWrap1){width: 100%; min-width: 840px; min-height: 640px; box-shadow: 0 0 0 20px #8886CF; background-color: #fff; padding: 10px; margin: 20px;}
.popupHimchanWrap1{height: 100%; box-shadow: 0 0 0 2px #8886CF; background-color: #fff; display: flex;}
.popupHimchanWrap2{width: 718px; margin: auto; padding-top:30px; padding-bottom: 30px; }
.popupHimchanWrap2 header{text-align: center;}
.popupHimchanWrap2 header h1,
.popupHimchanWrap2 header h1 span{font-size: 45px; font-family: NanumGothic; font-weight: 800; letter-spacing: -2.2px; line-height: 1.45em;}
.popupHimchanWrap2 header div{margin-top: 6px; font-size: 18px; font-family: NanumGothic; line-height: 1.45em;}
.popupHimchanWrap2 header div span{font-size: 18px; font-family: NanumGothic; font-weight: bold; line-height: 1.45em;}
.popupHimchanWrap2 div,
.popupHimchanWrap2 div span{font-size: 18px; font-family: NanumGothic; line-height: 1.45em;}
.popupHimchanWrap2 a div{ color:#fff; font-size: 24px;}       
.popupSetupTitle{width: 100px; height: 14px; position: relative; top:14px; margin: 0 auto; text-align: center; background-color: #fff;}
.popupSetupWrap{margin-top: 14px; padding-top: 32px; padding-bottom: 15px; padding-left: 41.5px; padding-right: 41.5px; box-shadow: 0 0 0 1.5px #3E3A71; display: flex; align-items: top;}
.popupDownloadWrap{margin: 0 auto; text-align: center;}
.popupDownloadWrap a{display: block;}
.popupDownloadWrap span b{font-size: 22px;}
.popupDownloadWrap .popupBtn{margin-top:3px; margin-bottom:8px; width: 134px; height: 134px; background-color: #E98949; }
.popupDownloadWrap .popupBtn div{padding-top:11px;}
.downloadBtnImg{width:25px; height: 25px; display: block; margin: 10px auto 0 auto; background: url(../[TPH_Vimages]/ico_download.svg) 0px 0px no-repeat; background-size: 25px auto;}
.aosQrImg{display: block; width:142px; height: 142px; margin: 0px auto 5px auto; background:  url(../[TPH_Vimages]/qr_himchantalk_aos.svg) center 0px no-repeat; background-size: 142px auto;}
.iosQrImg{display: block; width:142px; height: 142px; margin: 0px auto 5px auto; background:  url(../[TPH_Vimages]/qr_himchantalk_ios.svg) center 0px no-repeat; background-size: 142px auto;}
div:has(>.popupInfo){width: 100%; margin-top: 20px; margin-bottom: 25px; display: flex; }
.popupInfo{width:270px; display: inline-block; margin: 0 auto}
.popupGuide .popupBtn{height: 34px; padding-top:6px; padding-bottom:6px;  background-color:#E98949; display: flex;}
.popupGuide .popupBtn div{margin: 0 auto; width: 100%; height: 46px;}
.popupGuide .popupBtn div:after{content:""; display: inline-block; width:23px; height: 20px; background: url(../[TPH_Vimages]/ico_circle_arrow.svg) 3px 0px no-repeat; background-size: 20px auto;}
.popupBtn div{font-weight: bold; text-align: center;}
.popupBtn:hover {text-decoration-line: none; background-color: #E5640E; box-shadow: 0 0 0; transition:0.2s; box-shadow: 2px 3px 6px rgba(0,0,0,0.3);}
.popupBtn:hover div {font-size: 26px; transition:0.2s;}

/*사용자 등록정보-힘찬톡*/
.userRegistInfo { height: initial;}
.userRegistInfo .subTitle { border-bottom: none;}
.userRegistInfo .workflowTab li {max-width: 120px;}
.userRegistInfo .userRegistTab {display: flex;}
.messengerWrap.userRegistInfo .anoteUserBox .workflowRead .userRegistTab .noteReceiveTable tr th{white-space:normal !important; word-break: keep-all; min-width:42px; width: 50px !important;}
.messengerWrap.userRegistInfo .anoteUserBox .workflowRead .userRegistTab .noteReceiveTable tr td{padding: 5px 10px; min-width: 70px; word-break:break-all;}
.userRegistImg {background-color: #FBFBFB; text-align: center; vertical-align: top; width: 150px;}
.userRegistImg img {width: 130px; height: 173px; margin: 5px 0;}

/*전자결재 추가 시작*/
.wfDateSelect {display: inline-block; margin-right: 10px;}
.wfDateSelect select { width: 60px;}

.btnPlus, .btnMinus {margin: 0 auto; width: 17px; height: 14px;text-align: center; display: flex; flex-direction: column; justify-content: center; border-radius:5px; padding-bottom: 4px; font-size: 14px}
.btnPlus { background-color: #666; color: #fff !important; border: 1px solid #4a4a4a; font-weight: bolder; font-size: 16px}
.btnMinus { background-color: #bbb; color:#fff !important; border: 1px solid #999; font-weight: bold; }
.greenCell .btnPlus {display: inline-block; line-height: 14px; margin-left: 5px;}

td:has(>a.btnPlus),
td:has(>a.btnMinus){padding: 0px !important;}
.btnPlus:hover,
.btnMinus:hover { text-decoration: none;}

#custombody3 tr th,
#custombody3 tr td {text-align: center;}
#custombody3 .totCell td{background-color: #eee; font-weight: bold !important;}
#custombody3 .redCell,
.MsoTableGrid .redCell {background-color:#FDE9D9 !important;}
#custombody3 .blueCell,
.MsoTableGrid .blueCell {background-color:#C1D3FF  !important;}
#custombody3 .greenCell,
.MsoTableGrid .greenCell {background-color:#D9F9D4 !important;}
#custombody3 .skyblueCell,
.MsoTableGrid .skyblueCell{background-color:#DAEEF3 !important;}
#custombody3 .yellowCell,
.MsoTableGrid .yellowCell{background-color:yellow!important;}

@media print {
  * {-webkit-print-color-adjust: exact !important; color-adjust: exact !important;}

}
/*전자결재 추가 끝*/

/*240514 - 전자결재_기안서(구매) 에디터 테이블과 보기 페이지 테이블 모양 다른 문제 시작*/
.purchaseInner .MsoTableGrid tr td{ word-break: normal; padding: 3px !important;}
.purchaseInner .MsoTableGrid p,
.purchaseInner .MsoTableGrid th,
.purchaseInner .MsoTableGrid td,
.purchaseInner .MsoTableGrid input,
.purchaseInner .MsoTableGrid textarea,
.purchaseInner .MsoTableGrid span { font-size: 12px !important;}
/*240514 - 전자결재_기안서(구매) 에디터 테이블과 보기 페이지 테이블 모양 다른 문제 끝*/

/*결재문서 위원회직책 추가*/
.wfSignBody .pos,
.wfSignFlowWriteNL tr td.pos {border-left: none;}
.wfSignBody .pos input,
.wfSignFlowWriteNR .pos input{display: none; margin-bottom: 5px;}
.wfSignBody td:has(+.pos),
.wfSignFlowWriteNL tr td:has(+.pos) {border-right: none;}
.wfapprovalNR .pos {display: none;}

.wfPosOn .wfSignBody col:nth-child(2),
.wfPosOn .wfSignBody col:nth-child(3) { width: 23% !important;}
.wfPosOn .wfSignBody .pos,
.wfPosOn .wfSignFlowWriteNL tr td.pos {border-left: 1px solid #ccc; min-width: 50px;}
.wfPosOn .wfSignBody td:has(+.pos),
.wfPosOn .wfSignFlowWriteNL tr td:has(+.pos) {min-width: 50px;}
.wfPosOn .wfSignFlowWriteNR .pos input,
.wfPosOn .wfSignBody .pos input {display: block;}
.wfPosOn .heightNone th .wfSignNum {border-bottom: 1px solid #ccc;}
.wfPosOn .wfapprovalNR .pos {display: block; top: auto !important;}

@media only screen and (max-device-width : 767px){
  .wfPosOn .wfSignFlowWriteNR .pos:has(input) { width: 80%;}
}


.popWrap .seletePeriodBox.rightSearch{float: left;}
.popWrap .periodInner {height: 38px; margin-left: 10px;}
.popWrap .apprSearch:has(.seletePeriodBox) {height: min-content;}
.leftSearch { float: left; width: 50%; height: 100%; text-align: right;}


/*쪽지보관함 기간추가*/
.seletePeriodBox .periodSearch {width: auto;}
.seletePeriodBox.rightSearch {width: auto;}
.seletePeriodBox.rightSearch fieldset {display: flex; align-items: center;}
.seletePeriodBox .directPeriod input[type="submit"] { position: relative; min-width: 35px; height: 34px; background: url(../[TPH_Vimages]/ico_nav_cal.svg) no-repeat right 10px center; border-radius: 4px; filter: grayscale(100%); border: none !important;}  
.seletePeriod input[type="date"]::-webkit-calendar-picker-indicator,
.seletePeriod input[type="date"]::-webkit-inner-spin-button { opacity: 0; appearance: none; 
width: 35px; height: 35px;}
.messengerWrap .apprSearch:has(.seletePeriodBox) {max-width: 1000px;}
.messengerWrap .rightSearch.periodSearch.seletePeriodBox .periodInner {margin-left: 0px; margin-bottom: 10px; margin-right: 10px;}
.messengerWrap .seletePeriodBox .periodSearch {width: 100%;}
.messengerWrap .seletePeriodBox.rightSearch {width: 100%; display: flex; float: inline-end; height: auto; margin-bottom: 20px; height: max-content;}
.messengerWrap .seletePeriodBox.rightSearch fieldset {position: static; transform: none; max-width: calc(100% - 20px); float: none; width: 100%; margin: 0 auto; min-width: auto;}
.messengerWrap .noteWrap .seletePeriodBox.rightSearch fieldset, 
.messengerWrap .btlWrap .seletePeriodBox.rightSearch fieldset {margin-top: 10px;}
.messengerWrap .seletePeriodBox.rightSearch select {margin-top: 0px;}
.messengerWrap .seletePeriodBox.rightSearch .bottomSearchWord[type="text"] {width: calc(100% - 35px) !important;}
.messengerWrap .seletePeriodBox .seletePeriod input {min-width: auto; background-size: 15px;}  
.messengerWrap .seletePeriodBox .seletePeriod .bottomSearchWord[type="text"] {margin-top: 0px;}
.messengerWrap .seletePeriodBox .periodInner {width: 100%;}
.messengerWrap .seletePeriodBox.rightSearch fieldset.perSelete {max-width: calc(100% - 60px); margin: 0 auto; margin-top: 20px;}
.messengerWrap .seletePeriodBox.rightSearch fieldset.directPeriod {max-width: calc(100% - 60px); padding: 0px; display: inline-block;}
.messengerWrap .seletePeriodBox.rightSearch .directPeriod.perSelete {max-width: calc(100% - 60px);}
.messengerWrap .seletePeriodBox.rightSearch fieldset.perSelete select{width: 100%; margin-top: 6px;}
.messengerWrap .seletePeriodBox .periodInner {margin-top: 0px; display: flex; flex-direction: row-reverse; margin-bottom: 10px; margin-right: 0px;}
.messengerWrap .seletePeriodBox .periodInner input[type="text"] {width: calc(100% - 35px); text-align: center; min-width: auto;}
.messengerWrap.seletePeriodBox > fieldset input[type="text"] {width: calc(100% - 35px);}
  
.messengerWrap .periodInner {height: auto; margin: 0px;}  
.messengerWrap .seletePeriodBox > fieldset {margin-top: 0px; margin-bottom: 10px;}  
.messengerWrap .seletePeriodBox.rightSearch {margin-bottom: 0px;}
.messengerWrap .seletePeriodBox.rightSearch fieldset.perSelete {margin: 0px;}
.messengerWrap  .seletePeriodBox.rightSearch fieldset.directPeriod {max-width: calc(100% - 40px);}
.messengerWrap .rightSearch.periodSearch.seletePeriodBox > fieldset {width: calc(100% - 180px); margin-left: 0px; margin-right: 0px; max-width: 100%; margin-top: 0px; margin-bottom: 10px; display: inline-block;}
.messengerWrap .rightSearch.periodSearch.seletePeriodBox .directPeriod input[type="text"] {}
.messengerWrap .seletePeriodBox.rightSearch select {width: 80px;}
.messengerWrap .seletePeriodBox.rightSearch fieldset.perSelete select {min-width: 80px;}

.note_receive_list .leftBtn.BtnWidth20 {width: auto !important;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {
  .popWrap .seletePeriodBox.rightSearch { display: flex; flex-wrap: wrap; padding-bottom: 10px;}
  .popWrap .periodInner {margin-left: 0px;}
}
@media only screen and (max-device-width : 767px){
  .seletePeriodBox {flex-direction: column;}
  .seletePeriodBox .periodSearch {width: 100%;}
  .seletePeriodBox.rightSearch {width: 100%; display: flex; float: inline-end; height: auto; margin-bottom: 20px; height: max-content; flex-direction: column-reverse;}
  .seletePeriodBox.rightSearch fieldset {position: static; transform: none; max-width: calc(100% - 20px); float: none; width: 100%; margin: 0 auto; min-width: auto; margin-bottom: 10px;}
  .noteWrap .seletePeriodBox.rightSearch fieldset, 
  .btlWrap .seletePeriodBox.rightSearch fieldset {margin-top: 10px;}
  .seletePeriodBox.rightSearch select {margin-top: 0px;}
  .seletePeriodBox.rightSearch .bottomSearchWord[type="text"] {width: calc(100% - 35px) !important;}
  .seletePeriodBox .seletePeriod input {min-width: auto; background-size: 15px;}  
  .seletePeriodBox .seletePeriod .bottomSearchWord[type="text"] {margin-top: 0px;}
  .seletePeriodBox.rightSearch fieldset.perSelete {width: calc(100% - 230px); margin: 0 auto; margin-top: 0px;}
  .seletePeriodBox.rightSearch fieldset.directPeriod {max-width: calc(100% - 60px); padding: 0px; margin: 0px;}
  .seletePeriodBox.rightSearch .directPeriod.perSelete {max-width: calc(100% - 60px);}
  .seletePeriodBox.rightSearch fieldset.perSelete select{width: 100%; margin-top: 6px; min-width: 60px;}
  .seletePeriodBox .periodInner { margin-top: 20px; display: flex; flex-direction: row-reverse; align-items: center; border-radius: 50px;}
  .seletePeriodBox .periodInner input[type="text"] {width: calc(100% - 35px); text-align: center; min-width: auto;}
  .seletePeriodBox > fieldset input[type="text"] {width: calc(100% - 35px);}

  .popWrap .periodInner {height: auto; margin: 0px;}  
  .popWrap .seletePeriodBox > fieldset {margin-top: 0px; margin-bottom: 10px;}  
  .popWrap .seletePeriodBox.rightSearch {margin-bottom: 0px; flex-direction: column;}
  .popWrap .seletePeriodBox.rightSearch fieldset.perSelete {margin-top: 10px;}
  .popWrap  .seletePeriodBox.rightSearch fieldset.directPeriod {max-width: calc(100% - 40px);}
  .seletePeriodBox.rightSearch {width: 100%;}

  .anoteUserBox .anoteUseList {height: calc(100vh - 300px);}
}

/*서명란*/
.rgiSignWrap { display: flex; justify-content: flex-end; align-items: flex-end; padding: 20px;}
.signNameWrap { margin-right: 10px; text-align: left;}
.emplSignName { margin-top: 5px; font-size: 16px; font-weight: bold; }
.regiSignSectInnerEmpl { position: relative; display: inline-block; width: 100%; max-width: 300px; min-height: 100px; border: 1px solid #555; background: #fff; flex-shrink: 0; }
.regiSignSectInnerEmpl .pad { width: 100%; }
.regiSignSectInnerEmpl a.btnClear { position: absolute; right: -1px; bottom: -1px; width: 50px; padding: 3px 8px; box-sizing: border-box; text-align: center; color: #fff; background: #6f6f6f;}
.emplSignTitle { display: block; text-align: center; background: #f1f1f1; padding: 6px;}