/** 공통 */
.ATCtl
{
  position:absolute;
  width:100%;
  height:1px;
  margin:0px;
  padding:0px;
  border:0px;
  opacity:0;
}
.ctl_inp
{
  width:0px;
  height:0px;
  margin:0px;
  padding:0px;
  border:0px;
}
.ctlEdit_S
{
  position:relative;
  height:34px;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  overflow:hidden;
  justify-content:flex-end;
  padding-left:5px;
}
.ctlEdit_M
{
  position:relative;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  overflow:auto;
  justify-content:flex-end;
}
.ctlEdit_M_LS
{
  margin:5px 10px;
  overflow:auto;
}
.ctlEdit_LS
{
  white-space:nowrap;
  align-items:center;
  padding:3px 0;
  border:3px solid rgba(255, 255, 255, 0.0);
}

/** 사용자 컨트롤 */
.ctlUser_Edit_S
{
  height:29px;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  overflow:hidden;
}
.ctlUser_Edit_M
{
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  overflow:auto;
}
.ctlUser_Edit_M_LS
{
  margin:5px 10px;
  overflow:auto;
}
.ctlUser_LS
{
  white-space:nowrap;
  align-items:center;
  padding:2px 0;
  border:3px solid rgba(255, 255, 255, 0.0);
}
/** 사용자 컨트롤 */

/** 부서 컨트롤 */
.ctlDept_Edit_S
{
  height:29px;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  overflow:hidden;
}
.ctlDept_Edit_M
{
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  overflow:auto;
}
.ctlDept_Edit_M_LS
{
  margin:5px 10px;
  overflow:auto;
}
.ctlDept_LS
{
  white-space:nowrap;
  align-items:center;
  padding:3px 0;
  border:3px solid rgba(255, 255, 255, 0.0);
}
/** 부서 컨트롤 */

