<Button id="btn_find" text="조회" cssclass="pop_btn_search"
        top="0" right="btn_add:8" width="112" height="52" tooltiptext="CTRL+2"/>

.Button.pop_btn_search
{
  -nexa-icon : url('imagerc::/pop/ico_btn_search_l.png');
  -nexa-icon-position : left;
  -nexa-text-padding : 0px 0px 0px 6px;
  -nexa-padding : 0px 14px 0px 14px;
  -nexa-text-align : center;
  -nexa-vertical-align : middle;
  background : linear-gradient(to top,#19376B 0%,#1E4280 50%,#244F99 51%,#2C60BA 100%);
  -nexa-border : 1px solid #132B53;
  border-radius : 6px;
  color : #FFFFFF;
  font : 26px 'PretendardBold';
  cursor : pointer;
}

.Button.pop_btn_search[status=mouseover],
.Button.pop_btn_search[status=focused]
{
  -nexa-icon : url('imagerc::/pop/ico_btn_search_l.png');
  -nexa-icon-position : left;
  -nexa-text-padding : 0px 0px 0px 6px;
  -nexa-padding : 0px 14px 0px 14px;
  -nexa-text-align : center;
  -nexa-vertical-align : middle;
  background : linear-gradient(to top,#1D407C 0%,#224A91 50%,#2857A9 51%,#2F68CA 100%);
  -nexa-border : 1px solid #132B53;
  border-radius : 6px;
  color : #FFFFFF;
  font : 26px 'PretendardBold';
  cursor : pointer;
}

.Button.pop_btn_search[userstatus=pushed]
{
  -nexa-icon : url('imagerc::/pop/ico_btn_search_l.png');
  -nexa-icon-position : left;
  -nexa-text-padding : 0px 0px 0px 6px;
  -nexa-padding : 0px 14px 0px 14px;
  -nexa-text-align : center;
  -nexa-vertical-align : middle;
  background : linear-gradient(to top,#152F5B 0%,#1A3970 50%,#204688 51%,#2857A9 100%);
  -nexa-border : 1px solid #132B53;
  border-radius : 6px;
  color : #FFFFFF;
  font : 26px 'PretendardBold';
  cursor : pointer;
}

.Button.pop_btn_search[status=disabled]
{
  -nexa-icon : url('imagerc::/pop/ico_btn_search_l.png');
  -nexa-icon-position : left;
  -nexa-text-padding : 0px 0px 0px 6px;
  -nexa-padding : 0px 14px 0px 14px;
  -nexa-text-align : center;
  -nexa-vertical-align : middle;
  background : linear-gradient(to top,#19376B 0%,#1E4280 50%,#244F99 51%,#2C60BA 100%);
  -nexa-border : 1px solid #132B53;
  border-radius : 6px;
  color : #FFFFFF;
  font : 26px 'PretendardBold';
  cursor : default;
  opacity : 0.4;
}

<Button id="btn_start" text="작업시작" cssclass="bottom_type3_green" width="180" height="72"/>

.Button.bottom_type3_green
{
  -nexa-text-align : center;
  -nexa-vertical-align : middle;
  -nexa-border : 1px solid #1C634C;
  background : linear-gradient(to top,#237B5E 0%,#288F6D 50%,#2FA77F 51%,#38C797 100%);
  border-radius : 6px;
  color : #FFFFFF;
  font : 26px 'PretendardBold';
  box-shadow : 0px;
  letter-spacing : -1px;
}

.Button.bottom_type3_green[status=mouseover],
.Button.bottom_type3_green[status=focused]
{
  -nexa-border : 1px solid #1C634C;
  background : linear-gradient(to top,#278B6A 0%,#2D9F79 50%,#34B78B 51%,#48CBA0 100%);
}

.Button.bottom_type3_green[userstatus=selected],
.Button.bottom_type3_green[userstatus=pushed]
{
  -nexa-border : 1px solid #1C634C;
  background : linear-gradient(to top,#237B5E 0%,#288F6D 50%,#2FA77F 51%,#38C797 100%);
  opacity : 0.8;
}

.Button.bottom_type3_green[status=disabled]
{
  opacity : 0.4;
}

<Cell col="9" text="삭제" displaytype="buttoncontrol" edittype="button" cssclass="red"/>

.Grid.pop_list_grid .body .row .cell .cellbutton
{
  font : 16px 'PretendardBold';
  color : #1E293B;
  -nexa-border : 1px solid #CBD5E1;
  border-radius : 6px;
  background : #FFFFFF;
  -nexa-padding : 7px 8px 8px 7px;
}

.Grid.pop_list_grid .body .row .cell .cellbutton[status=mouseover],
.Grid.pop_list_grid .body .row .cell .cellbutton[status=focused]
{
  font : 16px 'PretendardBold';
  color : #1E293B;
  -nexa-border : 1px solid #CBD5E1;
  border-radius : 6px;
  -nexa-padding : 0px;
  background : #F1F5F9;
}

.Grid.pop_list_grid .body .row .cell .cellbutton[userstatus=pushed]
{
  font : 16px 'PretendardBold';
  color : #1E293B;
  -nexa-border : 1px solid #CBD5E1;
  border-radius : 6px;
  -nexa-padding : 0px;
  background : #E2E8F0;
}

.Grid.pop_list_grid .body .row .cell.green .cellbutton
{
  font : 16px 'PretendardBold';
  color : #268767;
  -nexa-border : 1px solid #73C9AD;
  border-radius : 6px;
  background : #FFFFFF;
  -nexa-padding : 0px;
}

<Button id="btnPublish" text="발행" cssclass="btn_card_publish"
        left="btnReprint:10" bottom="10" height="56" right="10"/>

.Button.btn_card_publish
{
  -nexa-text-align : center;
  -nexa-vertical-align : middle;
  -nexa-icon : url('imagerc::/pop/ico_publish_on.png');
  -nexa-icon-position : left;
  -nexa-text-padding : 0px 0px 0px 8px;
  -nexa-padding : 0px;
  -nexa-border : 0px none;
  background : #1B4388;
  border-radius : 6px;
  color : #ffffff;
  font : 22px 'PretendardBold';
}

.Button.btn_card_publish[status=mouseover],
.Button.btn_card_publish[status=focused]
{
  -nexa-icon : url('imagerc::/pop/ico_publish_on.png');
  -nexa-border : 0px none;
  background : #2455A0;
  color : #ffffff;
}

.Button.btn_card_publish[userstatus=selected],
.Button.btn_card_publish[userstatus=pushed]
{
  -nexa-icon : url('imagerc::/pop/ico_publish_on.png');
  -nexa-border : 0px none;
  background : #163A75;
  color : #ffffff;
}

<Button id="Button00" text="비상호출" cssclass="emergency_btn"
        top="0" bottom="0" right="118" width="143"/>

.Button.emergency_btn
{
  background : #D93636;
  -nexa-icon : url('imagerc::/pop/emergency_bu.png');
  color : #ffffff;
  font : 22px 'PretendardBold';
  -nexa-icon-position : left;
  -nexa-padding : 0px 0px 0px 0px;
  -nexa-border : 0px none;
  border-radius : 4px;
  -nexa-text-padding : 0px 0px 0px 6px;
}

.Button.emergency_btn[status=mouseover]
{
  background : #C22E2E;
  -nexa-border : 0px none;
}

.Button.emergency_btn[userstatus=selected],
.Button.emergency_btn[userstatus=pushed],
.Button.emergency_btn[status=focused]
{
  background : #A82626;
  -nexa-border : 0px none;
}

<Button id="btn_first" cssclass="btn_list_first" width="56" height="56"/>
<Button id="btn_prev"  cssclass="btn_list_prev"  width="56" height="56"/>
<Button id="btn_next"  cssclass="btn_list_next"  width="56" height="56"/>
<Button id="btn_last"  cssclass="btn_list_last"  width="56" height="56"/>

.Button.btn_list_first
{
  -nexa-icon : url('imagerc::/pop/ico_first_l.png');
  -nexa-padding : 0px;
  -nexa-border : 2px solid #CBD5E1;
  background : #ffffff;
  border-radius : 6px;
}

.Button.btn_list_first[status=mouseover],
.Button.btn_list_first[status=focused],
.Button.btn_list_first[userstatus=selected],
.Button.btn_list_first[userstatus=pushed]
{
  -nexa-icon : url('imagerc::/pop/ico_first_l.png');
  -nexa-border : 2px solid #CBD5E1;
  background : #CBD5E1;
}

.Button.btn_move_add
{
  -nexa-icon : url('imagerc::/pop/ico_move_right_l.png');
  -nexa-padding : 0px;
  -nexa-border : 2px solid #CBD5E1;
  background : #ffffff;
  border-radius : 6px;
}

.Button.btn_move_add[status=mouseover],
.Button.btn_move_add[status=focused],
.Button.btn_move_add[userstatus=selected],
.Button.btn_move_add[userstatus=pushed]
{
  -nexa-icon : url('imagerc::/pop/ico_move_right_l.png');
  -nexa-padding : 0px;
  -nexa-border : 2px solid #CBD5E1;
  background : #CBD5E1;
  border-radius : 6px;
}

<Button id="btnEnd" text="작업종료" cssclass="btn_side_end" left="12" top="12" right="12" height="120"/>

.Button.btn_side_end
{
  -nexa-icon : url('imagerc::/pop/ico_side_end_l.png');
  -nexa-icon-position : top;
  -nexa-text-align : center;
  -nexa-vertical-align : middle;
  -nexa-text-padding : 8px 0px 0px 0px;
  -nexa-padding : 0px;
  -nexa-border : 1px solid #B8C8E2;
  background : linear-gradient(to right,#F7F9FD 0%, #EBF0F9 100%);
  border-radius : 8px;
  color : #1F3F7A;
  font : 24px 'PretendardBold';
  box-shadow : 0px 1px 3px rgba(0,0,0,0.06);
}

.Button.btn_side_end[status=mouseover],
.Button.btn_side_end[status=focused],
.Button.btn_side_end[userstatus=selected],
.Button.btn_side_end[userstatus=pushed]
{
  -nexa-icon : url('imagerc::/pop/ico_side_end_l.png');
  -nexa-border : 1px solid #9FB4D8;
  background : linear-gradient(to right,#EEF2FA 0%, #E0E8F5 100%);
  color : #1F3F7A;
}

<Edit id="edt_barcode" cssclass="pop_edit" width="250" height="46" inputmode="upper"/>

.Edit.pop_edit
{
  font : 20px 'PretendardSemiBold';
  background : #FFFFFF;
  -nexa-border : 1px solid #CBD5E1;
  color : #0F172A;
  -nexa-padding : 0px 12px 0px 12px;
  border-radius : 5px;
}

.Edit.pop_edit[status=mouseover]
{
  -nexa-border : 1px solid #94A3B8;
}

.Edit.pop_edit[status=focused]
{
  -nexa-border : 1px solid #1B4388;
}

.Edit.pop_edit[status=readonly],
.Edit.pop_edit[status=disabled]
{
  background : #F1F5F9;
  -nexa-border : 1px solid #E2E8F0;
  color : #64748B;
}

<Combo id="cmb_WKCTR" cssclass="pop_edit" width="260" height="46"
       innerdataset="gds_wkctr" codecolumn="CODE" datacolumn="CODE_NAM" index="-1"/>

.Combo.pop_edit
{
  background : #FFFFFF;
  -nexa-border : 1px solid #CBD5E1;
  border-radius : 5px;
}

.Combo.pop_edit[status=mouseover]
{
  -nexa-border : 1px solid #94A3B8;
}

.Combo.pop_edit[status=focused]
{
  -nexa-border : 1px solid #1B4388;
}

.Combo.pop_edit .comboedit
{
  font : 20px 'PretendardSemiBold';
  background : transparent;
  -nexa-border : 0px none;
  color : #0F172A;
  -nexa-padding : 0px 12px 0px 12px;
}

.Combo.pop_edit .dropbutton,
.Combo.pop_edit .dropbutton[status=mouseover],
.Combo.pop_edit .dropbutton[status=focused],
.Combo.pop_edit .dropbutton[userstatus=pushed],
.Combo.pop_edit .dropbutton[userstatus=selected],
.ComboControl.pop_edit .dropbutton
{
  -nexa-icon : url('imagerc::/pop/machine_select_bu.png') center / 24px auto;
  background : transparent;
  -nexa-border : 0px none;
}

<Calendar id="cal_SDATE" cssclass="pop_edit" width="180" height="46" dateformat="yyyy-MM-dd"/>

.Calendar.pop_edit
{
  background : #FFFFFF;
  -nexa-border : 1px solid #CBD5E1;
  color : #0F172A;
  border-radius : 5px;
}

.Calendar.pop_edit[status=focused]
{
  -nexa-border : 1px solid #1B4388;
}

.Calendar.pop_edit .calendaredit
{
  font : 20px 'PretendardSemiBold';
  background : transparent;
  color : #0F172A;
  -nexa-border : 0px none;
  -nexa-padding : 0px 0px 0px 12px;
}

.Calendar.pop_edit[status=disabled],
.Calendar.pop_edit[status=readonly]
{
  background : #F1F5F9;
  -nexa-border : 1px solid #E2E8F0;
}

<Radio id="rdo_IUD_GBN" cssclass="pop_edit" width="188" height="46" direction="vertical"
       innerdataset="innerdataset" codecolumn="codecolumn" datacolumn="datacolumn" value="I"/>

.Radio.pop_edit
{
  background : transparent;
  -nexa-border : 0px none;
}

.Radio.pop_edit .radioitem
{
  -nexa-icon : URL('imagerc::pda_rdo_WF_Radio.png');
  -nexa-text-padding : 0px 0px 0px 6px;
  font : 20px 'PretendardSemiBold';
  color : #0F172A;
}

.Radio.pop_edit .radioitem[userstatus=selected]
{
  -nexa-icon : URL('imagerc::pda_rdo_WF_Radio_S.png');
}

.Radio.pop_edit .radioitem[status=mouseover]
{
  -nexa-icon : URL('imagerc::pda_rdo_WF_Radio_O.png');
}

<Combo id="Combo00" cssclass="machine_select" left="0" top="0" width="400" bottom="0"
       innerdataset="ds_machine" codecolumn="CODE" datacolumn="NAME" index="0"/>

.Combo.machine_select
{
  background : #ffffff;
  color : #0F172A;
  font : 24px 'PretendardBold';
  -nexa-border : 1px solid #E2E8F0;
  border-radius : 4px;
}

.Combo.machine_select[status=focused],
.Combo.machine_select[status=mouseover]
{
  -nexa-border : 1px solid #E2E8F0;
}

.Combo.machine_select .dropbutton
{
  -nexa-icon : url('imagerc::/pop/machine_select_bu.png') center / 24px auto;
}

<Button id="btn_7" text="7" cssclass="pop_pad_key" width="96" height="72"/>

.Button.pop_pad_key
{
  -nexa-text-align : center;
  -nexa-vertical-align : middle;
  background : linear-gradient(to top,#DCE4EE 0%,#E4EAF2 50%,#F1F5F9 51%,#FFFFFF 100%);
  -nexa-border : 1px solid #94A3B8;
  border-radius : 8px;
  color : #1E293B;
  font : 26px 'PretendardBold';
  cursor : pointer;
}

.Button.pop_pad_key[status=mouseover],
.Button.pop_pad_key[status=focused]
{
  font : 26px 'PretendardBold';
  background : linear-gradient(to top,#D3DDE9 0%,#DCE4EE 50%,#EAF0F6 51%,#F8FAFC 100%);
  -nexa-border : 1px solid #64748B;
}

.Button.pop_pad_key[userstatus=pushed]
{
  font : 26px 'PretendardBold';
  background : #DBE7F8;
  -nexa-border : 1px solid #2455A0;
}

.Button.pop_pad_key[status=disabled]
{
  font : 26px 'PretendardBold';
  cursor : default;
  opacity : 0.4;
}

<Static id="sta_COIL_LOT" text="코일 LOT" cssclass="pop_info_label" left="10" top="71" width="200" height="47"/>
<Edit   id="edt_COIL_LOT" cssclass="pop_info_value" left="sta_COIL_LOT:0" top="71" right="10" height="47" readonly="true"/>

.Static.pop_info_label
{
  color : #64748B;
  font : 20px 'PretendardSemiBold';
  -nexa-text-align : left;
  -nexa-vertical-align : middle;
  -nexa-padding : 0px 12px 0px 12px;
  -nexa-border : 0px none, 0px none, 1px solid #E2E8F0, 0px none;
}

.Edit.pop_info_value,
.MaskEdit.pop_info_value
{
  color : #0F172A;
  font : 20px 'PretendardSemiBold';
  background : #EEF4FC;
  -nexa-padding : 0px 12px 0px 12px;
  -nexa-border : 0px none, 0px none, 2px solid #1B4388, 0px none;
}

.Edit.pop_info_value[status=mouseover],
.MaskEdit.pop_info_value[status=mouseover]
{
  background : #EEF4FC;
  -nexa-border : 0px none, 0px none, 2px solid #2455A0, 0px none;
}

.Edit.pop_info_value[status=focused],
.MaskEdit.pop_info_value[status=focused]
{
  background : #E3ECFA;
  -nexa-border : 0px none, 0px none, 3px solid #2455A0, 0px none;
}

.Edit.pop_info_value[userstatus=nulltext],
.MaskEdit.pop_info_value[userstatus=nulltext]
{
  color : #94A3B8;
}

<CheckBox id="chk_END" text="소진" cssclass="pop_info_chk" height="47"/>

.CheckBox.pop_info_chk
{
  -nexa-icon : url('imagerc::/pop/pop_chk_off_l.png');
  -nexa-text-padding : 0px;
  -nexa-padding : 0px 0px 0px 12px;
  -nexa-border : 0px none, 0px none, 1px solid #E2E8F0, 0px none;
}

.CheckBox.pop_info_chk[status=mouseover]
{
  -nexa-icon : url('imagerc::/pop/pop_chk_off_l.png');
}

.CheckBox.pop_info_chk[userstatus=selected],
.CheckBox.pop_info_chk[status=mouseover][userstatus=selected]
{
  -nexa-icon : url('imagerc::/pop/pop_chk_on_l.png');
}

<Div id="divLeft" cssclass="pop_card" left="10" top="10" width="49%" bottom="10">
  <Layouts><Layout>
    <Static id="stcIcon"  cssclass="pop_card_ico" left="20" top="21" width="28" height="28"/>
    <Static id="stcTitle" text="현재 코일 정보" cssclass="pop_card_title" left="0" top="0" right="0" height="70"/>
  </Layout></Layouts>
</Div>

.Div.pop_card_form
{
  background : #ECF1F9;
  border-radius : 10px;
}

.Div.pop_card
{
  background : #ffffff;
  border-radius : 10px;
  -nexa-border : 1px solid #E2E8F0;
}

.Div.pop_grid_card
{
  background : #ffffff;
  border-radius : 10px;
  -nexa-border : 1px solid #E2E8F0;
}

.Static.pop_card_title
{
  color : #0F172A;
  font : 20px 'PretendardBold';
  -nexa-text-align : left;
  -nexa-vertical-align : middle;
  -nexa-padding : 0px 0px 0px 54px;
  -nexa-border : 0px none, 0px none, 1px solid #E2E8F0, 0px none;
}

.Static.pop_card_ico
{
  background : url('imagerc::/pop/ico_file_l.png') #ffffff no-repeat center center / 24px;
  border-radius : 4px;
  -nexa-border : 1px solid #E2E8F0;
}

.Static.pop_card_ico.list
{
  background : url('imagerc::/pop/ico_list_l.png') #ffffff no-repeat center center / 24px;
  -nexa-border : 1px solid #E2E8F0;
}

.Static.pop_card_ico.job
{
  background : url('imagerc::/pop/ico_job_l.png') #ffffff no-repeat center center / 24px;
  -nexa-border : 1px solid #E2E8F0;
}

<Grid id="grd_marking" cssclass="pop_list_grid" autofittype="col" scrollbarsize="40" binddataset="ds_list">
  <Formats><Format id="default">
    <Columns><Column size="130"/><Column size="160"/><Column size="240"/><Column size="100"/></Columns>
    <Rows><Row size="56" band="head"/><Row size="56"/></Rows>
    <Band id="head"><Cell text="상태"/><Cell col="1" text="작업지시"/>…</Band>
    <Band id="body">
      <Cell text="bind:STATUS_NM" cssclass="expr:STATUS=='N' ? 'dot_ok' : (STATUS=='W' ? 'dot_warn' : 'dot_stop')"/>
      <Cell col="1" text="bind:WO_NO"/>…
    </Band>
  </Format></Formats>
</Grid>

.Grid.pop_list_grid
{
  background : transparent;
  border-radius : 10px;
  -nexa-border : 0px none;
}

.Grid.pop_list_grid .head .row .cell
{
  color : #64748B;
  font : 20px 'PretendardSemiBold';
  background : transparent;
  -nexa-background-odd : transparent;
  -nexa-border : 0px none, 0px none, 1px solid #E2E8F0, 0px none;
  -nexa-padding : 0px;
  -nexa-text-align : center;
}

.Grid.pop_list_grid .body .row .cell
{
  color : #0F172A;
  font : 20px 'PretendardSemiBold';
  background : transparent;
  -nexa-background-odd : transparent;
  -nexa-border : 0px none, 0px none, 1px solid #E2E8F0, 0px none;
  -nexa-padding : 0px;
  -nexa-text-align : center;
}

.Grid.pop_list_grid .body .row .cell[status=mouseover]
{
  background : transparent;
  -nexa-background-odd : transparent;
}

.Grid.pop_list_grid .body .row .cell[userstatus=selected],
.Grid.pop_list_grid .body .row .cell[userstatus=selected][status=mouseover]
{
  background : #E8EFFB;
  -nexa-background-odd : #E8EFFB;
  color : #1B4388;
  font : 20px 'PretendardSemiBold';
  -nexa-border : 0px none, 0px none, 1px solid #C7D7F2, 0px none;
  -nexa-padding : 0px;
}

.Grid.pop_list_grid .summary .row .cell
{
  color : #0F172A;
  font : 20px 'PretendardBold';
  background : #F1F5F9;
  -nexa-background-odd : #F1F5F9;
  -nexa-border : 1px solid #CBD5E1, 0px none, 0px none, 0px none;
  -nexa-padding : 0px;
  -nexa-text-align : center;
}

<Grid cssclass="pop_card_grid" binddataset="ds_input">
  …
  <Band id="body">
    <Cell text="bind:GUBUN" cssclass="info_label" edittype="none"/>
    <Cell col="1" text="bind:ITEM_CD" edittype="none"/>
    <Cell col="2" text="bind:ITEM_NM" edittype="none"/>
    <Cell col="3" text="bind:QTY" cssclass="cell_input" edittype="normal" displaytype="number"/>
  </Band>
</Grid>

.Grid.pop_card_grid
{
  background : transparent;
  -nexa-border : 0px none;
}

.Grid.pop_card_grid .head .row .cell
{
  color : #64748B;
  font : 20px 'PretendardSemiBold';
  background : transparent;
  -nexa-background-odd : transparent;
  -nexa-border : 0px none, 0px none, 1px solid #E2E8F0, 0px none;
  -nexa-padding : 0px 12px 0px 12px;
  -nexa-text-align : left;
}

.Grid.pop_card_grid .body .row .cell
{
  color : #0F172A;
  font : 20px 'PretendardSemiBold';
  background : transparent;
  -nexa-background-odd : transparent;
  -nexa-border : 0px none, 0px none, 1px solid #E2E8F0, 0px none;
  -nexa-padding : 0px 12px 0px 12px;
  -nexa-text-align : left;
}

.Grid.pop_card_grid .body .row .cell[userstatus=selected],
.Grid.pop_card_grid .body .row .cell[userstatus=selected][status=mouseover]
{
  background : #E8EFFB;
  -nexa-background-odd : #E8EFFB;
  color : #1B4388;
  -nexa-border : 0px none, 0px none, 1px solid #C7D7F2, 0px none;
}

.Grid.pop_card_grid .body .row .cell.info_label
{
  color : #64748B;
}

.Grid.pop_card_grid .body .row .cell.info_label[userstatus=selected]
{
  color : #1B4388;
}

<Tab id="Tab00" cssclass="pop_cont_tab" left="10" top="85" right="10" bottom="16">
  <Tabpages>
    <Tabpage id="Tabpage1" text="원자재투입현황"/>
    <Tabpage id="Tabpage2" text="작업지시목록" cssclass="pop_grid_card"/>
  </Tabpages>
</Tab>

.Tab.pop_cont_tab .tabbuttonitem
{
  color : #64748B;
  background : transparent;
  -nexa-padding : 10px 5px 10px 5px;
  font : 22px 'PretendardBold';
  -nexa-border : 0px none;
}

.Tab.pop_cont_tab .tabbuttonitem[status=mouseover]
{
  color : #455C7C;
  background : transparent;
  -nexa-padding : 10px 5px 10px 5px;
  -nexa-border : 0px none;
}

.Tab.pop_cont_tab .tabbuttonitem[userstatus=selected],
.Tab.pop_cont_tab .tabbuttonitem[status=focused][userstatus=selected]
{
  color : #1B4388;
  background : url('imagerc::/pop/tab_cont_on_l.png') no-repeat center bottom;
  -nexa-padding : 4px 5px 16px 5px;
  font : 22px 'PretendardBold';
  -nexa-border : 0px none;
}

<Static id="Static01" text="2026-09-18 10:38" cssclass="info_date" top="0" bottom="0" right="Button00:10" width="210"/>
<Div id="Div01" cssclass="status_running" top="0" width="108" bottom="0" right="0">
  <Layouts><Layout>
    <Static id="Static00" cssclass="status_running_bu" left="18" top="24" width="8" height="8"/>
    <Static id="Static01" text="가동중" cssclass="status_running_text" left="32" top="0" bottom="0" right="0"/>
  </Layout></Layouts>
</Div>

.Div.status_running
{
  background : #12A37A;
  border-radius : 4px;
}

.Static.status_running_bu
{
  background : #ffffff;
  border-radius : 30px;
}

.Static.status_running_text
{
  color : #ffffff;
  font : 22px 'PretendardBold';
}

.Static.info_date
{
  color : #0F172A;
  -nexa-padding : 0px 0px 0px 28px;
  background : url('imagerc::/pop/date_bu_l.png') no-repeat left center / 24px auto;
  font : 20px 'PretendardBold';
}

<Static cssclass="side_ico_bell"/>     <!-- 새 알림이면 side_ico_bell_on -->
<Static cssclass="side_ico_setting"/>
<Static cssclass="side_ico_power"/>
<Div cssclass="side_theme">
  <Layouts><Layout>
    <Static cssclass="side_theme_light_on"/>   <!-- 현재 테마는 _on -->
    <Static cssclass="side_theme_dark"/>
  </Layout></Layouts>
</Div>

.Static.side_ico_bell
{
  background : url('imagerc::/pop/side_bell_l.png') no-repeat center center / 32px auto;
}

.Static.side_ico_bell_on
{
  background : url('imagerc::/pop/side_bell_on_l.png') no-repeat center center / 32px auto;
}

.Static.side_ico_setting
{
  background : url('imagerc::/pop/side_setting_l.png') no-repeat center center / 32px auto;
}

.Static.side_ico_power
{
  background : url('imagerc::/pop/side_power_l.png') no-repeat center center / 32px auto;
}

.Div.side_theme
{
  background : #E4E8EE;
  border-radius : 100px;
}

.Static.side_theme_light
{
  background : url('imagerc::/pop/theme_sun_w.png') no-repeat center center / 24px auto;
  border-radius : 30px;
}

.Static.side_theme_dark
{
  background : url('imagerc::/pop/theme_moon_l.png') no-repeat center center / 24px auto;
  border-radius : 30px;
}

.Static.side_theme_light_on
{
  background : #1B4388 url('imagerc::/pop/theme_sun_w.png') no-repeat center center / 24px auto;
  border-radius : 30px;
}

.Static.side_theme_dark_on
{
  background : #1B4388 url('imagerc::/pop/theme_moon_w.png') no-repeat center center / 24px auto;
  border-radius : 30px;
}

<Div cssclass="menu_card">
  <Layouts><Layout>
    <Static cssclass="ico_perf" width="44" height="44"/>      <!-- ico_perf · ico_prod · ico_lot · ico_doc -->
    <Static text="실적관리" cssclass="menu_card_title"/>
    <Static cssclass="menu_card_line" height="1"/>
    <Button text="작업실적등록" cssclass="menu_sub_btn" height="64"/>
    <Button text="시트 실적등록" cssclass="menu_sub_btn" height="64"/>
  </Layout></Layouts>
</Div>

.Div.menu_card
{
  background : linear-gradient(to bottom,#ffffff 0%,rgba(255,255,255,0.1) 100%);
  -nexa-border : 1px solid #E2E8F0;
  border-radius : 12px;
}

.Static.menu_card_icon
{
  background : #1B4388;
  border-radius : 6px;
}

.Static.menu_card_title
{
  color : #0F172A;
  font : bold 24px 'PretendardBold';
}

.Static.menu_card_line
{
  background : #E2E8F0;
}

.Button.menu_sub_btn
{
  background : transparent url('imagerc::/pop/pop_menu_arrow_l.png') no-repeat 95% center;
  -nexa-border : 1px solid #E2E8F0;
  border-radius : 6px;
  color : #334155;
  font : 22px 'PretendardSemiBold','Malgun Gothic';
  -nexa-padding : 16px;
  -nexa-text-align : left;
}

<Button id="btn_login" text="로그인" cssclass="pop_login_button" height="64"/>

.Button.pop_login_button
{
  background : #1B4388;
  -nexa-border : 0px none;
  font : 24px 'PretendardSemiBold';
  color : #ffffff;
  border-radius : 5px;
}

.Button.pop_login_button[status=mouseover],
.Button.pop_login_button[status=focused]
{
  -nexa-border : 0px none;
  background : #2455A0;
}

.Button.pop_login_button[userstatus=pushed]
{
  background : #2455A0;
}