@charset "utf-8";
/* CSS Document svn 1394*/
.sub_menu .sub_menu_txt {white-space:nowrap;    font-weight: 400;}
.sub_menu.tu_theme04 div.sub_menu_txt {white-space:normal;}

.popup_contents_area div.filter_column {width: 50% !important;}

/*절대값 추가 */

.mes_popup {padding-bottom:15px;}
.popup_contents_area div.filter_column {width: 50% !important; min-width:180px}
.popup_contents_area div.filter_column.column1 {width: 100% !important;}
.popup_contents_area.scroll {    overflow: auto;    overflow-x: hidden;    padding-bottom: 20px;}
.grd_inbtn:focus,
.grd_inbtn:active:focus,
.grd_inbtn.active:focus {
    outline: 0;
    outline-offset: -2px;
}
.grd_inbtn:hover,
.grd_inbtn:focus {
    color: #fff;
    text-decoration: none;
    background-color: #4874a8;
}
.grd_inbtn:active,
.grd_inbtn.active {
    outline: 0;
    background-image: none;
    /* -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); */
    /* box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); */
}
.grd_inbtn.disabled {
    color: #f2f2f2 !important;
    text-decoration: none;
    background-color: #bfbfbf !important;

}

.btn{
    padding: 3px 5px !important;
}
.min_srchbtn{
    cursor: pointer;
}
.min_srchbtn:hover{
    color: #fff;
    background: #8c8c8c;
    border: 1px solid #8c8c8c;
}
.min_srchbtn2{
    cursor: pointer;
}
.min_srchbtn2:hover{
    color: #fff;
    background: #8c8c8c;
    border: 1px solid #8c8c8c;
}