/** 달력 컨트롤 */
.ctlDateBox
{
  height:38px;
  border:1px solid #ddd;
  border-radius:6px;
  align-items:center;
  background:#fff;
}
.ctlDate
{
  margin-left:10px;
  border:0;
  width:70px;
  height:23px;
}
.ctlDate:focus { outline:none; }
.ctlDateBtn
{
  margin-left:5px;
  margin-right:10px;
  font-size:1.25em;
  cursor:pointer;
  font-family:"Font Awesome 6 Pro";
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  text-rendering:auto;
  line-height:1;
  color: #333;
}
.ctlDateBtn::before { content:"\f133"; }
.ctlDate_Popup_Cmd
{
  align-items:center;
  margin-top:0;
  justify-content:space-between;
}
.ctlDate_Popup_Btn01
{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px 9px;
  text-align:center;
  border:1px solid #ddd;
  border-radius:4px;
  font-size:15px;
  cursor:pointer;
  background:#f1f1f6;
}
.ctlDate_Popup_Btn01 i { vertical-align:sub; }
@media screen and (min-width:0\0)
{
  .ctlDate_Popup_Btn01 i { vertical-align:middle; }
}
.ctlDate_Popup_Btn01:hover { border:1px solid #bbb; }
.ctlDate_Popup_Btn01:hover i { color:#fe4957; }

.ctlDate_Popup_Btn02
{
  width:28px;
  height:28px;
  text-align:center;
  border:1px solid #ddd;
  border-radius:4px;
  cursor:pointer;
  background:#f1f1f6;
}
.ctlDate_Popup_Btn02 i { vertical-align:sub; }
@media screen and (min-width:0\0)
{
  .ctlDate_Popup_Btn02 i { vertical-align:middle; }
}
.ctlDate_Popup_Btn02:hover { border:1px solid #bbb; }
.ctlDate_Popup_Btn02:hover i { color:#fe4957; }

.ctlDate_Popup_SelBox01
{
  border:1px solid rgba(255, 255, 255, 0.0);
  border-radius:4px;
  outline:none;
  font-size:18px;
  font-weight:500;
}
.ctlDate_Popup_SelBox02
{
  height:40px;
  border:1px solid rgba(255, 255, 255, 0.0);
  border-radius:4px;
  outline:none;
  font-weight:500;
}
.ctlDate_Popup_W, .ctlDate_Popup_D
{
  justify-content:space-between;
}
.ctlDate_Popup_W div
{
  width:40px;
  text-align:center;
  font-size:14px;
  padding:7px 0;
}
.ctlDate_Popup_D div
{
  width:40px;
  text-align:center;
  font-size:13px;
  padding:7px 0;
  border-radius:6px;
}
.ctlDate_Popup_W1 { color:#ed0000; }
.ctlDate_Popup_W7 { color:#65ac99; }
.ctlDate_Popup_HD { background:#f8f8f8; }
.ctlDate_Popup_D div:hover
{
  cursor:pointer;
  background:#ebebeb;
  border-radius:6px;
}
.ctlDate_Popup_DD
{
  color:#bfc2c7;
}
/** 달력 컨트롤 */

/** 색상선택 컨트롤 */
.ctlColorBox
{
  height:29px;
  border:1px solid #ccc;
  border-radius:6px;
  align-items:center;
  background:#fff;
}
.ctlColorView
{
  margin-left:10px;
  font-size:1.25em;
}
.ctlColorInput
{
  width:100%;
  border:0;
  text-align:center;
  margin-left:5px;
}
.ctlColorBtn
{
  margin-left:5px;
  margin-right:10px;
  font-size:1.25em;
  cursor:pointer;
}
.ctlColor_Popup_Div { margin-top:10px; padding:0 15px; }
.ctlColor_Popup_view
{
  border:1px solid #c1c1c1;
  width:100px;
  height:50px;
}
.ctlColor_Popup_Readonly
{
  height:19px;
  border:1px solid #ccc;
  border-radius:6px;
  background-color:#eee;
  outline:none;
}
.ctlColor_Popup_Inpput
{
  width:40px;
  height:19px;
  border:1px solid #ccc;
  border-radius:6px;
  outline:none;
}
.ctlColor_Popup_Line
{
  border:1px solid #c1c1c1;
  margin:5px 0px;
}
.ctlColor_Popup_Color64View
{
  justify-content:center;
  flex-wrap:wrap;
}
.ctlColor_Popup_Color64
{
  flex-basis:11%;
  height:25px;
  cursor:pointer;
  border:1px solid #ccc;
  margin:1px;
}
.ctlColor_Popup_R
{
  width:255px;
  height:30px;
  background:linear-gradient(to right, #000000 0%, #ff0000 100%);
  cursor:pointer;
}
.ctlColor_Popup_G
{
  width:255px;
  height:30px;
  background:linear-gradient(to right, #000000 0%, #00ff00 100%);
  cursor:pointer;
}
.ctlColor_Popup_B
{
  width:255px;
  height:30px;
  background:linear-gradient(to right, #000000 0%, #0000ff 100%);
  cursor:pointer;
}
.ctlColor_Popup_A
{
  width:255px;
  height:30px;
  background:linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 9%, rgba(0,0,0,0.1) 9%, rgba(0,0,0,0.1) 18%, rgba(0,0,0,0.2) 18%, rgba(0,0,0,0.2) 27%, rgba(0,0,0,0.3) 27%, rgba(0,0,0,0.3) 36%, rgba(0,0,0,0.4) 36%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0.5) 54%, rgba(0,0,0,0.6) 54%, rgba(0,0,0,0.6) 63%, rgba(0,0,0,0.7) 63%, rgba(0,0,0,0.7) 72%, rgba(0,0,0,0.8) 72%, rgba(0,0,0,0.8) 81%, rgba(0,0,0,0.9) 81%, rgba(0,0,0,0.9) 90%, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%);
  cursor:pointer;
}
.ctlColor_Popup_R_ToolTip,
.ctlColor_Popup_G_ToolTip,
.ctlColor_Popup_B_ToolTip,
.ctlColor_Popup_A_ToolTip
{
  width:1px;
  height:25px;
  position:relative;
}
.ctlColor_Popup_ToolTipBody
{
  position:relative;
  background-color:#fff;
  border:1px solid #aaa;
  padding:4px 0;
  width:28px;
  text-align:center;
  top:-10px;
  left:-15px;
  color:#000;
  border-radius:6px;
}
.ctlColor_Popup_ToolTipArr
{
  position:relative;
  color:#aaa;
  top:-3px;
  left:-3px;
}
/** 색상선택 컨트롤 */

/** 체크박스 컨트롤 */
.ctlChk_sel
{
  display:none;
  border-radius:6px;
  margin-top:-31px;
  position:absolute;
  background:#fff;
  overflow:auto;
}
.ctlChkbox_item
{
  margin:5px;
  white-space:nowrap;
  flex-grow:0;
  flex-shrin:100%;
  cursor:pointer;
  align-items:center;
  display:flex;
  flex-direction:row;
}
/** 체크박스 컨트롤 */

/** 라디오박스 컨트롤 */
.ctlRadioItem { margin-right:10px; cursor:pointer; }
/** 라디오박스 컨트롤 */

/** 그룹관리 컨트롤 */
.ctlGroupCnd
{
  display:flex;
  flex-direction:column;
  flex-grow:0;
  flex-shrink:1;
  flex-basis:100%;
  overflow:auto;
  border:1px solid #ccc;
  border-radius:6px;
}
.ctlGroupItem
{
  padding:3px 0;
  border:3px solid rgba(255, 255, 255, 0.0);
  flex-grow:0;
  flex-shrink:0;
  flex-basis:auto;
  white-space:nowrap;
  align-items:center;
}
/** 그룹관리 컨트롤 */

/** 첨부파일 컨트롤 */
.ctlFile_LS
{
  border-radius:6px;
  overflow:auto;
  padding:0 10px;
}
.ctlFile_TR
{
  align-items:center;
  justify-content:center;
}
.ctlFile_Txt
{
  align-items:center;
  justify-content:center;
}
.ctlFile_IngImg
{
  background:url('../../images/icon/fileup.gif');
  background-repeat:no-repeat;
  background-position:center center;
}
.ctlFile_Pro { font-weight:bold; color:darkred; margin-left:10px; }
.ctlFile_Tot { align-items:center; justify-content:flex-end; padding:0 5px 0 0; }
.ctlFile_TotSz { color:#940910; }
.ctlFile_Item
{
  height:22px;
  width:fit-content;
  white-space:nowrap;
  align-items:center;
  padding:2px 0;
  border:3px solid rgba(255, 255, 255, 0.0);
}
.ctlFile_ItemSz { margin-left:10px; }
/** 첨부파일 컨트롤 */

/** 코드팝업 컨트롤 */
.ctlCode_Edit_S
{
  height:29px;
  align-items:center;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  overflow:hidden;
}
.ctlCode_LS
{
  white-space:nowrap;
  align-items:center;
  padding:3px 0;
  border:3px solid rgba(255, 255, 255, 0.0);
}
.ctlCode_Edit_M_LS
{
  margin:5px 10px;
  overflow:auto;
}
/** 코드팝업 컨트롤 */

/** 전자결재 문서 */
.ctlDoc_Edit_S
{
  height:29px;
  align-items:center;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  overflow:hidden;
}

.ctlDoc_LS
{
  overflow:auto;
  border:1px solid #ccc;
  border-radius:6px;
  padding:0 10px;
}

.ctlDoc_Item
{
  padding:3px 0;
  border:3px solid rgba(255, 255, 255, 0.0);
  flex-grow:0;
  flex-shrink:0;
  flex-basis:auto;
  white-space:nowrap;
  align-items:center;
}

.ctlUL
{
  display:none;
  list-style-type:none;
  padding:0;
  margin:0;
  max-height:140px;
  overflow-y:scroll;
  overflow-x:hidden;
}

.ctlUL li
{
  border:1px solid #ddd;
  margin-top:-1px; /* Prevent double borders */
  background-color:#f6f6f6;
  padding:12px;
  text-decoration:none;
  color:black;
  display:block
}

.ctlUL li:hover:not(.header) { background-color:#eee; }

.ctlUser_select
{
  margin-top:10px;
  display:none;
  flex-direction:column;
  padding:10px;
  border:1px solid #ccc;
  background-color:#f8f8f8;
  border-radius:5px;
}

.ctlWeather_icon
{
  width:35px;
  height:35px;
  background-size:100%;
  background-position:center;
  background-repeat:no-repeat;
}
.ctlWeather_sky1{ background-image:url(../ctl/weather/img/sky1.svg); }
.ctlWeather_sky2{ background-image:url(../ctl/weather/img/sky2.svg); }
.ctlWeather_sky3{ background-image:url(../ctl/weather/img/sky3.svg); }
.ctlWeather_sky4{ background-image:url(../ctl/weather/img/sky4.svg); }
.ctlWeather_pty1{ background-image:url(../ctl/weather/img/pty1.svg); }
.ctlWeather_pty2{ background-image:url(../ctl/weather/img/pty2.svg); }
.ctlWeather_pty3{ background-image:url(../ctl/weather/img/pty3.svg); }
.ctlWeather_pty4{ background-image:url(../ctl/weather/img/pty4.svg); }
.ctlWeather_pty5{ background-image:url(../ctl/weather/img/pty5.svg); }
.ctlWeather_pty6{ background-image:url(../ctl/weather/img/pty6.svg); }
.ctlWeather_pty7{ background-image:url(../ctl/weather/img/pty7.svg); }

.ctlAddr_Edit_S
{
  height:48px;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  overflow:hidden;
}