body {overflow: hidden!important;}
body.add_scroll {overflow: auto!important;}
.frame_top.tu_theme {
    background-image: url(/resources/images/IMG_202002210925356841057BmKieCHFZd4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0%;
}
/* input box  사이즈 강제적용 */
.btn_init,.btn_search { width: 110px;}
.filter_condition { width: calc(100% - 120px);}
.filter_btn_area { width: 120px;}
.input_box {width:100% !important;}
.input_box.add_searchbtn{width: calc(100% - 28px) !important;}
.input_box.filter_calendar {width: calc(50% - 8px) !important; float: left; padding-left:0px !important;text-align:center; padding-right:25px !important;}
.input_box.add_btn {width: calc(100% - 28px) !important;}
.input_box.add_txt {width: calc(100% - 90px) !important;}
.input_box.w50p {width: calc(50% - 2px)  !important;}
.input_box.w50p:last-child { margin-left:4px;}
.input_box.w80p {width: calc(100% - 28px) !important;}
.input_box.w40p {width: calc(50% - 8px) !important;}
.input_box.w30p.color_gray {width: calc(50% - 14px) !important;}
.input_box.w100p.filter_calendar {width: 100% !important;}
.input_box.float_left {width: calc(50% - 14.5px) !important;}
.input_box.qmsbtn {width: calc(100% - 70px)!important;}
.input_box.qmsbtn.w50per {width: calc(50% - 75px)!important;}
input[type=checkbox] {    margin: 2px 3px 0px 0px;    line-height: normal;    width: auto !important;}
textarea { min-height: 100%; max-height: 100%; min-width: 100%; max-width: 100%;}

.input_box.file_upload  {width: calc(100% - 90px) !important;}

.filter_input div.w40p {width: calc(50% - 8px) !important;}
.filter_input .filter_inlinebox.w40p {width:40% !important;}
.filter_input div.marginel.marginer.float_left, .filter_input div.marginel.marginer, .cal_space {text-align: center; width: 28px; margin:0 0px; display: inline-block; float: left; }
.cal_space {text-align: center; width: 16px; display: inline-block; float: left; }
.filter_input.calendartype{width: calc(100% - 100px)}


.qms_item_area.column_100per.othertype_treebox {
    height: 305px;
    border: 0 ;
}

.filter_input div.w-select {
    padding-right: 0px;
}
.filter_input .w-input {
    padding-right: 0px;
    padding-left: 5px;
}
.filter_column {
    display: flex;
    align-items: center;
    min-width:320px;
    padding:0px 0px 0px 7px!important;
}
.filter_label {
    height: auto;
    line-height: 12px;
    text-align: left;
}
.filter_label.lower {
    color: #459ad4;
}
.scroll {
    overflow: auto;
    overflow-x:hidden;
}
.scroll_max500 {
    overflow: auto;
    overflow-x:hidden;
    max-height: 500px;
}
.scroll_max345 {
    overflow: auto;
    overflow-x:hidden;
    max-height: 345px;
}
.scroll_max600 {
    overflow: auto;
    overflow-x:hidden;
    max-height: 600px;
}
.scroll_max700 {
    overflow: auto;
    overflow-x:hidden;
    max-height: 700px;
}
.cursor {
    cursor: pointer;
}

.btn_arrow {
    /*  display: inline-block;*/
    opacity: 0.8;
    color:#fff;
}
.btn_arrow:focus,
.btn_arrow:active:focus {
    outline: 0;
    outline-offset: -2px;
}
.btn_arrow:hover,
.btn_arrow:focus {
    opacity: 1.0;
    color:#fff;
    text-decoration: none;
}
.btn_arrow:active,
.btn_arrow.active {
    outline: 0;
    background-image: none;
    opacity: 0.5;
}
.btn_arrow.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.1;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.lbtn_arrow {
    /*  display: inline-block;*/
    opacity: 0.3;
    color:#fff;
}
.lbtn_arrow,
.lbtn_arrow:active:focus {
    outline: 0;
    outline-offset: -2px;
}
.lbtn_arrow:hover,
.lbtn_arrow:focus {
    opacity: 0.8;
    color:#fff;
    text-decoration: none;
}
.lbtn_arrow:active,
.lbtn_arrow.active {
    outline: 0;
    background-image: none;
    opacity: 0.5;
}
.lbtn_arrow.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.1;
    filter: alpha(opacity=10);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.menu_split{
    position: absolute !important;
    top:50px;
    left: 40px;
}

/* SCM control board */
.pwf_act.btn_link.on:hover {
    background-color: #f1e07d;
}
.pwf_act.on:hover {
    background-color: rgba(0, 89, 255, 1.0);
}
.pwf_act.off:hover {
    opacity: 0.5;
}

.qms_item_area.column_blank1 {background: #f2f2f2;}
.qms_item_area.column_blank2 {background: #f2f2f2; width: 66.66%; }

.oper_hd_tt.add_logo {

    height: 50px;
    padding-top: 0px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #001aff;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    text-align: center;
    background-image: url(/resources/images/ames_prt_logo.png);
    background-position: 0 0;
    background-size: 15%;
    background-repeat: no-repeat;
    display: block;
    padding: 0 0 0 40px;
    margin: 0 auto;
    width: 220px;

}
/*QMS 디자인 수정*/

/* QMS 초도 Form 부분 폰트 */
@font-face{
    src: local(※),
    url('/resources/fonts/InspectionXpertGDT.woff') format('woff'),
    url('/resources/fonts/InspectionXpertGDT.ttf') format('truetype');
    font-family: "inspectionxpert";
}
.inspectionXpertFont #grid5 td>div
,.inspectionXpertFont #grid7 td>div
,.inspectionXpertFont #grid8 td>div
,.inspectionXpertFont #grid9 td>div {
    font-family: inspectionxpert
}
.col-activation {
    background: #fff3e5 !important;
}
.col-disabled {
    background: #a8a8a8 !important;
}

.filter_input.qms_only {display: flex; align-items: center;}
.filter_input.qms_only.center {justify-content: space-between;}
.filter_input.qms_only.text_center {justify-content: center;}
.filter_input.qms_only.text_right {justify-content: flex-end;}
.popup_grid_set.worker_grd {height: 170px;}
.info_item_box {left:10px; top:0; transform:translate(0%, 0%);min-height: 180px;}
.qms_popup div.detail_info {height: 265px;}
.qms_popup .qms_popup_label {
    display: flex;
    align-items: center;
    line-height: 15px;
    text-align: center;
    justify-content: center;
}
.qms_popup_label.block
{display: block;}
.qms_popup {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #f2f2f2;
    top: 0;
    transform: none;
    height: 100%;
    min-height: 300px;
    min-width:700px;

}
.qms_popup div.popup_btn_area {
    height: 60px;
    margin-top: 0px;
    padding: 10px;
    line-height: 40px;
    text-align: center;
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #e9e9e9;
    border-top: 1px solid #ddd;
}
.qms_popup div.popup_btn_area {
    height: 45px;
    margin-top: 0px;
    padding: 2px;
    line-height: 40px;
    text-align: center;
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #e9e9e9;
    border-top: 1px solid #ddd;
}
.qms_popup div.qms_popup {
    position: absolute;
    width: 100%;
    background-color: #f2f2f2;
    transform: none;
    top: 0px;
}
.qms_popup div.popup_topbar {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 9999;
}

.qms_popup div.popup_contents_area{
    margin: 0px 0 0px 0;
    padding: 0px 10px 0px 10px;
    /* max-height: 630px; */
    display: block;
    position: relative;
    top: 35px;
    height: calc(100% - 80px);
    overflow: auto;
    overflow-x: hidden;
}
.qms_popup div.select_contentes_area
{
    display: block;
    position: relative;
    height: auto;
}
.qms_popup div.contentsbox {
    display: block;
    height: 100%;
    padding: 10px 0;
}
.qms_popup div.contentsbox.header-line2 {
    display: block;
    height:  calc(100% - 33px);
    padding: 10px 0;
}
.qms_popup div.form_clear {
    width: calc(100% - 0px);
    height: calc(100% + 0px);
    margin-top: 0px;
    margin-left: 0px;
}
.qms_popup div.grid_textbox {
    display: block !important;
}
.qms_popup .qms_btn, .qms_btn {
    display: flex;
    align-items: center;
    justify-content:center;
    padding:0;
}
.qms_popup .qms_btn div{
    margin-top:0px !important;
}
.qms_item_area {
    display: inline-block;
    width: 33.33%;
    height: 35px;
    float: left;
    background-color: #f7f7f7;
    /*	background-color: white;*/
}
.qms_popup div.qms_btn,.qms_popup div.qms_btn.over {cursor: pointer; background-image: linear-gradient(to top, #0c1778, #0b56b8);}
.qms_popup div.qms_btn:hover, .qms_popup div.qms_btn.over:hover {background-image: linear-gradient(#4085ed, #1a439c);}
/*결재선 */
.filter_input.qms_only.padd0 {padding:0px;border:0}
.contentsbox.paddingright_10.w30p {padding-right:10px;}

.qms_item_group_area.worker_pop {padding-right: 120px;    border: 1px solid #ddd;    border-radius: 4px;    background: #eee;position: relative;}
.qms_item_group_area.worker_pop div.qms_item_area { background: transparent;}
.qms_item_group_area.worker_pop div.qms_popup_label {background: transparent; border: 0; padding-left:10px}
.qms_item_group_area.worker_pop div.filter_input {background: transparent; border: 0;}
.qms_item_group_area.worker_pop div.btn_search_area {width: 100px;    position: absolute;    right: 5px;    top: 0px; }
.qms_item_group_area.worker_pop div.btn_search {width: 90px;    align-items: center;    text-align: center;    font-size: 12px; height: 28px; line-height: 28px; margin-top:5px;}
.qms_item_group_area.worker_pop div.btn_txt {line-height: 28px;}

.qms_item_area.h_100per {height: 100%;}

.qms_item_area.column_100per.h70px {
    height: 70px;
}
.qms_item_area.column_100per.h60px {
    height: 60px;
}
.qms_item_area.column_100per.h50px {
    height: 50px;
}
/* .popup_grid_set {    height: 148px;} */

/*Min search icon*/
.min_srchbtn div.fa-search {
    padding-top: 2px;
    font-size: 15px
}
.qms_popup .qms_formwrapper{min-width: 750px;position: relative;}

.qms_popup div.search_icon{ height: 28px;}
.aming_login_btn.google {
    cursor: pointer;
    opacity: 0.9;

}
.aming_login_btn.google:hover {
    cursor: pointer;
    opacity: 1;
}
.btn_search.setting:hover {
    color:#fff;
    opacity: 1.0;
}
.btn_search_browse:hover  {background: #596078;}


.barcod_box {margin:0 auto; width: 300px; border:0px ; /* background:#f2f2f2; */ text-align: center; height: 45px;}
.barcod_box.min { min-width: 80px; width: 95%;height: 35px;}
.page_body{padding-top:0px; padding-bottom:0px;padding: 0;}
.tt-outlile-in {height: 100%; width: 100%; border:1px solid #000;min-height: 30px;  display: flex; justify-content: center;  align-items: center;}
.tt-outlile-out {height: 100%; width: 100%; border:1px solid #000;min-height: 30px; padding: 2px 2px; display: flex;justify-content: center;align-content: space-around}
.tt-table{width: 40%; font-size: 14px; font-weight: bold;}

.oper_hd_group.hd_fix, .page_hd_space.paperless {height:260px;}
.page_footer.paperless, .page_footer_space.paperless {height: 50px;}


.justify-content-start {
    display:flex;  justify-content: flex-start!important;
}
.justify-content-end {
    display:flex; justify-content: flex-end!important;
}
.justify-content-center {
    display:flex; justify-content: center!important;
}


.filter_input.title {font-weight: bold; text-align: center; width: 100%!important; border-top:1px solid #ccc; border-right:1px solid #ccc;line-height: 32px;}


.span {
    letter-spacing: 0.5px;
    word-spacing: 5px;
}
.txt_qms.add_btn {
    width: calc(100% - 120px)!important;
    min-width: calc(100% - 120px)!important;
    max-width: calc(100% - 120px)!important;
}
.span_block {display: flex;    justify-content: start; align-items:center;line-height:16px;min-height: 16px;}

.span_chk { border:1px solid #cc723d; margin-left:5px;}
.oper_sheet .qms_popup_label {
    display: flex;
    align-items: center;
    line-height: 15px;
    text-align: center;
    justify-content: center;
    white-space: normal;
    width: 155px;
    word-break: break-word;
}
.oper_sheet .filter_input.qms_only  {
    display: flex;
    align-items: center;
    line-height: 15px;
    justify-content:start;
    white-space: normal;
    width: calc(100% - 155px);
}
/* .oper_sheet div.grid_tit {border-bottom: 1px solid #cecece;} */
.oper_sheet {
    min-width: 1020px;
    background-color: #fff;
}
.popup_btn_area.oper_btnarea.fix_top {
    position:relative ;
    left: 0px;
    top: 0px;
    z-index: 100;
    border-bottom: 1px solid #333;
    background-color: transparent;
}
.oper_hd_group {
    padding-top: 0px;
}
.oper_sheet div.contentsbox.oper_con div.grid_tit {border-bottom: 0px solid #cecece;}
/*공통적용*/
.combo_box.mandatory{border:1px solid #cc723d!important;}
.combo_box.mandatory input { background:rgb(204 114 61 / 20%)!important; }
.modal.in div.popup_icon_area .w-icon ,.modal.in div.popup_close .w-icon{line-height: 35px!important; font-size: 16px!important;}
.modal.in div.grid_icon .w-icon {line-height: 24px!important;}
.display_flex_center {
    display: flex;
    justify-content: center;
    align-content: center;

}
.top_logo_area {
    width: 210px;
}
.logo {
    min-width: 142px;
    width: 210px;
}
.top_menu_area {
    width: calc(100% - 465px);
}
.logo_tit {
    display: inline-block;
    margin-left: 10px;
    padding-right: 5px;
}

@media screen and (max-width: 767px)
{
    .logo {    display: block;}
    .w-col-2.split_h100p { max-width: 250px!important;}
}
.grid_tit{position: relative;height: 30px;    padding-left: 5px;    text-align: left;}
.grid_function{    position: absolute;    right: 0;}
.max_textarea {width:100% !important;}
.paddingt15 {padding-top:15px;}
.paddingbottom_10 {padding-bottom:10px}
.btn_assist_area div.combo_box { height:23px !important;}
input.w-input[disabled], input.w-select[disabled], textarea[disabled] {
    color: #7a7a7a;
    border:1px solid rgb(169, 169, 169);
    background:  rgba(245, 245, 245, 0.5);
}
.w10p{width: 10%;}
.w20p{width: 20%;}
.w25p{width: 25%;}
.w30p{width: 30%;}
.w33p{width: 33.33%;}
.w35p{width: 35%;}
.w40p{width: 40%;}
.w44p{width: 44%;}
.w45p{width: 45%;}
.w55p{width: 55%;}
.w56p{width: 56%;}
.w50p{width: 50%;}
.w60p{width: 60%;}
.w65p{width: 65%;}
.w66p{width: 66.66%;}
.w75p{width: 75%;}
.w80p{width: 80%;}
.w90p{width: 90%;}

.filter_label.nowrap { white-space: nowrap;    width: auto;}
.filter_input.nowrap{ width: auto; float: left;}

.filter_inlinebox:last-child {padding-right:0;}

.contentsbox {clear: both;}
.contentsbox.w33per, .contentsbox.w50per, .contentsbox.w50p, .contentsbox.w25p, .contentsbox.w30p, .contentsbox.w37p, .contentsbox.w70p, .contentsbox.w25p {clear: none;}
.filter_condition{overflow: hidden!important; overflow-x:hidden!important;  }
.filter_input{	white-space: nowrap;position: relative;}
.popup_main_btn {cursor: pointer;}
.popup_main_btn:hover {	background-image: linear-gradient(315deg, #d6d6d6, #d1d1d1);}
.popup_main_btn.ok:hover {	background-image: linear-gradient(315deg, #e36b6b, #d66767);}

.code_box_con {font-family:굴림}
body.contents_bg div.h100p {padding:0 15px 10px;}
body.contents_bg div.h100p div.h100p { padding:0 0px 0px;}
/*그리드 search 버튼*/
.aui-grid-drop-list-item-wrapper {z-index: 99999!important;}
.aui-grid-button-renderer {	padding: 4px 1em !important;}
.aui-grid-renderer-base div.search_icon.other_size {height: 23px;font-size: 12px; line-height: 19px;width:25px; cursor: pointer;}
.aui-grid-renderer-base div.min_srchbtn.other_size {height: 23px;font-size: 12px; line-height: 19px;width:25px; cursor: pointer;}
.aui-grid-renderer-base div.min_srchbtn2.other_size {height: 23px;font-size: 12px; line-height: 19px;width:25px; cursor: pointer;}
.aui-grid-renderer-base input.input_box {height: 23px; line-height: 22px}
.aui-grid-renderer-base input.input_box.add_searchbtn {width: calc(100% - 25px) !important;}
.aui-grid-info-layer {
    background: transparent !important;
    font-size: 20px;
    font-weight: bold;
}
/*Select box 스타일 강제 적용*/
.combo_box.jqx-combobox-state-normal.jqx-combobox.jqx-rc-all.jqx-widget.jqx-widget-content,
.combo_box.jqx-combobox-state-normal.jqx-combobox.jqx-rc-all.jqx-widget.jqx-widget-content.jqx-combobox-state-hover {width: calc(100% - 2px) !important;}
.jqx-combobox-content.jqx-widget-content {width: calc(100% - 27px)!important;}
.jqx-combobox-arrow-normal.jqx-fill-state-normal.jqx-rc-r {background: #F8F8F8 !important;width:29px!important;  border-left:1px solid #a5a7a7;  left:calc(100% - 29px)!important;}
/* 미카중복*/
.split_right_contents.aming_dashboard {
	width: auto !important;
    background-image: none;
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
}
.qms_popup_label {  line-height: 29px;}
.qms_item_group_area {
    display: block;
    background-color: #f2f2f2; /* KHP05.07 */
}
.status_prog {display:inline-block; background:#00b348; font-size: 12px; padding: 0px 10px ; text-align: center; color: #fff; height: 24px; border-radius: 10px;}
.status_delay {display:inline-block; background:#e02d2d; font-size: 12px; padding: 0px 10px ; text-align: center; color: #fff; height: 24px; border-radius: 10px; }
.qms_grid {height: 200px;}
.min_srchbtn {position: relative;float: left;}
.min_srchbtn2 {position: relative;float: left;}
.radio_label {max-width: 250px;}
.sub_menu_area {
    overflow: auto;
    overflow-x:hidden;
    height: calc(100% - 45px);
}
.h_calc150 {
    height: calc(100% - 150px);
    min-width: 0px;
}
.h_calc250 {
	height: calc(100% - 250px);
	min-width: 0px;
}
.h_fix150 {
    height: 150px;
    min-width: 0px;
}
.h_fix200 {
    height: 200px;
    min-width: 0px;
}
.h120px {height: 120px;}
.h_fix270{height: 270px;}
.calc120 {height:calc(100% - 120px);}
.h75p { height: 75%; }
.min_srchbtn.disable {
    border-color: #bdbdbd !important;
    background-color: #bdbdbd !important;
    color: #ededed !important;
    cursor: default !important;
}
.min_srchbtn2.disable {
    border-color: #bdbdbd !important;
    background-color: #bdbdbd !important;
    color: #ededed !important;
    cursor: default !important;
}
.qms_item_area.column_100per.h_100per {
    height: 100%;
}
/**/
.menu_icon.tu_theme08, .menu_icon.tu_theme07 {

    filter: invert(80%);

}

.menu_icon.menu01.tu_theme08,.menu_icon.menu01.tu_theme07 {
    background-image: url("/resources/images/IMG_202003121513431161186u1SCerDF6eW.png");
    display: block;
}
.menu_icon.menu02.tu_theme08, .menu_icon.menu02.tu_theme07 {
    background-image: url(/resources/images/IMG_202003121514165061187DmKdbMFelNE.png);
    display: block;
}
.menu_icon.menu03.tu_theme08, .menu_icon.menu03.tu_theme07{
    background-image: url("/resources/images/IMG_202003121515570501188GnlKC10Otze.png");
    display: block;
}
.menu_icon.menu06.tu_theme08,.menu_icon.menu06.tu_theme07 {
    background-image: url("/resources/images/IMG_202004211720348361403VRA1tgaPfre.png");
    display: block;
}
.menu_icon.menu07.tu_theme08,.menu_icon.menu07.tu_theme07 {
    background-image: url("/resources/images/IMG_202004211721217721404dnAN9ejFqTd.png");
    display: block;
}
.menu_icon.menu08.tu_theme08,.menu_icon.menu08.tu_theme07 {
    background-image: url("/resources/images/IMG_2020042117230282714068oL2saTz3vs.png");
    display: block;
}
.menu_icon.menu09.tu_theme08,.menu_icon.menu09.tu_theme07 {
    background-image: url("/resources/images/IMG_202004211723228221407rJopUWvdAP0.png");
    display: block;
}
.menu_icon.menu10.tu_theme08,.menu_icon.menu10.tu_theme07 {
    background-image: url("/resources/images/IMG_202004211724102511408Svi886bKd7z.png");
    display: block;
}
/*더보기 아이콘 변경*/
.option_menu_icon.tu_theme.user_option01 {
    min-width: 0px;
    background-image: url(/resources/images/IMG_202002201531127111044CAFMd7yqcvg.png);
}
.option_menu_icon.tu_theme.user_option02 {
    min-width: 0px;
    background-image: url(/resources/images/IMG_202002201535299401045MFSEG9wpp3h.png);
}
.option_menu_icon.tu_theme.user_option03 {
    min-width: 0px;
    background-image: url(/resources/images/IMG_202002241648203441107mvs27GxA1Cj.png);
}
.option_menu_icon.tu_theme.user_option04 {
    min-width: 0px;
    background-image: url(/resources/images/IMG_202002201535584731046epKOiTno1tg.png);
}
.option_menu_icon.user_option05 {
    margin-top: 0px;
    margin-right: 0px;
    float: left;
    background-image: none;
    background-position: left top;
    background-repeat: repeat;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    background-image: none;
}
.option_menu_icon.w-icon{
    background-image: none;
    margin:0 0;
}
.option_menu_icon.tu_theme.user_option05, .option_menu_icon.tu_theme01.user_option05  {
    background-image: none;
    color: #3b4063;
}
.option_menu_icon.tu_theme02.user_option05 {
    background-image: none;
    color: #fff;
}
.option_menu_icon.tu_theme03.user_option05 {
    background-image: none;
    color: #af3232;
}
.option_menu_icon.tu_theme04.user_option05 {
    background-image: none;
    color: #fff;
}
.option_menu_icon.tu_theme05.user_option05 {
    background-image: none;
    color: #fff;
}
.h_calc305 {
    height: calc(100% - 305px);
    min-width: 0px;
}
.h_305px {
    height: 305px;
    min-width: 0px;
}
/*필수 및 필터 라벨 오른쪽 정렬*/
.filter_label.mandatory, .filter_label {text-align: right !important; padding-right:10px; font-weight: 400;font-family: NanumGothic, serif;}
.filter_label div{display: inline; position: static; float: none;font-weight: 400;}
.icon.mandatory {display: inline;position: static;float: none; }
/*NGS 추가 클래스*/
.qms_popup .qms_popup_label.txt_left {text-align: left ; padding-left:15px;justify-items: left;  justify-content: start }

.qms_item_area.vertical div.qms_popup_label {border-right:1px solid #ccc;}
.qms_popup_label div {display: inline-block;}
.qms_item_area.vertical div.filter_input {height: calc(100% - 34px); width: 100%;}
.qms_item_area.vertical:last-child div.filter_input {border-left:0;}

.qms_popup .qms_popup_label.vertical,.qms_popup_label.vertical {width: 100%;    height: 34px; border-right:1px solid #ccc}
.filter_input.vertical{height: calc(100% - 34px); width: 100%;}

.qms_popup_label.th { font-weight: bold; background: #e7f2ff;}
.qms_popup_label.mandatory {background: #f7f7f7;}

.filter_label.w120px { width: 120px; }
.filter_input.w120px { width: calc(100% - 120px); }
.filter_label.w140px { width: 140px; }
.filter_input.w140px { width: calc(100% - 140px); }
.filter_label.w160px { width: 160px; }
.filter_input.w160px { width: calc(100% - 160px); }

/**/
.table {background: #fff; border: 1px solid #ccc;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 3px 5px !important;     word-break: break-word; text-transform: none;
}
.table>tbody>tr>th {text-align: center ;min-height:30px;}
.table-bordered {border: 1px solid #ccc !important; }
.table-bordered tr > th:last-child, .table-bordered tr > td:last-child {border-right: 1px solid #ccc !important;}

table{
    display: table;
    border-collapse: collapse;
    box-sizing: border-box;
    text-indent: initial;
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-style: normal;
    color: -internal-quirk-inherit;
    text-align: start;
    border-spacing: 0px;
    border-color: grey;
    font-variant: normal;
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

td {
    display: table-cell;
    vertical-align: inherit;
}
tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit;
}
.table>thead>tr>td.td_label, .table>tbody>tr>td.td_label{background-color: #f7f7f7;}

.table.table-line{     background: transparent;    border: none;}

.table.table-line>thead>tr>th,.table.table-line>tbody>tr>th {padding: 2px 5px!important; background:transparent; border-top: 1px solid #000 !important;}
.table.table-line>tbody>tr>td {border-top: 1px solid #000 !important;}
/* .table.table-line>tbody>tr:last-child >td {border-bottom: 1px solid #000;} */
.table.table-line>tbody>tr.underline_none >td {border-bottom: 0px solid #000 !important;}
.table-dashed {background: transparent;    border: none;}
.table.table-dashed >thead>tr>th,.table.table-dashed >thead>tr>td,.table.table-dashed>tbody>tr>th {padding: 2px 5px!important; background:transparent; border-top: 1px dashed #000 !important; border-bottom:1px dashed #000 !important;}
.table.table-dashed>tbody>tr>td {border-top: 0px dashed #000 !important;}
.table.table-dashed>thead>tr>th.line_none,.table.table-dashed>thead>tr>td.line_none,.table.table-dashed>tbody>tr>td.line_none {border-bottom: 0px dashed #000 !important;}

.txt-label {display: block; font-weight: 100;padding: 2px 5px 0px; min-height:20px; }
.txt-data { display: block; padding:  2px 5px 0px; min-height:20px;}
.txt-label.row2 {display: block;  min-height:42px; }
.txt-data.row2 { display: block; padding:  2px 5px 0px; min-height:42px;}

.txt-label.clear_both,.txt-data.clear_both {clear: both;}
.txt-label.inline,.txt-data.inline {float: left; }

.qms_item_area.sheet{ height:30px;}
.grid_area.searchcondition_line1 {
    height: calc(100% - 84px);
}
.grid_area.searchcondition_default {
    height: calc(100% - 124px);
}
.grid_area.searchcondition_line3 {
    height: calc(100% - 164px);
}
.grid_area.searchcondition_line4 {
    height: calc(100% - 204px);
}
.grid_area.searchcondition_line5 {
    height: calc(100% - 244px);
}
.grid_area.searchcondition_line6 {
    height: calc(100% - 284px);
}
/* .grid_format {
    width: calc(100% - 2px);
    height: calc(100% - 42px) !important;
    min-width: 200px;
    background-color: transparent;
} */

.grid_format {background: #eee; height:calc(100% - 50px); /* border:1px solid red;box-sizing: border-box; */}
.grid_format.grid_paging {height:calc(100% - 50px)!important; /* background:pink; border:1px solid pink;box-sizing: border-box; */}

.grid_format_half {background: #eee; height:calc(50% - 50px); /* border:1px solid red;box-sizing: border-box; */}
.grid_format_half.grid_paging {height:calc(50% - 50px)!important; /* background:pink; border:1px solid pink;box-sizing: border-box; */}

.grid_format_p100 {background: #eee; height:calc(100%); /* border:1px solid red;box-sizing: border-box; */}
.grid_format_p100.grid_paging {height:calc(100%)!important; /* background:pink; border:1px solid pink;box-sizing: border-box; */}

.grid_format_top {background: #eee; height:calc(100% - 30px); /* border:1px solid red;box-sizing: border-box; */}
.grid_format_top.grid_paging {height:calc(100% - 30px)!important; /* background:pink; border:1px solid pink;box-sizing: border-box; */}

.qms_popup .grid_format, .grid_format.notitle {height: calc(100% - 50px);}
.frame_top,.frame_side {background: #295099; }
/* .grid_area {border:1px solid blue;box-sizing: border-box; }  */

.grid_format div.aui-grid {
    /* background-image: url("/resources/images/grd_bg.png")!important; */
    /* background-color:#eee; */
    background-position: 0% 100%!important;
    background-repeat: repeat-x!important;
}
.aui-grid-paging-panel {display: block!important;left:0; bottom:0}

.aui-grid-info-layer { height: calc(100% - 100px)!important; }
/*operation sheet*/
.code_box_com {border:0px ;}
table, tr, th, td {font-size: 12px; padding:0 0;}
.table_print{ width:100%; vertical-align:top; padding:0 0;min-width:980px; font-size: 12px;}
.table_print tr td { vertical-align:top; padding:0 0;}

.page-break-before {page-break-before: always;}
.page-break-after { page-break-after: always;}
.page-break-inside {page-break-inside:auto;}
@page {
    margin: 0mm;
    size: auto;
    size: portrait;
    size: landscape;
    size: A4;
    padding:0 0;
}

@media print {

    thead {display: table-header-group;}
    tfoot {display: table-footer-group;}
    tbody {    display: table-row-group;}
    tr {display:table-row;}
    td{display:table-cell;}
    button {display: none;}
    body {margin: 0;padding:0;}
}

/* 
@page {
    size: auto;
    size: portrait;
    size: landscape;

    size: 6in; 
    size: 4in 6in;

    size: A4;
    size: B5;
    size: letter;

    size: A4 portrait;
} */

#print-head {
    display: block;
    position: fixed;
    top: 0pt;
    left:0pt;
    right: 0pt;
    text-align: center;
}

#print-foot {
    display: block;
    position: fixed;
    bottom: 0pt;
    right: 0pt;

}

#print-foot:after {
    content: counter(page);
    counter-increment: page;
}
#print-body {margin-top:140px; margin-bottom:80px;}


/* Styles go here */
/*operation sheet print*/
.page-header, .page-header-space {
    height: 100px;
    margin: 0 0;
}

.page-footer, .page-footer-space {
    height: 50px;
    margin: 0 0;
}

.page-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 0px solid black;
    background: #ffffff; /* for demo */
    padding:0 15px;
    z-index: 999;
}

.page-header {
    position: fixed;
    top: 0mm;
    width: 100%;
    border-bottom: 0px solid black;
    background: #ffffff;
    padding:0 15px;
    z-index: 999;
}

.page {
    page-break-after: always;
    padding:0 15px;
}
body.routing_sheet .page {
    padding:0 2px;
}

.page-footer .row{margin-bottom:5px;}
.page-footer .barcode_box{ margin:0 auto; }

.oper_hd_rtxt.date {clear:both;display: block; text-align: right; margin-right:10px;   }

body.proclog,body.dotted_sheet,body.oper_sheet,body.picklist,body.routing_sheet {margin:0 0px;  padding:0 0px; background-color: #fff;  }
body.oper_sheet div, body.picklist div,body.routing_sheet div{font-family:  NanumGothic, Courier New,Tahoma,Verdana ,FontAwesome,sans-serif ;  }
body.dotted_sheet th ,body.oper_sheet th ,body.picklist th ,body.routing_sheet th {font-weight: 100!important;  }

body.tool_rej .page-header, body.tool_rej .page-header-space { height: 151px }
body.tool_rej .page-footer, body.tool_rej .page-footer-space {  height: 30px}
body.tool_rej .tool_rej_logo {    width: 160px;    margin-top: 0px;    margin-right: 10px;    float:none;}
body.tool_rej.tag .page-header, body.tool_rej.tag .page-header-space { height: 184px }

body.oper_sheet div,body.oper_sheet th ,body.oper_sheet td  {font-family:  D2coding,Tahoma,Verdana ,FontAwesome,sans-serif ; font-size: 14px; }
body.oper_sheet .table-bordered tr > th:last-child, .table-bordered tr > td:last-child { border-right: none !important; }
body.oper_sheet div.oper_hd_tt{font-size: 22px!important;}
body.oper_sheet .page-header, body.oper_sheet .page-header-space  {height:220px; }
body.oper_sheet .page-footer, body.oper_sheet .page-footer-space {height: 90px;}
.oper_sheet div.grd_com, .oper_sheet div.code_box, .oper_sheet div.oper_con, .oper_sheet div.code_box_com  { min-height:0;}
.oper_sheet {padding:0 0px; }
body.oper_sheet .h100p.oper_sheet {padding:0 15px 0 10px; height: auto; background: #eaeff5;}
.opersheet_logo {    width: 180px;    margin-top: 8px;    margin-right: 10px;    float:none;}
body.oper_sheet input[type="checkbox"]:disabled:after {content: " "; background-color: #0075ff; display: inline-block; visibility: visible;}
body.oper_sheet input[type="checkbox"]:checked:disabled:after {content: "\2714"; border-radius: 3px; height: 14px; display: block;
    width: 14px; text-align: center; font-size: 10px; color: white; font-family: 'NanumGothicBold';}

body.picklist {padding:0 0px; }
body.picklist .oper_header {height: 65px; margin-top: 0px; margin-bottom: 0px;}
body.picklist div.oper_hd_tt{font-size: 22px!important;height: 35px;}
body.picklist div,body.picklist th, body.picklist td {font-size: 16px!important;}
body.picklist .page-header {padding:0px 15px 0 15px ; }
body.picklist .page-header, body.picklist .page-header-space { height: 208px }

body.proclog .page-header {padding:0px 15px 0 15px ; }
body.proclog div{font-size: 22px!important;font-family: "D2coding",serif !important; font-weight: bold; color: #000}
body.proclog .oper_header {height: 65px; margin-top: 0px; margin-bottom: 0px; z-index: 99}
body.proclog div.oper_hd_tt{font-size: 22px!important;height: 35px;padding-top:4px;}
body.proclog div,body.proclog th, body.proclog td {font-size: 18px!important;}
body.proclog .page-header, body.proclog .page-header-space { height: 64px; overflow:hidden; }
body.proclog .page-footer, body.proclog .page-footer-space {  height: 40px}
body.proclog .table>thead>tr>th, body.proclog .table>tbody>tr>th, body.proclog .table>tfoot>tr>th, body.proclog .table>thead>tr>td, body.proclog .table>tbody>tr>td, body.proclog .table>tfoot>tr>td {
    padding: 7px 5px !important;border-top: 1px solid #000 !important;border: 1px solid #000;border-right: 1px solid #000 !important;border-bottom: 0px;}
body.proclog .table-bordered {    border: 1px solid #000 !important; border-left: 2px solid #000 !important;border-right: 2px solid #000 !important;}
body.proclog .table-bordered.topline_none {border-top: 0px solid #000 !important;}

body.mcd_print .page-header {padding:0px 15px 0 15px ; }
body.mcd_print div{font-size: 20px!important; font-family: D2coding,Tahoma,Verdana,FontAwesome,sans-serif !important; font-weight: bold; color: #000; align-items: center;}
body.mcd_print .oper_header {height: 65px; margin-top: 0px; margin-bottom: 0px; z-index: 99;}
body.mcd_print div.oper_hd_tt{font-size: 22px!important;padding-top:4px;height: auto;}
body.mcd_print th, body.mcd_print td {font-size: 18px!important;}
body.mcd_print .page-header, body.mcd_print .page-header-space { height: 138px; overflow:hidden; }
body.mcd_print .page-footer, body.mcd_print .page-footer-space {  height: 40px; margin-bottom : 30px;}
body.mcd_print .table-bordered>thead>tr>th, body.mcd_print .table-bordered>tbody>tr>th, body.mcd_print .table-bordered>tfoot>tr>th, body.mcd_print .table-bordered>thead>tr>td, body.mcd_print .table-bordered>tbody>tr>td, body.mcd_print .table-bordered>tfoot>tr>td {
    padding: 7px 5px !important;border-top: 1px solid #000 !important;border: 1px solid #000;border-right: 1px solid #000 !important;border-bottom: 0px;}
body.mcd_print .table-bordered {    border: 1px solid #000 !important; border-left: 1px solid #000 !important;border-right: 1px solid #000 !important;}
body.mcd_print .table-bordered.topline_none {border-top: 0px solid #000 !important;}
body.mcd_print .routingheet_logo {    width: 50px;    height: 50px;    margin-right: 20px;}
body.mcd_print div.msg {    font-size: 16px!important;}

body.mcd_print2 .page-header {padding:0px 15px 0 15px ; }
body.mcd_print2 div{font-size: 20px!important; font-family: D2coding,Tahoma,Verdana,FontAwesome,sans-serif !important; font-weight: bold; color: #000; align-items: center;}
body.mcd_print2 .oper_header {height: 65px; margin-top: 0px; margin-bottom: 0px; z-index: 99;}
body.mcd_print2 div.oper_hd_tt{font-size: 22px!important;padding-top:4px;height: auto;}
body.mcd_print2 th, body.mcd_print2 td {font-size: 15px!important;}
body.mcd_print2 .page-header, body.mcd_print2 .page-header-space { height: 138px; overflow:hidden; }
body.mcd_print2 .page-footer, body.mcd_print2 .page-footer-space {  height: 40px; margin-bottom : 30px;}
body.mcd_print2 .table-bordered>thead>tr>th, body.mcd_print2 .table-bordered>tbody>tr>th, body.mcd_print2 .table-bordered>tfoot>tr>th, body.mcd_print2 .table-bordered>thead>tr>td, body.mcd_print2 .table-bordered>tbody>tr>td, body.mcd_print2 .table-bordered>tfoot>tr>td {
    padding: 7px 5px !important;border-top: 1px solid #000 !important;border: 1px solid #000;border-right: 1px solid #000 !important;border-bottom: 0px;}
body.mcd_print2 .table-bordered {    border: 1px solid #000 !important; border-left: 1px solid #000 !important;border-right: 1px solid #000 !important;}
body.mcd_print2 .table-bordered.topline_none {border-top: 0px solid #000 !important;}
body.mcd_print2 .routingheet_logo {    width: 50px;    height: 50px;    margin-right: 20px;}
body.mcd_print2 div.msg {    font-size: 16px!important;}
body.mcd_print2 div.img { max-width: 90%; }
.table-line.border_none>tbody>tr>td,.table-line.border_none>thead>tr>th, .table-line.border_none>tbody>tr>th  {
    border-top: 0px solid #000 !important;
}
.table-line.border_none {border-top: 1px solid #000 !important;}
.table-line.border_none.topline_none {border-top: 0px solid #000 !important;}

body.routing_sheet .page-header {padding:0px 2px 0 2px ; }
body.routing_sheet .oper_header {height: 55px; margin-top: 0px; margin-bottom: 0px; width: 100%;}
body.routing_sheet div.oper_hd_tt{font-size: 30px!important;height: 35px;padding-top:4px;}
body.routing_sheet div,body.routing_sheet th, body.routing_sheet td {font-size: 12px!important; font-weight: bold !important; line-height: 14px;}
body.routing_sheet .page-header, body.routing_sheet .page-header-space { height: 324px; overflow:hidden; }
body.routing_sheet .page-footer, body.routing_sheet .page-footer-space {  height: 120px}
body.routing_sheet .table-bordered, body.routing_sheet .table-bordered th, body.routing_sheet .table-bordered td {
    border: 1px solid #000 !important;
}
.routingheet_logo{width: 30px; height:30px; margin-right:20px;}
.prt_notice{ padding:3px 0 2px;}
.routing_sheet .table_print{min-width:650px;}

body.dotted_sheet {font-family: "D2coding",serif !important;font-size: 12px !important;}
body.dotted_sheet .page-header, body.dotted_sheet .page-header-space {  height: 170px;}
body.dotted_sheet .page-footer, body.dotted_sheet .page-footer-space {  height: 100px}
body.dotted_sheet div,body.dotted_sheet th, body.dotted_sheet td {font-size: 12px!important;}
body.dotted_sheet .page-header, body.dotted_sheet .page {padding:0px; }

.dotted_sheet .tt-table{width: 40%; font-size: 20px; font-weight: bold;}
.dotted_sheet div.oper_hd_tt{font-size: 20px!important;;}

.dotted_sheet .qms_popup_label {width: 180px;font-family: inherit;  font-size: inherit;}
.dotted_sheet .filter_input.qms_only {width: calc(100% - 180px); font-family: inherit;    font-size: inherit; }
.dotted_sheet .oper_header {height:70px; }

.dotted_sheet table.table-dashed tr th,.dotted_sheet table.table-dashed tr td{font-size: 12px !important;padding:8px 0}
.dotted_sheet div.pcrWrap,.dotted_sheet div.pcrWrap div {font-family: "D2coding",serif ;    font-size: 14px!important;    letter-spacing: 0px;    word-spacing: 0px;    line-height: 120%;    text-align: center;}
.dotted_sheet .line_lb {    border-bottom: 1px dashed #000;    border-left: 1px dashed #000;}
.dotted_sheet .line_l {    border-left: 1px dashed #000;    }
.dotted_sheet .line_b {    border-bottom: 1px dashed #000;    }
.dotted_sheet .filter_input {    border-top: 1px dashed #000;    border-right: 1px dashed #000;}
.dotted_sheet .qms_popup_label { border-top: 1px dashed #000;    border-right: 1px dashed #000;}

.dotted_sheet .w-col-1,.proclog .w-col-1,.oper_sheet .w-col-1 { width: 8.33333333% !important; }
.dotted_sheet .w-col-2,.proclog .w-col-2,.oper_sheet .w-col-2 { width: 16.66666667% !important; }
.dotted_sheet .w-col-3,.proclog .w-col-3,.oper_sheet .w-col-3 { width: 25% !important;}
.dotted_sheet .w-col-4,.proclog .w-col-4,.oper_sheet .w-col-4 { width: 33.33333333% !important;}
.dotted_sheet .w-col-5,.proclog .w-col-5,.oper_sheet .w-col-5 { width: 41.66666667% !important;}
.dotted_sheet .w-col-6,.proclog .w-col-6,.oper_sheet .w-col-6 { width: 50% !important;}
.dotted_sheet .w-col-7,.proclog .w-col-7,.oper_sheet .w-col-7 { width: 58.33333333% !important; }
.dotted_sheet .w-col-8,.proclog .w-col-8,.oper_sheet .w-col-8 { width: 66.66666667% !important;}
.dotted_sheet .w-col-9,.proclog .w-col-9,.oper_sheet .w-col-9 { width: 75% !important; }
.dotted_sheet .w-col-10,.proclog .w-col-10,.oper_sheet .w-col-10 { width: 83.33333333% !important;}
.dotted_sheet .w-col-11,.proclog .w-col-11,.oper_sheet .w-col-11 { width: 91.66666667% !important;}
.dotted_sheet .w-col-12,.proclog .w-col-12,.oper_sheet .w-col-12 { width: 100% !important;}
.dotted_sheet .table_print{min-width:650px;}
.dotted_sheet .table, .dotted_sheet table{width: 100%; text-align: left;}
.dotted_sheet table tr td{padding: 2px 5px;}
/* .dotted_sheet .filter_input{width: 100%;} */
.dotted_sheet .filter_input{line-height: 26px; width: 100%; padding-left: 5px;}
.dotted_sheet .filter_input.title{text-align: right;}

body.picklist_sheet {font-family: "D2coding",serif !important;font-size: 12px !important;}
body.picklist_sheet div.oper_hd_tt{font-size: 30px!important;height: 35px;font-family: "D2coding",serif !important; font-weight: bold; color: #000}
body.picklist_sheet div,body.picklist_sheet th, body.picklist_sheet td {font-size: 12px!important;}
body.picklist_sheet .page-header, body.picklist_sheet .page-header-space {  height: 164px;}
body.picklist_sheet .page-footer, body.picklist_sheet .page-footer-space {  height: 100px}
body.picklist_sheet td {position: relative;}
body.picklist_sheet .table_print {min-width: 550px;}


.prt_column1 {position: absolute; height: 30px; top:0px}
.prt_column2 {position: absolute; top:35px;}
@page {
    margin-left: 15mm;
    margin-right: 15mm;
    margin-top: 10mm;
    margin-bottom: 10mm;
}

@media print {
    thead {display: table-header-group;}
    tfoot {display: table-footer-group;}

    button {display: none;}

    body {margin: 0;}
    .page-header, .page-header-space { padding:0 15px;}
    .page-footer, .page-footer-space { padding:0 15px;}
    body.oper_sheet div.page-header div,body.oper_sheet div.page div,body.oper_sheet th, body.oper_sheet td {font-size: 18px;}

    body.oper_sheet div.stemp_con div {font-size: 10px!important; line-height: 11px;    }
    body.oper_sheet div.stemp_con {padding-bottom:10px;height: 55px; }

    #print-foot:after {
        content: counter(page);
        counter-increment: page;
    }
}

/* QMS Image Drag&Drop KHP 05.06*/
.editContent {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
.uploadContent {
    position: absolute;
    top: 10px;
    left: 10px;
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    text-align: center;
    transition: all .15s ease-in-out;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background-color: gray;
    z-index: 1;
    opacity: 0.3;
    border: 5px dashed #0000cc;
    display: none;
}
/*
KHP 임시
.grid_format {
    width: calc(100% - 2px);
    height: calc(100% - 38px) !important;
    min-width: 200px;
    background-color: transparent;
}
*/
.my_div_btn2 {
    color: #fff !important;
    background-color: #ee5315;
    margin: 2px 4px;
    padding: 2px 4px;
    line-height: 2em;
    cursor: pointer;
}
.my_div_btn {
    color: #fff !important;
    background-color: #2a2d33;
    margin: 2px 4px;
    padding: 2px 4px;
    line-height: 2em;
    cursor: pointer;
}

.popup_grid_set {
    height : calc(100% - 28px)!important;
}

#attachList, #attachList1, #attachList2 {
    overflow: auto;
}

.filter_input.w-input.txt_qms {
    background-color: white;
}
.qms_item_area.resize_max .qms_popup_label{    width: 140px;}
.qms_item_area.resize_max .filter_input.qms_only {   width: calc(100% - 140px);}

.popup_close {
    line-height: 35px;
}
/*Dashboard UI */
.dashboard_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    padding-top: 0;
    background-color:white;
    background-image: none;
    background-size: cover;
    text-align: center;
    background-position: 100% 100%;
}
.form_srch_con {
    display: block;
    width: 50%;
    min-width: 300px;
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.form_clear {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.ds_srch_group {
    padding-right: 0px;
    padding-left: 0px;
    margin-top:30px;
    display: flex;
}
.w-icon.ico_clear{margin: 0;}
.input_srch_home {
    height: 44px;
    padding-right: 10px;
    padding-left: 11px;
    border: 1px solid #1c2b5d;
    background-color: white;
    color: rgb(38, 38, 38);
    font-size: 15px;
    width: 100%;
    border-radius: 4px 0 0 4px;
}
.w-button.ds_srch {width: 50px; background: rgb(35, 52, 110);
    background-image: url(/resources/images/IMG_202003131324230631207XnBcyZggCuT.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0;
    border: 1px solid #1c2b5d;
    border-radius: 0 4px 4px 0;
}
.ds_quicklink_con {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 0;
    padding-top: 1px;
    position: absolute;
    left:0;
    right:0;
    text-align: center;
    width: 70%;
    margin-top: 7%;
}
.ds_topsite_row {
    text-align: center;
    width:700px;
    margin:0 auto;
}
.ds_topsite_link {
    /*  background-color: rgba(255, 255, 255, 0.7); */
    border-radius: 5px;
    width: 110px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom:20px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.8);
    border:1px solid #fff;
    /*      border:1px solid #fff;  */
}

.ds_topsite_link:hover {background-color: #fff;}
.ds_toplink_icon {

    margin-left: auto;
    margin-right: auto;
    display: block !important;
    color:#000;
    border-radius: 8px;
    margin-bottom: 0px;

}
.ds_toplink_icon .material-icons {font-size: 60px!important;}
.ds_topsite_name {
    padding-top: 0px;
    color: #000;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 104px;
    margin: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    text-shadow: 1px 1px #fff;
}
/* .ames_logo {width: 520px;height: auto;margin: auto;} */
.ames_logo {width: 520px;height: auto;margin: auto;}
/*dashboard QMS*/
.gb_con.qms {
    position: absolute;
    top: 10px;
    left: 10px;
}
.gb_popup.qms {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 210px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    background-color: transparent;
    box-shadow: rgb(0 0 0 / 0%) 1px 1px 3px 0px;
}
.ul_qms_link {
    padding-left: 0px;
    list-style-type: none;
}
.li_qms_link {
    width: 100%;
    text-align: left;
    font-weight: 700;
    /* border: 1px solid; */
    border-radius: 5px;
    margin: 0 0 5px;
    background: #ffffffc4;
    box-shadow: rgb(0 0 0 / 20%) 1px 1px 3px 0px;
    overflow: hidden;
    font-size: 14px;
}
.ds_qms_txt {display: inline-block; color:#2b3063; padding: 10px 0px 10px 15px;}
.ds_qms_link {    display: block;
    color: #f0f8ff;
    float: right;
    text-align: center;
    width: 70px;
    background: #1e174b;
    padding: 10px 5px;}
/*dashboard google link*/
.gb_con {
position: fixed;
top: 54px;
right: 10px;
z-index: 9;
}
.form_srch_con {
    display: block;
    width: 760px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-top:5%;
}
.ds_quicklink_con {
    display: block;
    width: 70%;
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1px;
}
.btn_gb {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 25px;
    line-height: 45px;
    text-align: center;
}
.btn_gb .w-icon {margin: 0;}
.gb_popup {
    position: absolute;
    top: 50px;
    right: 0px;
    width: 280px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    background-color: white;
    box-shadow: rgb(0 0 0 / 20%) 1px 1px 3px 0px;
}
.ul_gb_link {
    padding-left: 0px;
    list-style-type: none;
}
.li_gb_link {
    width: 33%;
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
    color: black !important;
    font-weight: 700;
}
.btn_customize {
    position: fixed;
    right: 20px;
    bottom: 40px;
    padding: 5px 10px;
    border-radius: 25px;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
}
.text-inline {display: inline-block;}
.a_gb_link {
    text-align: center !important;
}
.gb_link_bg {
    background-repeat: no-repeat;
    background-position: 50% 0px;
    width: 64px;
    height: 64px;
    background-color: rgba(189, 181, 181, 0.5);
    border-radius: 5px;
    margin-bottom: 5px;
    margin: 0 auto 5px;
}
.cust_setting {position: absolute;top:10%; left:calc(50% - 300px); display: none;}
.cust_setting .modal-title {font-weight: bold;display: inline-block;position: relative;}
.cust_setting .menu-group {display: flex; flex-direction: row; justify-content: space-between;}
.cust_setting .menu-group .menu-item {width:100%; padding: 7px 5px;    background: #fafafa;    border: 1px solid #c1c1c1; }
.cust_setting .menu-group .menu-item.iron-selected {    background: #1e174b;    color: #fff;}
.cust_page_con {clear: both;display: flex;    flex-wrap: wrap; justify-content: center;}
.cust_page_con .tile { cursor: pointer; outline-width: 0; float: left; padding:10px 5px 0; position: relative;}
.cust_page_con .tile .upload { font-size: 40px; text-align:center; color: #aaa; margin-top:0px;}
.cust_page_con .tile .image{border-radius: 4px; display: block;height: 176px; width: 176px; background: #eaeaea; margin-bottom: 5px; padding:40px 0 0;
    background-size: cover;    background-position: 50%;    background-repeat: no-repeat;}
.cust_page_con .tile .label {font-size: 12px;color: #000;}
.cust_page_con .tile .theme {border:1px solid #aaa; background: #fff;height: 176px; width: 176px;  margin-bottom: 5px;    border-radius: 20px;    padding: 20px; color: #000;}
.cust_page_con .tile .selected .theme {border:1px solid #1a73e8; background: #f0f8ff;}
.cust_page_con .tile .theme .ds_color {border:10px solid #aaa; background: #ddd ;height: 90px; width: 90px; margin:5px auto 10px; border-radius: 45px; }
.cust_page_con .tile .ds_label {margin-bottom: 4px;margin-top: 12px;min-height: 30px; padding: 5px; font-size: 12px;font-weight: bold;}
.cust_page_con .tile .theme.theme01 .ds_color {border:10px solid #2b3063; background-image: url(/resources/images/IMG_202002210925356841057BmKieCHFZd4.png);background-size:300px ;    background-position: 100% 0%;}
.cust_page_con .tile .theme.theme01 .ds_label {color: #0f48a3; }

.cust_page_con .tile .theme.theme02 .ds_color {border:10px solid #39abf7; background: #00256c ;}
.cust_page_con .tile .theme.theme02 .ds_label {color: #00256c; }

.cust_page_con .tile .theme.theme03 .ds_color {border-color: #11429c; background: #118fe4 ;}
.cust_page_con .tile .theme.theme03 .ds_label {color: #118fe4; }

.cust_page_con .tile .theme.theme04 .ds_color {border-color: rgba(56, 175, 255, 0.52); background: #8be0f8 ;}
.cust_page_con .tile .theme.theme04 .ds_label {color: rgba(56, 175, 255, 0.52); }

.cust_page_con .tile .theme.theme05 .ds_color {border-color:#118fe4; background: #c7f3ff ;background-image: linear-gradient(315deg, #118fe4, #c7f3ff)}
.cust_page_con .tile .theme.theme05 .ds_label {color: #118fe4; }
.cust_page_con .selected {position: relative;}

.cust_page_con .selected-circle {
    background-color: #1a73e8;
    border-radius: 50%;
    box-shadow: 0 3px 6px 1px rgb(0 0 0 / 16%), 0 1px 2px 1px rgb(0 0 0 / 23%);
    display: none;
    height: 22px;
    left: initial;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 22px;
}
.cust_page_con .selected-check {
    background-color: var(--ntp-selected-border-color);
    display: none;
    height: 28px;
    left: initial;
    position: absolute;
    right: 7px;
    top: 5px;
    width: 28px;
    line-height: 28px;
    color: #fff;
}

.cust_page_con .selected .selected-circle { display: block;}
.cust_page_con .selected .selected-check { display: block;}
.cust_page_con.flex-row {

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.cust_page_con .option {
    width: 50%;
    margin:10px 10px;
}

.cust_page_con .option_img {
    width: 100%;
    min-height: 200px;
    position: relative;
    border:1px solid #aaa;
    border-radius: 5px;
    color: rgb(224, 224, 224);

}
.cust_page_con .option_img .option_icon {
    position: absolute;
    left: 17px;
    top: 5px;
    font-size: 100px;
}
.cust_page_con .option_img .option-mini {
    background: url(/resources/images/option_img.png);
    width: 170px;
    height: 130px;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    position: absolute;
    top: 48px;
    left: 67px;
    box-shadow:  0 2px 5px rgba(0,0,0,0.3);
    /*    box-shadow: 0 2px 5px rgb(0 0 0 0 0.25);*/
    background-position: center;
    background-size: contain;
}
.cust_page_con .option.selected .option_img {
    border:1px solid #1a73e8;
    background: #f0f8ff;
    color: #1a73e8;
}
.cust_page_con .option.selected .option-mini{border: 1px solid #1a73e8;}
.cust_page_con .option-title {
    text-align: left;
    font-weight:bold;
    padding: 8px 0 4px 0;
}
.cust_page_con .option-description {
    text-align: left;
    padding: 2px 0 0 0;
    color: #aaa;
}

.div_toogle_group {
    margin-bottom: 5px;
}

.sub_tabstyle {
    line-height: 26px;
}

/*테마적용시 팝업사이즈 수정*/
.mes_popup.wh50p.h_auto {
    height: auto;
}
/*google font*/
button.link_btn {
    background: transparent;
    border: 0;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 60px;
    width:113px;
    margin:2px;
    position: relative
}
button.link_btn:hover{    background-color: rgba(60,64,67,.04);}
button.link_btn:focus,button.link_btn:active{   box-shadow: inset 0 0 0 1px #1a73e8;background-color: rgba(26,115,232,.04);}

button.link_btn span{
    display: block;
}
.modal.in div{
/*     font-size: 13px!important; */ 
    font-weight: normal!important;
    align-items: normal!important;
}
.modal.in div.filter_column{
    align-items: center!important;
}
.popup_topbar div {
    color: #ffff!important;
    font-weight: bold!important;
}

#btnModalClose {
    font-size: 35px!important;
}
@media screen and (max-width: 1024px) {
    .filter_column.column3-12 {
        width: 33.3%;
        min-width: 380px;
    }
}
@media screen and (max-width: 1280px) {
    .filter_column.column3-12 {
        width: 33.3%;
        min-width: 380px;
    }
}
.div_read_only {padding:0;}
/*datetime-local input-type*/
.jqx-widget.jqx-datetimeinput.jqx-input {border:1px solid #A9A9A9; height: 28px!important;}
.jqx-widget.jqx-datetimeinput input {padding: 0 0 0 5px!important; font-size: 12px;line-height: 26px;}

.jqx-widget.jqx-datetimeinput input[disabled],.jqx-widget.jqx-datetimeinput input[readonly]{background-color: rgba(245,245,245,1.0);}
.jqx-icon-calendar{
    background-image: url(/resources/images/icon_cal.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    width: 26px !important;
    height: 100% !important;
    margin-top: 0px !important;
    top:0;
    border:0;
}
.jqx-icon-time {
    background-image: url(/resources/images/icon_time.png);
    background-position: 50% 50%;
    margin: 0px;
    position: relative;
    width: 26px !important;
    height: 100% !important;
    left: auto;
    margin-top: 0px;
    width: 26px !important;
    top:0;
}
.jqx-icon-calendar-hover.jqx-icon-calendar-pressed{background: url(/resources/images/icon_cal_h.png); background-position: 50% 50%;}
.jqx-icon-time-hover.jqx-icon-time-pressed {background: url(/resources/images/icon_time_h.png); background-position: 50% 50%;}
.jqx-position-absolute.jqx-action-button.jqx-fill-state-normal.jqx-default {top:0; border:0;width: 26px !important;
    height: 26px !important;left: unset!important;display:inline-block; position: static !important;text-align: right;}
.jqx-widget.jqx-datetimeinput.jqx-input .jqx-position-relative {    text-align: right;}
.jqx-widget-content.jqx-widget.jqx-date-time-input-popup table tr td {    padding: 5px 0px;    line-height: 12px;}

.w-input.span_input.jqx-widget.jqx-datetimeinput.jqx-input{border:0 solid #A9A9A9;border-bottom:1px solid #ba571e;  height:18px!important; overflow: hidden; background: transparent;}
.w-input.span_input input {padding: 0 0 0 5px!important; line-height: 12px;background: transparent!important;font-family: D2coding,Tahoma,Verdana ,FontAwesome,sans-serif;
    font-size: 14px; font-weight:bold;}
.w-input.span_input .jqx-position-absolute.jqx-action-button.jqx-fill-state-normal.jqx-default {top:0; border:0;width: 24px !important;
    height: 18px !important;left: unset!important;display:inline-block; position: static !important;text-align: right;    border: 0px solid #A9A9A9;border-left:0; border-radius: 2px; overflow: hidden; background: transparent;}
.w-input.span_input .jqx-icon {width: 22px !important;}

/*표준 공정서 이미지 하단 문구 */
.pss-footer {
    float: left;
    font-weight: bold;
    text-align: initial;
}

#BIMatrix1_remote {
    width: 100%;
    height: 100%;
    border: 0px;
}
.bi_title {
    height: 37px;
    border-bottom: 1px dashed #333;
}

.filename_view .fileview_txt {cursor: pointer;}
.searchcondition_min { height: calc(100% - 44px) !important; }

/* select box 수정*/
.jqx-expander-arrow {
    width: 26px;
}
/*download popup */
.popup_box.drive_filebox {
    position: relative;
    height: 100%;
    padding: 0px;
    border: 1px solid #a8a8a8;
    background-color: white;
}
.drive_tree {
    width: 35%;
    height: 100%;
    float: left;
    /* box-shadow: #c7c7c7 -1px 0px 0px 0px inset; */
}
.drive_tree .jqx-tree{border:0px;padding:0px; }
.drive_tree .jqx-widget-content {padding:0px; }
.drive_tree .jqx-widget-content:nth-child(1){padding:0px 0; width: 100% !important;height: calc(100% - 20px)!important;}
.drive_list {
    position: absolute;
    right: 0px;
    width: 65%;
    height: 100%;
    padding-top: 0px;
    padding-right: 25px;
    padding-left: 25px;
    box-shadow: #c7c7c7 1px 0px 0px 0px inset
}
.drive_list_hd {
    position: relative;
    height: 40px;
    border-bottom: 1px solid #a6a6a6;
    line-height: 40px;
}
.drive_list_loc {
    display: inline-block;
    height: 30px;
    padding-right: 10px;
    padding-left: 0px;
}
.div_list_tb {
    position: relative;
    overflow-x: auto;
    overflow-y: auto;
    height: calc(100% - 60px);
}
.drive_list_ul {
    padding-left: 0px;
    list-style-type: none;
    height: 100%!important;
}

.div_list_tb {
    position: relative;
    overflow-x: auto;
    overflow-y: auto;
    height: calc(100% - 60px);
}
.drive_list_ul {
    padding-left: 0px;
    list-style-type: none;
}
.drive_list_ul li {
    height: 35px;
    padding-right: 15px;
    padding-left: 0px;
    border-bottom: 1px solid #b5b5b5;
    padding:0 15px 0 0px!important;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.drive_list_ul li a {display: inline-block;}
.drive_list_ul img { height: 16px; width: 16px; margin-right:5px;}

.w-input[input-type=datepicker][disabled], .w-input[input-type=datepicker][disabled]:hover { cursor: not-allowed; background-color: rgba(245,245,245,0.5); opacity: 1 }

.grid_filter {
    display: inline-block; 
    line-height: 25px;
    height: 30px;
    padding: 0px 0 0;
}

.grid_filter .combo_box {
	min-width:150px;
	height:24px;
	margin-top: 3px;
}