@charset "utf-8";

@font-face {
	font-family: 'Pretendard GOV';
	font-style: normal;
	font-weight: 400;
	src: local('Pretendard GOV Regular'),
	url(../font/pretendard/PretendardGOV-Regular.subset.woff2) format('woff2'),
	url(../font/pretendard/PretendardGOV-Regular.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-style: normal;
	font-weight: 500;
	src: local('Pretendard GOV Medium'),
	url(../font/pretendard/PretendardGOV-Medium.subset.woff2) format('woff2'),
	url(../font/pretendard/PretendardGOV-Medium.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard GOV';
	font-style: normal;
	font-weight: 700;
	src: local('Pretendard GOV Bold'),
	url(../font/pretendard/PretendardGOV-Bold.subset.woff2) format('woff2'),
	url(../font/pretendard/PretendardGOV-Bold.subset.woff) format('woff');
}

:root {
    --ws-gray-0:#FFFFFF;
    --ws-gray-50:#F9FAFB;
    --ws-gray-100:#F4F6F8;
    --ws-gray-200:#EAEEF1;
    --ws-gray-300:#DCE0E4;
    --ws-gray-400:#C4CDD5;
    --ws-gray-500:#A7B1BB;
    --ws-gray-600:#637381;
    --ws-gray-700:#454F5B;
    --ws-gray-800:#212B36;
    --ws-gray-900:#161C24;

    --ws-primary-50:#F4F9FE;
    --ws-primary-100:#EBF4FD;
    --ws-primary-200:#DCEFFF;
    --ws-primary-300:#B5DAFF;
    --ws-primary-400:#56A6F8;
    --ws-primary-500:#006FDF;
    --ws-primary-600:#005AB5;
    --ws-primary-700:#014A81;
    --ws-primary-800:#07416D;
    --ws-primary-900:#1C3548;
        
	--ws-red-100:#FDECEB;
	--ws-red-500:#D32F2F;
	--ws-red-800:#621B16;
    
	--ws-orange-100:#FFF5E6;
	--ws-orange-500:#FF9800;
	--ws-orange-800:#663D00;
    
	--ws-green-100:#EDF7EE;
	--ws-green-500:#4CAF50;
	--ws-green-800:#1E4620;
    
	--ws-blue-100:#E9F5FE;
	--ws-blue-500:#1976D2;
	--ws-blue-800:#0D3C61;
    
	--ws-violet-50:#ECEBF9;
	--ws-violet-100:#D2CFF2;
	--ws-violet-500:#5436DA;
	--ws-violet-600:#482DA8;
    
	--ws-font-family:'Pretendard GOV','Malgun Gothic','맑은 고딕', Verdana, Dotum, Sans-serif;
	
	--ws-lineheight:30px;
	--ws-color: #212B36;
	--ws-placeholder-color:var(--ws-gray-400);
	--ws-req-dot:#1671C3;
      
	--ws-form-height:30px;
	--ws-form-bg: #FFFFFF;
	--ws-form-bd: #E0E4E7;
	--ws-form-color: #212B36;
	--ws-form-font-size:14px;
	--ws-form-radius:3px;
	--ws-form-hover-bg:var(--ws-gray-0);
	--ws-form-hover-bd: #B1BAC4;
	--ws-form-focus-bg:var(--ws-gray-0);
	--ws-form-focus-bd:var(--ws-gray-800);
	--ws-form-disabled-bg: #EFF1F3;
	--ws-form-disabled-bd: #E0E4E7;
	--ws-form-disabled-color: #A0A3A6;
	--ws-form-req-bg: #F2FCFF;
	--ws-form-req-bd: #E0E4E7;
	--ws-form-req-hover-bd:var(--ws-gray-300);
	--ws-form-req-color: #00AAD4;
	--ws-form-error-bg:var(--ws-gray-0);
	--ws-form-error-bd:var(--ws-red-500);
	--ws-form-error-color:var(--ws-red-500);
	
	--ws-listitem-hover-bg:var(--ws-gray-100);
   
	--ws-table-th-bg:#F8F9FA;
	--ws-table-th-color:var(--ws-gray-800);
	--ws-table-td-bg:var(--ws-gray-0);
	--ws-table-bd:#EFF1F3;
    
	--ws-grid-header-bg: #F8F9FA;
	--ws-grid-header-bd:#EFF1F3;
	--ws-grid-header-color:var(--ws-gray-800);
	--ws-grid-bg:var(--ws-gray-0);
	--ws-grid-bd:var(--ws-gray-200);
	--ws-grid-color:#49515B;
	--ws-grid-hover-bg:var(--ws-gray-50);
	--ws-grid-selected-row-bg:var(--ws-primary-50);
	--ws-grid-selected-cell-bg:var(--ws-primary-100);
	--ws-grid-subtotal-bg:var(--ws-gray-100);
	--ws-grid-subtotal-bd:var(--ws-gray-300);
	--ws-grid-footer-bg:var(--ws-gray-200);
	--ws-grid-footer-bd:var(--ws-gray-400);
	    
	--ws-btn-bg:#FFFFFF;
	--ws-btn-bd:#E0E4E7;
	--ws-btn-color:var(--ws-gray-800);
	--ws-btn-radius:4px;
	--ws-btn-hover-bg:var(--ws-gray-0);
	--ws-btn-hover-bd:#B1BAC4;
	--ws-btn-focus-bg:var(--ws-gray-0);
	--ws-btn-focus-bd:#212B36;
	--ws-btn-disabled-bg:#EFF1F3;
	--ws-btn-disabled-bd:#E0E4E7;
	--ws-btn-disabled-color:#A0A3A6;

	--ws-btn-pt-bg:var(--ws-gray-700);
	--ws-btn-pt-bd:var(--ws-gray-700);
	--ws-btn-pt-color:var(--ws-gray-0);
	--ws-btn-pt-hover-bg:var(--ws-gray-600);
	--ws-btn-pt-focus-bd:var(--ws-gray-900);
	--ws-btn-pt-focus-bg:var(--ws-gray-600);
	--ws-btn-pt-disabled-bg:var(--ws-gray-200);
	--ws-btn-pt-disabled-bd:var(--ws-gray-300);
	--ws-btn-pt-disabled-color:var(--ws-gray-500);
     
    --ws-error-bg:var(--ws-red-100);
	--ws-error-bd:var(--ws-red-500);
	--ws-error-color:var(--ws-red-500);
	--ws-info-bg:var(--ws-blue-100);
	--ws-info-bd:var(--ws-blue-500);
	--ws-info-color:var(--ws-gray-800);
	--ws-success-bg:var(--ws-green-100);
	--ws-success-bd:var(--ws-green-500);
	--ws-success-color:var(--ws-green-500);
	--ws-warning-bg:var(--ws-orange-100);
	--ws-warning-bd:var(--ws-orange-500);
	--ws-warning-color:var(--ws-orange-500);
	
	--ws-theme:var(--ws-gray-200);
	--ws-theme-sub:var(--ws-gray-700);
	--ws-theme-sub-hover:var(--ws-gray-600);
	--ws-theme-white:var(--ws-gray-0);
	--ws-theme-black:var(--ws-gray-800);
}

html, body {margin:0;padding:0;background-color:var(--ws-gray-0)}
body {color:var(--ws-color);font-style:normal;-webkit-text-size-adjust:none}
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, table, form, fieldset, pre {margin:0;padding:0}
body, input, textarea, select, button, table, pre {font-size:14px;font-family:var(--ws-font-family)}
table {empty-cells:show}
caption, legend {display:none}
a img, img {vertical-align:top}
img, fieldset {border:0}
ul, dl, dd {margin:0;padding:0;list-style:none}
ul li img {vertical-align:top}
em, address {font-style:normal}
a {color:var(--ws-color);text-decoration:none}
select::-ms-expand {display:none}
.w2group, .w2trigger {background-color:transparent}
.w2anchor a, .w2anchor2, .w2trigger {color:var(--ws-color)}

/* ############################## Common ############################## */

.txt_info + .txt_info,
.tblbox + .txt_info,
.txt_info + .tblbox,
.gvwbox + .txt_info,
.tblbox + .tblbox,
.tblbox + .gvwbox,
.gvwbox + .gvwbox,
.gvwbox + .tblbox,
.tblbox + .txt_list,
.gvwbox + .txt_list{margin-top:10px}

.pgtbox + .titbox{margin-top:0}

.fl {float:left;min-height:14px}
.fr {float:right;min-height:14px}
.ofh {overflow:hidden}

.tal {text-align:left !important}
.tac {text-align:center !important}
.tar {text-align:right !important}

.vat {vertical-align:top !important}

.mt0{margin-top:0 !important} .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .mt30{margin-top:30px !important}
.mr0{margin-right:0 !important} .mr5{margin-right:5px !important} .mr10{margin-right:10px !important} .mr15{margin-right:15px !important} .mr20{margin-right:20px !important} .mr30{margin-right:30px !important}
.mb0{margin-bottom:0 !important} .mb5{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb15{margin-bottom:15px !important} .mb20{margin-bottom:20px !important} .mb30{margin-bottom:30px !important}
.ml0{margin-left:0 !important} .ml5{margin-left:5px !important} .ml10{margin-left:10px !important} .ml15{margin-left:15px !important} .ml20{margin-left:20px !important} .ml30{margin-left:30px !important}

.pt0{padding-top:0 !important} .pt5{padding-top:5px !important} .pt10{padding-top:10px !important} .pt15{padding-top:15px !important} .pt20{padding-top:20px !important} .pt30{padding-top:30px !important}
.pr0{padding-right:0 !important} .pr5{padding-right:5px !important} .pr10{padding-right:10px !important} .pr15{padding-right:15px !important} .pr20{padding-right:20px !important} .pr30{padding-right:30px !important}
.pb0{padding-bottom:0 !important} .pb5{padding-bottom:5px !important} .pb10{padding-bottom:10px !important} .pb15{padding-bottom:15px !important} .pb20{padding-bottom:20px !important} .pb30{padding-bottom:30px !important}
.pl0{padding-left:0 !important} .pl5{padding-left:5px !important} .pl10{padding-left:10px !important} .pl15{padding-left:15px !important} .pl20{padding-left:20px !important} .pl30{padding-left:30px !important}

.red {color:var(--ws-red-500) !important}
.orange {color:var(--ws-orange-500) !important}
.blue {color:var(--ws-blue-500) !important}
.green {color:var(--ws-green-500) !important}

.bold {font-weight:bold !important}
.normal {font-weight:normal; font-size:13px !important}
.line{margin-top:16px;padding-top:24px;border-top:1px solid #e1e1e1;width:100%;}


.blind {overflow:hidden;position:relative;width:1px;height:1px;margin:-1px;color:transparent;clip:rect(0 0 0 0)}

/* ############################## Forms ############################## */

/* input */
.w2input {height:var(--ws-form-height);padding:0 8px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);font-family:var(--ws-font-family);font-size:var(--ws-form-font-size);background:var(--ws-form-bg);color:var(--ws-form-color);box-sizing:border-box;appearance:none;-webkit-appearance:none}
.w2input:hover {outline:none;border-color:var(--ws-form-hover-bd)}
.w2input:focus {outline:none;border-color:var(--ws-form-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-form-focus-bd)}
.w2input::-webkit-input-placeholder {color:var(--ws-placeholder-color)}
.w2input[type="number"]::-webkit-outer-spin-button,
.w2input[type="number"]::-webkit-inner-spin-button {margin:0;appearance:none;-webkit-appearance:none;-webkit-appearance:none;-webkit-appearance:none}
.w2input.w2input_disabled,
.w2input.w2input_readonly {border-color:var(--ws-form-disabled-bd);background-color:var(--ws-form-disabled-bg);color:var(--ws-form-disabled-color);cursor:default}

/* searchbox */
.w2searchbox {height:var(--ws-form-height);color:var(--ws-form-color)}
.w2searchbox .w2input {width:100% !important;padding:0 30px 0 8px}
.w2searchbox_reset {top:3px !important;right:3px;width:24px;height:24px;background:url(../images/base/ico_delete.svg) no-repeat center}
.w2searchbox_reset:hover {border-radius:3px;background-color:var(--ws-gray-100);cursor:pointer}

/* textarea */
.w2textarea {padding:4px;padding:4px 8px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-form-bg);color:var(--ws-form-color);font-family:var(--ws-font-family);font-size:var(--ws-form-font-size);box-sizing:border-box}
.w2textarea:hover {outline:none;border-color:var(--ws-form-hover-bd)}
.w2textarea:focus {outline:none;border-color:var(--ws-form-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.w2textarea::-webkit-input-placeholder {color:var(--ws-placeholder-color)}
.w2textarea.w2textarea_disabled,
.w2textarea.w2textarea_readonly {border-color:var(--ws-form-disabled-bd);background-color:var(--ws-form-disabled-bg);color:var(--ws-form-disabled-color)}

/* upload */
.w2upload {position:relative;height:var(--ws-form-height)}
.w2upload .w2upload_input {width:100% !important;height:var(--ws-form-height);padding:0 30px 0 8px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-form-bg);color:var(--ws-color);font-size:var(--ws-form-font-size);box-sizing:border-box}
.w2upload .w2upload_input:hover {outline:none;border-color:var(--ws-form-hover-bd)}
.w2upload .w2upload_input:focus {outline:none;border-color:var(--ws-form-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.w2upload .w2upload_image {top:3px;right:3px;width:24px;height:24px;margin:0;background:url(../images/base/ico_upload.svg) no-repeat center}
.w2upload .w2upload_image:hover {border-radius:3px;background-color:var(--ws-gray-100)}
.w2upload .w2upload_fakeInput {height:100%;cursor:pointer}
.w2upload_disabled .w2upload_input {border-color:var(--ws-form-disabled-bd);background-color:var(--ws-form-disabled-bg);color:var(--ws-form-disabled-color)}
.w2upload_disabled .w2upload_input:hover {border-color:var(--ws-form-disabled-bd)}
.w2upload_disabled .w2upload_image {background:url(../images/base/ico_upload_dis.svg) no-repeat center}
.w2upload_disabled .w2upload_image:hover {background-color:transparent}

/* spinner */
.w2spinner {position:relative;height:var(--ws-form-height)}
.w2spinner.w2_horizon.type1 .w2input {position:static !important;width:100% !important;padding:0 30px 0 8px}
.w2spinner.w2_horizon.type1 .w2spinner_up_start,
.w2spinner.w2_horizon.type1 .w2spinner_up_center,
.w2spinner.w2_horizon.type1 .w2spinner_up_end,
.w2spinner.w2_horizon.type1 .w2spinner_down_start,
.w2spinner.w2_horizon.type1 .w2spinner_down_center,
.w2spinner.w2_horizon.type1 .w2spinner_down_end {display:none}
.w2spinner.w2_horizon.type1 .w2spinner_up {display:flex;align-items:flex-end;justify-content:center;width:30px;margin:0}
.w2spinner.w2_horizon.type1 .w2spinner_down {display:flex;align-items:flex-start;justify-content:center;width:30px;margin:0}
.w2spinner.w2_horizon.type1 .w2spinner_up .w2spinner_up_image,
.w2spinner.w2_horizon.type1 .w2spinner_down .w2spinner_down_image {position:static;width:24px;height:12px;margin:0}
.w2spinner.w2_horizon.type1 .w2spinner_up .w2spinner_up_image:hover,
.w2spinner.w2_horizon.type1 .w2spinner_down .w2spinner_down_image:hover {border-radius:3px;background-color:var(--ws-gray-100)}
.w2spinner.w2_horizon.type1.w2spinner_disabled .w2spinner_up,
.w2spinner.w2_horizon.type1.w2spinner_disabled .w2spinner_down {cursor:default}
.w2spinner.w2_horizon.type1.w2spinner_disabled .w2spinner_up .w2spinner_up_image {background-image:url(../images/base/ico_spinner_up_dis.svg)}
.w2spinner.w2_horizon.type1.w2spinner_disabled .w2spinner_down .w2spinner_down_image {background-image:url(../images/base/ico_spinner_down_dis.svg)}
.w2spinner.w2_horizon.type1.w2spinner_disabled .w2spinner_up .w2spinner_up_image,
.w2spinner.w2_horizon.type1.w2spinner_disabled .w2spinner_down .w2spinner_down_image {background-color:transparent}
.w2spinner.w2_horizon .w2spinner_up .w2spinner_up_image {background:url(../images/base/ico_spinner_up.svg) no-repeat center}
.w2spinner.w2_horizon .w2spinner_down .w2spinner_down_image {background:url(../images/base/ico_spinner_down.svg) no-repeat center}

.w2spinner.w2_horizon.type2 {padding:0;box-sizing:border-box}
.w2spinner.w2_horizon.type2 .w2input {position:static !important;width:100% !important;padding:0 30px}
.w2spinner.w2_horizon.type2 .w2spinner_up {top:3px;right:3px;width:24px;height:24px}
.w2spinner.w2_horizon.type2 .w2spinner_down {top:3px;left:3px;width:24px;height:24px}
.w2spinner.w2_horizon.type2 .w2spinner_up:hover,
.w2spinner.w2_horizon.type2 .w2spinner_down:hover {border-radius:3px;background-color:var(--ws-gray-100)}
.w2spinner.w2_horizon.type2 .w2spinner_up .w2spinner_up_image {top:0;width:100%;height:100%;margin:0;background:url(../images/base/ico_spinner_plus.svg) no-repeat center}
.w2spinner.w2_horizon.type2 .w2spinner_down .w2spinner_down_image {top:0;width:100%;height:100%;margin:0;background:url(../images/base/ico_spinner_minus.svg) no-repeat center}
.w2spinner.w2_horizon.type2.w2spinner_disabled .w2spinner_up,
.w2spinner.w2_horizon.type2.w2spinner_disabled .w2spinner_down {cursor:default}
.w2spinner.w2_horizon.type2.w2spinner_disabled .w2spinner_up .w2spinner_up_image {background-image:url(../images/base/ico_spinner_minus_dis.svg)}
.w2spinner.w2_horizon.type2.w2spinner_disabled .w2spinner_down .w2spinner_down_image {background-image:url(../images/base/ico_spinner_plus_dis.svg)}
.w2spinner.w2_horizon.type2.w2spinner_disabled .w2spinner_up:hover,
.w2spinner.w2_horizon.type2.w2spinner_disabled .w2spinner_down:hover {background-color:transparent}
.w2spinner_disabled .w2input {background:var(--ws-form-disabled-bg)}

/* radio */
.w2radio {display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.w2radio .w2radio_item {display:inline-flex;align-items:center;position:relative;margin-right:0;vertical-align:middle}
.w2radio .w2radio_item:last-child {margin-right:0}
.w2radio .w2radio_label {display:inline-block;color:var(--ws-form-color);font-size:var(--ws-form-font-size);vertical-align:middle}
.w2radio .w2radio_disabled {color:var(--ws-form-disabled-color);cursor:default}
.w2radio .w2radio_input {flex:none;align-self:flex-start;width:20px;height:20px;margin:0 4px 0 0;border:1px solid var(--ws-form-bd);border-radius:50%;background:var(--ws-gray-0);vertical-align:middle;appearance:none;-webkit-appearance:none}
.w2radio .w2radio_input:hover {border-color:var(--ws-form-hover-bd)}
.w2radio .w2radio_input:checked {padding:4px;border-color:#33BBDD;background:#33BBDD;background-clip:content-box}
.w2radio .w2radio_input:disabled {border-color:var(--ws-form-disabled-bd);background:var(--ws-form-disabled-bg)}
.w2radio .w2radio_input:checked:disabled {border:5px solid var(--ws-form-disabled-bg);background:var(--ws-form-hover-bd)}

/* checkbox */
.w2checkbox {display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.w2checkbox .w2checkbox_item {display:inline-flex;align-items:center;position:relative;margin-right:0px;vertical-align:middle}
.w2checkbox .w2checkbox_item:last-child {margin-right:0}
.w2checkbox .w2checkbox_label {display:inline-block;color:var(--ws-form-color);font-size:var(--ws-form-font-size);vertical-align:middle}
.w2checkbox .w2checkbox_disabled {color:var(--ws-form-disabled-color);cursor:default}
.w2checkbox .w2checkbox_input {flex:none;align-self:flex-start;width:20px;height:20px;margin:0 4px 0 0;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-gray-0);vertical-align:middle;appearance:none;-webkit-appearance:none}
.w2checkbox .w2checkbox_input:hover {border-color:var(--ws-form-hover-bd)}
.w2checkbox .w2checkbox_input:checked {border-color:#33BBDD;background:#33BBDD url(../images/base/ico_check_on.svg) no-repeat center}
.w2checkbox .w2checkbox_input:disabled {border-color:var(--ws-form-disabled-bd);background:var(--ws-form-disabled-bg)}
.w2checkbox .w2checkbox_input:checked:disabled {background:var(--ws-form-disabled-bg) url(../images/base/ico_check_on_dis.svg) no-repeat center}

/* selectbox */
.w2selectbox {height:var(--ws-form-height);border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-form-bg);color:var(--ws-form-color);box-sizing:border-box;appearance:none;-webkit-appearance:none}
.w2selectbox_label {padding:0 0 0 8px;font-size:var(--ws-form-font-size);box-sizing:border-box}
.w2selectbox .w2selectbox_col_button {position:relative;width:24px;background:url(../images/base/ico_select.svg) center no-repeat}
.w2selectbox:hover {outline:none;border-color:var(--ws-form-hover-bd)}
.w2selectbox:focus,
.w2selectbox.w2selectbox_open {border-color:var(--ws-form-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.w2selectbox:hover .w2selectbox_col_label,
.w2selectbox:focus .w2selectbox_col_label {background:transparent}
.w2selectbox.w2selectbox_disabled {border-color:var(--ws-form-disabled-bd);background:var(--ws-form-disabled-bg)}
.w2selectbox.w2selectbox_disabled .w2selectbox_label {color:var(--ws-form-disabled-color)}
.w2selectbox.w2selectbox_disabled .w2selectbox_col_button {background:url(../images/base/ico_select_dis.svg) left center no-repeat}

/* selectbox native */
.w2selectbox_native {position:relative;width:100%;height:var(--ws-form-height);border:0;border-radius:var(--ws-form-radius);background:var(--ws-gray-0);vertical-align:middle;box-sizing:border-box}
.w2selectbox_native .w2selectbox_native_innerDiv {height:100%}
.w2selectbox_native .w2selectbox_native_select {height:100%;padding:0 24px 0 8px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:url(../images/base/ico_select.svg) right 6px center no-repeat;color:var(--ws-form-color);font-size:var(--ws-form-font-size);appearance:none;-webkit-appearance:none}
.w2selectbox_native .w2selectbox_native_select::-ms-expand {display:none}
.w2selectbox_native .w2selectbox_native_select:hover {outline:none;border-color:var(--ws-form-hover-bd)}
.w2selectbox_native .w2selectbox_native_select:focus {border-color:var(--ws-form-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.w2selectbox_native .w2selectbox_native_select > option {background:var(--ws-gray-0)}
.w2selectbox_native.w2selectbox_disabled {background:none}
.w2selectbox_native.w2selectbox_disabled .w2selectbox_native_select {border-color:var(--ws-form-disabled-bd);background:var(--ws-form-disabled-bg) url(../images/base/ico_select_dis.svg) right 7px center no-repeat;color:var(--ws-form-disabled-color);opacity:1}

/* selectbox select */
.w2selectbox_select {height:var(--ws-form-height);padding:0 24px 0 8px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-form-bg) url(../images/base/ico_select.svg) no-repeat right 6px center;color:var(--ws-form-color);font-size:var(--ws-form-font-size);vertical-align:middle;appearance:none;-webkit-appearance:none}
.w2selectbox_select::-ms-expand {display:none}
.w2selectbox_select:hover {outline:none;border-color:var(--ws-form-hover-bd)}
.w2selectbox_select:focus {border-color:var(--ws-form-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.w2selectbox_select > option {background:var(--ws-gray-0)} 
.w2selectbox_select.w2selectbox_disabled {border-color:var(--ws-form-disabled-bd);background:var(--ws-form-disabled-bg) url(../images/base/ico_select_dis.svg) right 7px center no-repeat;color:var(--ws-form-disabled-color);opacity:1}

.w2table_sb {padding:4px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-form-bg);box-shadow:0 5px 5px rgb(33,43,54,0.1)}
.w2table_sb_main {position:relative;top:0;background:var(--ws-form-bg)}
.w2table_sb_col {height:28px;padding:0 4px;border-top:0;border-radius:var(--ws-form-radius);background:var(--ws-form-bg);font-size:var(--ws-form-font-size);line-height:28px}
.w2table_sb_col_over {background-color:var(--ws-listitem-hover-bg)}
.w2table_sb_main .w2selectbox_item_disabled,
.w2table_sb_main .w2selectbox_item_disabled .w2table_sb_col {background:transparent;color:var(--ws-form-disabled-color);opacity:1}

/* autoComplete */
.w2autoComplete {width:100%;height:var(--ws-form-height);padding-left:1px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-form-bg);color:var(--ws-form-color);box-sizing:border-box}
span.w2autoComplete_label {padding:0 0 0 8px;text-align:left;color:var(--ws-form-color);font-size:var(--ws-form-font-size)}
.w2autoComplete_selected .w2autoComplete_col_label {background-color:transparent}
.w2autoComplete_input {outline:none;padding:0 8px !important;background:var(--ws-form-bg);color:var(--ws-form-color);font-size:var(--ws-form-font-size);font-family:var(--ws-font-family);box-sizing:border-box}
.w2autoComplete .w2autoComplete_col_button {width:24px;background:url(../images/base/ico_select.svg) center no-repeat}
.w2autoComplete:hover {outline:none;border-color:var(--ws-form-hover-bd)}
.w2autoComplete:focus,
.w2autoComplete.w2autoComplete_open {border-color:var(--ws-form-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.w2autoComplete_disabled {border-color:var(--ws-form-disabled-bd);background-color:var(--ws-form-disabled-bg);color:var(--ws-form-disabled-color)}
.w2autoComplete_disabled:hover {border-color:var(--ws-form-disabled-bd)}
.w2autoComplete_disabled .w2autoComplete_label {color:var(--ws-form-disabled-color)}
.w2autoComplete_disabled .w2autoComplete_col_button {background:var(--ws-form-disabled-bg) url(../images/base/ico_select_dis.svg) left center no-repeat}

/* autoComplete accesibility */
.w2autoComplete_acc {display:inline-block;width:100%;height:var(--ws-form-height);border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);color:var(--ws-form-color);box-sizing:border-box}
.w2autoComplete_acc:hover {outline:none;border-color:var(--ws-form-hover-bd)}
.w2autoComplete_acc .w2autoComplete_ul_col_label .w2autoComplete_input {position:relative;top:-1px;height:28px !important;border-radius:var(--ws-form-radius)}
.w2autoComplete_acc .w2autoComplete_ul_col_arrow {width:24px}
.w2autoComplete_acc .w2autoComplete_col_button {position:static;height:30px;background:url(../images/base/ico_select.svg) left center no-repeat}
.w2autoComplete_acc.w2autoComplete_selected {background:none}
.w2autoComplete_acc.w2autoComplete_selected .w2autoComplete_col_button {background:url(../images/base/ico_select.svg) left center no-repeat}

.w2input_table_sb {padding:4px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-form-bg);box-shadow:0 5px 5px rgb(33,43,54,0.1)}
.w2input_table_sb_main,
.w2table_sb_ul_main {position:relative;top:0;background:var(--ws-form-bg)}
.w2input_table_sb_col,
.w2table_sb_ul_col {height:28px;padding:0 4px;border-top:0;border-radius:var(--ws-form-radius);background:var(--ws-form-bg);font-size:var(--ws-form-font-size);line-height:28px}
.w2input_table_sb_col_over {background-color:var(--ws-listitem-hover-bg)}
.w2table_sb_ul_col_over2 {background-color:var(--ws-listitem-hover-bg) !important}
.w2input_table_sb_main .w2selectbox_item_disabled,
.w2input_table_sb_main .w2selectbox_item_disabled .w2input_table_sb_col {background:transparent;color:var(--ws-form-disabled-color);opacity:1}

/* checkCombobox */
.w2checkcombobox {width:100%;height:var(--ws-form-height);border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-form-bg);color:var(--ws-form-color);box-sizing:border-box}
.w2checkcombobox_label {padding:0 0 0 8px;font-size:var(--ws-form-font-size);text-align:left;box-sizing:border-box}
.w2checkcombobox_focus .w2checkcombobox_col_label,
.w2checkcombobox_over .w2checkcombobox_col_label {background-color:transparent}
.w2checkcombobox .w2checkcombobox_col_button {position:relative;width:24px;background:url(../images/base/ico_select.svg) center no-repeat}
.w2checkcombobox:hover {outline:none;border-color:var(--ws-form-hover-bd)}
.w2checkcombobox:focus,
.w2checkcombobox.w2checkcombobox_open {border:1px solid var(--ws-form-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.w2checkcombobox_disabled {border-color:var(--ws-form-disabled-bd);background-color:var(--ws-form-disabled-bg)}
.w2checkcombobox_disabled:hover {border-color:var(--ws-form-disabled-bd)}
.w2checkcombobox_disabled .w2checkcombobox_label {color:var(--ws-form-disabled-color) !important}
.w2checkcombobox_disabled .w2checkcombobox_col_button {background:var(--ws-form-disabled-bg) url(../images/base/ico_select_dis.svg) left center no-repeat}

/* checkcombobox - accesibility */
.w2checkcombobox_acc {width:100%;height:var(--ws-form-height);border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);vertical-align:middle}
.w2checkcombobox_acc.w2checkcombobox_acc_selected {background-color:var(--ws-gray-0)}
.w2checkcombobox_acc .w2checkcombobox_acc_custom_arrow {height:100%;background:none}
.w2checkcombobox_acc .w2checkcombobox_acc_custom_arrow::after {content:'';display:block;position:absolute;top:50%;right:8px;width:4px;height:4px;margin-top:-3px;border-top:1px solid #20252A;border-right:1px solid #20252A;cursor:pointer;transform:translateY(-50%);transform:rotate(135deg)}
.w2checkcombobox_acc.w2checkcombobox_acc_selected .w2checkcombobox_acc_col_button {background:none}
.w2checkcombobox_disabled .w2checkcombobox_acc_custom_arrow::after {border-color:var(--ws-form-bd)}

.w2table_ccb {padding:4px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-form-bg);box-shadow:0 5px 5px rgb(33,43,54,0.1)}
.w2table_ccb_main {position:relative;top:0;background:var(--ws-form-bg)}
.w2table_ccb_main .w2checkcombobox_item_disabled {background:transparent;color:var(--ws-form-disabled-color)}
.w2table_ccb_col {height:28px;padding:0 4px;border-top:0;border-radius:var(--ws-form-radius);background:var(--ws-form-bg);font-size:var(--ws-form-font-size)}
.w2table_ccb_col_over {background-color:var(--ws-listitem-hover-bg)}
.w2table_ccb_col_checkbox {display:inline-block;float:none;width:20px;height:20px;margin:0 3px;border:1px solid var(--ws-gray-300);border-radius:var(--ws-form-radius);background:var(--ws-gray-0);vertical-align:middle;appearance:none;-webkit-appearance:none}
.w2table_ccb_col_checkbox:hover {border-color:var(--ws-primary-400)}
.w2table_ccb_col_checkbox:checked {border-color:var(--ws-primary-400);background:var(--ws-primary-400) url(../images/base/ico_check_on.svg) no-repeat center}
.w2table_ccb_col_checkbox:disabled {border-color:var(--ws-gray-300);background:var(--ws-gray-200)}
.w2table_ccb_col_checkbox:checked:disabled {border:0;background:var(--ws-gray-200) url(../images/base/ico_check_on_dis.svg) no-repeat center}
.w2table_ccb_col_label {display:inline-block;float:none;vertical-align:middle}

/* multiselect */
.w2multiselect_div {padding:4px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-form-bg);box-sizing:border-box}
.w2multiselect_table {border:0;background:transparent}
.w2multiselect_td {height:28px;padding:0 4px;border:0;border-radius:var(--ws-form-radius);font-size:var(--ws-form-font-size);line-height:28px}
.w2multiselect_tr_over {background-color:var(--ws-listitem-hover-bg)}
.w2multiselect_tr:first-child .w2multiselect_td {border-top:0}
.w2multiselect_div:focus {outline:none}
.w2multiselect_disabled {border-color:var(--ws-form-disabled-bd);background:var(--ws-form-disabled-bg)}
.w2multiselect_disabled .w2multiselect_td {border-color:var(--ws-form-disabled-bd);background:var(--ws-form-disabled-bg);color:var(--ws-form-disabled-color)}

/* multiselect accesibility */
.w2multiselect_acc {background-color:var(--ws-form-bg)}
.w2multiselect_acc_ul {border:1px solid var(--ws-form-bd);color:var(--ws-form-color)}
.w2multiselect_acc_ul .w2multiselect_acc_li {height:var(--ws-form-height);border-top:1px solid var(--ws-form-bd)}
.w2multiselect_acc_ul .w2multiselect_acc_li_over {background:#dbf0f7}
.w2multiselect_acc_ul .w2multiselect_acc_li .w2multiselect_acc_link {height:100%;color:var(--ws-form-color);font-size:12px;line-height:var(--ws-lineheight)}
.w2multiselect_acc_ul .w2multiselect_acc_li_over .w2multiselect_acc_link {text-decoration:none} 
.w2multiselect_acc:focus {outline:none}
.w2multiselect_acc:focus .w2multiselect_acc_ul {border:1px solid var(--ws-form-disabled-bd)}
.w2multiselect_disabled .w2multiselect_acc_ul {border-color:var(--ws-form-disabled-bd)}
.w2multiselect_disabled .w2multiselect_acc_li {border-color:var(--ws-form-disabled-bd);background:var(--ws-form-disabled-bg)}
.w2multiselect_disabled .w2multiselect_acc_li .w2multiselect_acc_link {color:var(--ws-form-disabled-color)}
 
/* inputCalendar */
.w2inputCalendar{width:120px}
.w2inputCalendar_div {overflow:visible;position:relative;width:120px;height:var(--ws-form-height)}
.w2inputCalendar_div_input {width:100% !important;padding-right:0}
.w2inputCalendar_divInput {width:100% !important;height:100% !important;padding-right:30px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-form-bg);color:var(--ws-form-color);font-family:var(--ws-font-family);font-size:var(--ws-form-font-size);text-align:center;box-sizing:border-box}
.w2inputCalendar_div:hover .w2inputCalendar_divInput {border-color:var(--ws-form-hover-bd)}
.w2inputCalendar_div:hover .w2input_disabled {border-color:var(--ws-form-disabled-bd)}
.w2inputCalendar_divInput:focus {border-color:var(--ws-form-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.w2inputCalendar_div_img {display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:30px}
.w2inputCalendar_div_img .w2inputCalendar_button {position:static;width:24px;height:24px;border-radius:4px;background:url(../images/base/ico_calendar.svg) no-repeat center;vertical-align:middle}
.w2inputCalendar_div_img .w2inputCalendar_button:hover {background-color:var(--ws-gray-100)}
.w2inputCalendar_div_img .w2inputCalendar_img_readOnly,
.w2inputCalendar_div_img .w2button_disabled {background-image:url(../images/base/ico_calendar_dis.svg);cursor:default}
.w2inputCalendar_div_img .w2inputCalendar_img_readOnly:hover,
.w2inputCalendar_div_img .w2button_disabled:hover {background-color:transparent}
.w2inputCalendar_div .w2inputCalendar_divInput.w2inputCalendar_divInput.w2inputCalendar_focus {outline:none;border-color:var(--ws-form-focus-bd)}
.w2inputCalendar_div .w2inputCalendar_divInput.w2input_disabled,
.w2inputCalendar_readOnly {border-color:var(--ws-form-disabled-bd);background-color:var(--ws-form-disabled-bg);color:var(--ws-form-disabled-color)}
.w2inputCalendar_div.red .w2inputCalendar_divInput{color:red !important}

.w2table_sb[class*="w2calendar_"] .w2table_sb_col {height:24px;font-size:13px;line-height:24px}

/* calendar */
.w2calendar {width:280px;height:auto;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-gray-0);box-sizing:border-box;box-shadow:0 5px 5px rgba(33,43,54,0.1)}
.w2calendar_wrap {padding-bottom:13px}
.w2calendar .w2calendar_header {display:flex;align-items:center;justify-content:space-between;height:24px;padding:16px 24px;padding-bottom:0;border-radius:3px;background-color:var(--ws-gray-0);text-align:center}
.w2calendar .w2calendar_header_last_year {position:static;width:24px;height:24px;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background:url(../images/base/ico_calendar_prevall.svg) center no-repeat;box-sizing:border-box}
.w2calendar .w2calendar_header_last_month {position:static;width:24px;height:24px;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background:url(../images/base/ico_calendar_prev.svg) center no-repeat;box-sizing:border-box}
.w2calendar .w2calendar_header_next_month {position:static;width:24px;height:24px;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background:url(../images/base/ico_calendar_next.svg) center no-repeat;box-sizing:border-box}
.w2calendar .w2calendar_header_next_year,
.w2calendar .w2calendar_header_next_year_yearType {position:static;width:24px;height:24px;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background:url(../images/base/ico_calendar_nextall.svg) center no-repeat;box-sizing:border-box}
.w2calendar .w2calendar_header_last_year:hover,
.w2calendar .w2calendar_header_last_month:hover,
.w2calendar .w2calendar_header_next_month:hover,
.w2calendar .w2calendar_header_next_year:hover,
.w2calendar .w2calendar_header_next_year_yearType:hover {border-color:var(--ws-btn-hover-bd)}
.w2calendar .w2calendar_header_last_year:focus,
.w2calendar .w2calendar_header_last_month:focus,
.w2calendar .w2calendar_header_next_month:focus,
.w2calendar .w2calendar_header_next_year:focus,
.w2calendar .w2calendar_header_next_year_yearType:focus {border-color:var(--ws-btn-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.w2calendar .w2calendar_selectbox_year,
.w2calendar .w2calendar_selectbox_month {position:static;height:24px;border-radius:4px;font-size:13px}
.w2calendar .w2calendar_selectbox_month {width:50px}
.w2calendar .w2calendar_selectbox_year:hover,
.w2calendar .w2calendar_selectbox_month:hover {background-color:var(--ws-gray-100)}
.w2calendar .w2selectbox_label {padding:0 0 0 4px;font-size:13px}
.w2calendar .w2selectbox_col_button {width:16px;background-size:12px}
.w2calendar_header_btn_ok,
.w2calendar_header_btn_ok_yearType,
.w2calendar_time_confirm {position:static;width:24px;height:24px;margin:0;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background:url(../images/base/ico_calendar_confirm.svg) center no-repeat;box-sizing:border-box}
.w2calendar_header_btn_close,
.w2calendar_header_btn_close_yearType,
.w2calendar_time_cancel {position:static;width:24px;height:24px;margin:0;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background:url(../images/base/ico_calendar_close.svg) center no-repeat;box-sizing:border-box}
.w2calendar_header_btn_ok:hover,
.w2calendar_header_btn_ok_yearType:hover,
.w2calendar_header_btn_close:hover,
.w2calendar_header_btn_close_yearType:hover,
.w2calendar_time_confirm:hover,
.w2calendar_time_cancel:hover {border-color:var(--ws-btn-hover-bd)}
.w2calendar_header_btn_ok:focus,
.w2calendar_header_btn_ok_yearType:focus,
.w2calendar_header_btn_close:focus,
.w2calendar_header_btn_close_yearType:focus,
.w2calendar_time_confirm:focus,
.w2calendar_time_cancel:focus {border-color:var(--ws-btn-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.w2calendar_content {margin-top:4px;padding:0;border:0;background:none}
.w2calendar_content .w2calendar_content_table {width:246px;margin:0 auto;border-collapse:separate;border-spacing:8px 4px}
.w2calendar_content .w2calendar_col_day {height:26px;font-size:0;font-weight:normal}
.w2calendar_content .w2calendar_col_date {height:26px;background:none;color:var(--ws-gray-700);font-size:13px;font-weight:normal;line-height:26px}
.w2calendar_content .w2calendar_date_over {border-radius:4px;background:var(--ws-primary-100);color:var(--ws-primary-500)}
.w2calendar_content .w2calendar_col_day_text {color:var(--ws-gray-700);font-size:13px;font-weight:normal;line-height:26px}
.w2calendar_content .w2calendar_col_day,
.w2calendar_content .w2calendar_day {position:relative;background-color:transparent;text-align:center;vertical-align:middle} 
.w2calendar_content .w2calendar_day_0,
.w2calendar_content .w2calendar_day_text_0,
.w2calendar_content .w2calendar_holiday {color:var(--ws-red-500)}
.w2calendar_content .w2calendar_day_6,
.w2calendar_content .w2calendar_day_text_6 {color:var(--ws-blue-500)}
.w2calendar_content .w2calendar_date_off {color:var(--ws-gray-300)}
.w2calendar_content .w2calendar_today {border-radius:4px;color:var(--ws-primary-400);box-shadow:inset 0 0 0 1px var(--ws-primary-400)}
.w2calendar_content .w2calendar_selected {position:relative;border:0;border-radius:4px;background:var(--ws-primary-400) center;background-size:26px;color:var(--ws-theme-white);box-shadow:none}
.w2calendar_content .w2calendar_date_disable {color:var(--ws-gray-500);text-decoration-line:line-through;cursor:default}
.w2calendar_footer {display:flex;align-items:center;width:100%;height:26px;margin-top:1px;padding:0 24px;gap:2px;-webkit-gap:2px;box-sizing:border-box}
.w2calendar_footer:empty {display:none}
.w2calendar_footer > tbody {display:block;width:100%}
.w2calendar_footer > tbody > tr {display:flex;align-items:center;justify-content:space-between}
.w2calendar_footer > tbody > tr > td {text-align:center}
.w2calendar_footer > tbody > tr > td:nth-child(2):last-child {margin-left:auto}
.w2calendar_footer > tbody > tr > td:nth-child(5):last-child {margin-left:-6px}
.w2calendar_footer > tbody > tr > td:nth-child(7):last-child {margin-left:-6px}
.w2calendar_footer_date {padding:0;color:var(--ws-gray-600);font-size:13px}
.w2calendar_footer_date_div {margin-left:auto}
.w2calendar_footer_date_div:first-child {margin-right:auto;margin-left:0}
.w2calendar_blank {display:none}
.w2calendar_go_today {position:relative;width:auto;height:auto;margin:0;margin-right:auto;padding:0;background:transparent;background-image:none;font-size:0;text-indent:0;cursor:pointer}
.w2calendar_go_today::before {content:'Today';display:inline-flex;align-items:center;height:24px;padding:0 3px;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background:var(--ws-btn-bg);color:var(--ws-gray-800);font-size:12px;box-sizing:border-box}
.w2calendar_go_today:hover::before {border-color:var(--ws-btn-hover-bd)}
.w2calendar_go_today:focus::before {border-color:var(--ws-btn-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.w2calendar_selectbox_hour,
.w2calendar_selectbox_minute,
.w2calendar_selectbox_second {width:41px;height:24px;margin:0 auto}
.w2calendar_classYear_class1 {width:202px;height:auto !important}
.w2calendar_classYearMonth_class1 {width:300px;height:auto !important}
.w2calendar_classYear_class1 .w2calendar_header,
.w2calendar_classYearMonth_class1 .w2calendar_header {padding:16px;padding-bottom:0}

/* native */
.w2calendar_selectbox_year_native,
.w2calendar_selectbox_month_native,
.w2calendar_selectbox_hour_mobile,
.w2calendar_selectbox_minute_mobile,
.w2calendar_selectbox_second_mobile {position:static;height:24px;margin:0;padding:0 16px 0 4px;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background:var(--ws-btn-bg) url(../images/base/ico_select.svg) no-repeat right 3px center;background-size:12px;color:var(--ws-form-color);font-size:13px;font-family:var(--ws-font-family);line-height:22px;vertical-align:middle;appearance:none;-webkit-appearance:none}
.w2calendar_selectbox_year_native:focus,
.w2calendar_selectbox_month_native:focus,
.w2calendar_selectbox_hour_mobile:focus,
.w2calendar_selectbox_minute_mobile:focus,
.w2calendar_selectbox_second_mobile:focus {border-color:var(--ws-form-focus-bd);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.w2calendar_selectbox_year_native,
.w2calendar_selectbox_month_native {border:0;background-size:12px}
.w2calendar_selectbox_year_native:hover,
.w2calendar_selectbox_month_native:hover {background-color:var(--ws-gray-100)}
.w2calendar_content .w2calendar_col_date button {color:var(--ws-gray-700);font-weight:normal;font-family:var(--ws-font-family)}
.w2calendar_content .w2calendar_day_0 button {color:var(--ws-red-500)}
.w2calendar_content .w2calendar_day_6 button {color:var(--ws-blue-500)}
.w2calendar_content .w2calendar_date_over button {background:none;color:var(--ws-primary-500)}
.w2calendar_content .w2calendar_selected button {background:none;color:var(--ws-theme-white)}
.w2calendar_footer_date_mobile {visibility:visible;position:static;width:auto;padding:0;color:var(--ws-gray-600);font-size:13px;text-align:center}

/* picker dynamic */
.w2calendar_picker_header {display:flex;align-items:center;height:24px;padding:16px 24px 0}
.w2calendar_picker_header_dynamic_entity {display:flex;flex:1;align-items:center;justify-content:center;width:auto;height:24px;margin:0 4px;border-radius:4px;font-weight:normal}
.w2calendar_picker_header_dynamic_entity:hover {background-color:var(--ws-gray-100)}
.w2calendar_picker_header_last_entity {flex:none;width:24px;height:24px;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background:url(../images/base/ico_calendar_prev.svg) center no-repeat;box-sizing:border-box}
.w2calendar_picker_header_last_entity:hover {border-color:var(--ws-btn-hover-bd);background:url(../images/base/ico_calendar_prev.svg) center no-repeat}
.w2calendar_picker_header_next_entity {flex:none;width:24px;height:24px;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background:url(../images/base/ico_calendar_next.svg) center no-repeat;box-sizing:border-box}
.w2calendar_picker_header_next_entity:hover {border-color:var(--ws-btn-hover-bd);background:url(../images/base/ico_calendar_next.svg) center no-repeat}
.w2calendar_picker_content {margin:12px 0;padding:0 16px}
.w2calendar_picker_content > table > tbody > tr > td {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px}
.w2calendar_picker_content > table > tbody > tr > td .w2calendar_picker_cell {display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin:0;border-radius:4px;background:var(--ws-gray-100);color:var(--ws-gray-700)}
.w2calendar_picker_content > table > tbody > tr > td .w2calendar_picker_cell:hover {background:var(--ws-primary-100);color:var(--ws-primary-500)}
.w2calendar_picker_content > table > tbody > tr > td .w2calendar_picker_cell.active {background:var(--ws-primary-500);color:var(--ws-gray-0)}

/* schedule Calendar */
.fc-view-container,
.fc-view-harness {position:relative;border:0 hidden transparent;clip-path:inset(0px round 8px);-webkit-clip-path:inset(0px round 8px)}
.fc-view-container::before,
.fc-view-harness::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;border:1px solid var(--ws-grid-header-bd);border-radius:8px;pointer-events:none}
.fc th {height:40px;background:var(--ws-table-th-bg);font-size:13px;vertical-align:middle !important}
.fc-toolbar h2 {font-size:18px;font-weight:bold}
.fc-toolbar {position:relative;box-sizing:border-box}
.fc-toolbar .fc-button-group button {height:30px;padding:0 15px}
.fc-toolbar .fc-button-group .fc-button {border-color:var(--ws-gray-200);background:var(--ws-gray-0);color:var(--ws-gray-600);font-size:12px;text-shadow:none}
.fc-toolbar .fc-button-group .fc-button:hover {background:var(--ws-gray-50)}
.fc-toolbar .fc-button-group .fc-button:active {background:var(--ws-gray-100);box-shadow:none}
.fc-toolbar .fc-widget-header {margin-right:0 !important}
.fc-toolbar .fc-prev-button {border-radius:8px 0 0 8px !important}
.fc-toolbar .fc-next-button {border-radius:0 8px 8px 0}
.fc-toolbar .fc-prev-button .fc-icon,
.fc-toolbar .fc-next-button .fc-icon {margin-bottom:2px}
.fc-toolbar .fc-right .fc-button {border-radius:0;box-shadow:none}
.fc-toolbar .fc-right .fc-month-button {border-radius:8px 0 0 8px}
.fc-toolbar .fc-right .fc-basicDay-button {border-radius:0 8px 8px 0}
.fc-icon-left-single-arrow:after,
.fc-icon-right-single-arrow:after {color:var(--ws-gray-600) !important}
/* schedule Calendar header */
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {border-color:var(--ws-gray-200) !important}
.fc-theme-standard th, 
.fc-theme-standard td,
.fc-theme-standard .fc-scrollgrid {border-color:var(--ws-gray-200) !important}
.fc-unthemed .fc-bg td.fc-today {background:var(--ws-gray-100) !important}
.fc-today-button {display:none}
.fc-day-number.fc-other-month {color:#CDCDDB !important;opacity:1}
.fc-day.fc-sun,
.fc-day.fc-sat,
.fc-daygrid-day.fc-day-sat,
.fc-daygrid-day.fc-day-sun {background-color:var(--ws-gray-0) !important;opacity:1}
.fc-ltr .fc-basic-view .fc-day-number {padding-top:6px;padding-right:7px;color:var(--ws-gray-700);font-size:12px;text-align:left !important}
.fc-basic-view .fc-sat .fc-day-number,
.fc .fc-day-sat .fc-daygrid-day-number {color:var(--ws-blue-500)}
.fc-basic-view .fc-sun .fc-day-number,
.fc .fc-day-sun .fc-daygrid-day-number {color:var(--ws-red-500)}
.w2widget_content .fc-day-grid-container.fc-scroller {height:224px !important}
.fc-event.fc-event {border-color:transparent;background-color:#FF836D;text-align:center}
.fc-event .fc-title {font-size:12px;font-weight:400;vertical-align:middle}
.fc a.fc-more {font-size:12px}
.fc .fc-toolbar {gap:4px}
.fc-today-button {/*display:none !important*/}
.fc .fc-toolbar-title {font-size:16px !important;text-align:center}
.fc .fc-dayGridDay-button {display:none !important}

/* ############################## Grid ############################## */

/* gridview */
.w2grid {outline:0;background:var(--ws-grid-bg)}
.w2grid .gridHeaderTableDefault {border:0}
.w2grid th.gridHeaderTDDefault {height:37px;border-color:var(--ws-grid-header-bd);background:var(--ws-grid-header-bg);color:var(--ws-grid-header-color);font-size:14px;font-weight:700;text-overflow:ellipsis}
.w2grid th.gridHeaderTDDefault nobr {padding:0}
.w2grid th.gridHeaderTDDefault span {display:inline-block;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}
.w2grid td.gridBodyDefault {height:37px;/*border:1px dashed var(--ws-grid-bd);*/border-color:transparent;/*background-color:var(--ws-grid-bg);*/color:var(--ws-grid-color);font-size:14px}
.w2grid td.gridBodyDefault_rowNumber {}
.w2grid .gridBodyDefault button {overflow:hidden;display:inline-block;position:relative;width:auto !important;height:26px !important;padding:0 8px;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background-color:var(--ws-btn-bg);background-position:center;background-repeat:no-repeat;color:var(--ws-btn-color);font-size:12px;vertical-align:middle;cursor:pointer}
.w2grid .gridBodyDefault button:hover {border-color:var(--ws-btn-hover-bd);background-color:var(--ws-btn-hover-bg)}
.w2grid .gridBodyDefault button:active {border-color:var(--ws-btn-focus-bd);background-color:var(--ws-btn-focus-bg)}
.w2grid .gridBodyDefault a {color:var(--ws-primary-500);text-decoration:underline}
.w2grid .w2input {min-width:auto;padding:0 2px;border-color:var(--ws-btn-focus-bd) !important;box-sizing:initial}
.w2grid .w2selectbox {box-sizing:initial}
.w2grid .w2selectbox.w2selectbox_open {border-color:var(--ws-form-focus-bd) !important}
.w2grid .w2inputCalendar_div {box-sizing:initial;margin-left:2px}
.w2grid .w2inputCalendar_div .w2inputCalendar_divInput {outline:none;box-sizing:intial}
.w2grid .gridBodyDefault_calendar {padding-right:30px;background:url(../images/base/ico_calendar.svg) no-repeat right 10px center}
.w2grid .gridBodyDefault_autoComplete,
.w2grid .gridBodyDefault_checkcombobox {background:url(../images/base/ico_select.svg) no-repeat right 10px center}
.w2grid .gridBodyDefault_select {background:url(../images/base/ico_select.svg) no-repeat right 9px center}
.w2grid .gridBodyDefault_select nobr,
.w2grid .gridBodyDefault_autoComplete nobr,
.w2grid .gridBodyDefault_checkcombobox nobr {overflow:hidden;display:block;padding:0 30px 0 8px;font-size:var(--ws-form-font-size);text-overflow:ellipsis}
.w2grid .gridBodyDefault .w2grid_textImage_image {line-height:1;cursor:pointer}
.w2grid .gridBodyDefault_spinner {background:url(../images/base/ico_spinner_up.svg) no-repeat right 11px top 5px, url(../images/base/ico_spinner_down.svg) no-repeat right 11px bottom 4px}
.w2grid .w2grid_spinner_up_start,
.w2grid .w2grid_spinner_up_center,
.w2grid .w2grid_spinner_up_end,
.w2grid .w2grid_spinner_down_start,
.w2grid .w2grid_spinner_down_center,
.w2grid .w2grid_spinner_down_end {display:none}
.w2grid .w2grid_spinner_up {display:flex;align-items:flex-end;justify-content:center;width:30px;margin:0}
.w2grid .w2grid_spinner_down {display:flex;align-items:flex-start;justify-content:center;width:30px;margin:0}
.w2grid .w2grid_spinner_up .w2grid_spinner_up_image,
.w2grid .w2grid_spinner_down .w2grid_spinner_down_image {position:static;width:24px;height:12px;margin:0}
.w2grid .w2grid_spinner_up .w2grid_spinner_up_image:hover,
.w2grid .w2grid_spinner_down .w2grid_spinner_down_image:hover {border-radius:3px;background-color:var(--ws-gray-100)}
.w2grid .gridBodyDefault_spinner .w2input {box-sizing:border-box}
.w2grid .gridBodyDefault_spinner .w2grid_spinner_up_image {position:static;top:0;width:24px;height:16px;margin-top:0;background:url(../images/base/ico_spinner_up.svg) no-repeat center}
.w2grid .gridBodyDefault_spinner .w2grid_spinner_down_image {position:static;top:0;width:24px;height:16px;margin-top:0;background:url(../images/base/ico_spinner_down.svg) no-repeat center}
.w2grid input[type="checkbox"] {flex:none;width:16px;height:16px;margin:3px;border:1px solid var(--ws-gray-300);border-radius:var(--ws-form-radius);vertical-align:middle;appearance:none;-webkit-appearance:none}
.w2grid input[type="checkbox"]:hover {border-color:var(--ws-primary-400)}
.w2grid input[type="checkbox"]:checked {border-color:var(--ws-primary-400);background:var(--ws-primary-400) url(../images/base/ico_check_on.svg) no-repeat center}
.w2grid input[type="checkbox"]:disabled {border-color:var(--ws-gray-300);background:var(--ws-gray-200)}
.w2grid input[type="checkbox"]:checked:disabled {border:0;background:var(--ws-gray-200) url(../images/base/ico_check_on_dis.svg) no-repeat center}
.w2grid input[type="checkbox"]:indeterminate {padding:6px 2px;background:var(--ws-gray-600);background-clip:content-box}
.w2grid .w2checkbox_label {font-size:14px;vertical-align:middle}
.w2grid input[type="radio"] {width:16px;height:16px;margin:3px;border:1px solid var(--ws-gray-300);border-radius:50%;vertical-align:middle;appearance:none;-webkit-appearance:none}
.w2grid input[type="radio"]:hover {border-color:var(--ws-primary-400)}
.w2grid input[type="radio"]:checked {padding:3px;border-color:var(--ws-primary-400);background:var(--ws-primary-400);background-clip:content-box}
.w2grid input[type="radio"]:disabled {border-color:var(--ws-gray-300);background:var(--ws-gray-200)}
.w2grid input[type="radio"]:checked:disabled {border:4px solid var(--ws-gray-200);background:var(--ws-gray-500)} 
.w2grid .w2radio_label {font-size:14px;vertical-align:middle}
.w2grid_rowStatus_C {background:url(../images/base/ico_grid_add.svg) no-repeat center}
.w2grid_rowStatus_U {background:url(../images/base/ico_grid_update.svg) no-repeat center}
.w2grid_rowStatus_D {background:url(../images/base/ico_grid_del.svg) no-repeat center}
.w2grid_rowStatus_V {background:url(../images/base/ico_grid_del.svg) no-repeat center}
.gvwbox.bd .w2grid_input,
.gvwbox .bd .w2grid_input{display:inline-block;width:calc(100% - 6px);height:var(--ws-form-height);margin:0 3px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);line-height:var(--ws-form-height);box-sizing:border-box}

/* grid scroll */
.w2grid .w2grid_scrollX {border-top:1px solid var(--ws-grid-header-bd);box-sizing:border-box}
.w2grid .w2grid_scrollX > table {margin-top:-1px}
.w2grid .w2grid_scrollY {margin-right:1px;border-left:1px solid var(--ws-grid-header-bd);box-sizing:border-box}
.w2grid .w2grid_scrollX > table td[id*="scrollX_left"] > div {border-right:1px solid var(--ws-grid-header-bd)}
.w2grid .w2grid_scrollX > table td[id*="scrollX_fixedRight"] > div {border-left:1px solid var(--ws-grid-header-bd)}
.w2grid .w2grid_scrollX > table td[id*="scrollX_left"] > div::-webkit-scrollbar,
.w2grid .w2grid_scrollX > table td[id*="scrollX_fixedRight"] > div::-webkit-scrollbar,
.w2grid .w2grid_scrollX > table td[id*="scrollX_right"]::-webkit-scrollbar,
.w2grid .w2grid_scrollX > table td div[id*="scrollX_right"]::-webkit-scrollbar,
.w2grid .w2grid_scrollY::-webkit-scrollbar {border-radius:0;background:var(--ws-gray-100)}
.w2grid .w2grid_scrollX > table td[id*="scrollX_left"] > div::-webkit-scrollbar-thumb,
.w2grid .w2grid_scrollX > table td[id*="scrollX_fixedRight"] > div::-webkit-scrollbar-thumb,
.w2grid .w2grid_scrollX > table td div[id*="scrollX_right"]::-webkit-scrollbar-thumb,
.w2grid .w2grid_scrollY::-webkit-scrollbar-thumb {border:3px solid transparent;border-radius:10px;background:var(--ws-gray-500);background-clip:padding-box}
.w2grid .w2grid_scrollX[style*="height:0px"],
.w2grid .w2grid_scrollX[style*="height: 0px"],
.w2grid .w2grid_scrollY[style*="width:0px"],
.w2grid .w2grid_scrollY[style*="width: 0px"] {border:0}

/* grid total */
.gridSubtotalDefault {height:37px;border-left:0;border-right:0;border-color:var(--ws-grid-subtotal-bd);background-color:var(--ws-grid-subtotal-bg);font-size:14px}
.gridFooterTableDefault {margin-bottom:1px;background-color:transparent}
.gridFooterTDDefault {height:37px;border-color:var(--ws-grid-footer-bd);background-color:var(--ws-grid-footer-bg);color:var(--ws-color);font-size:14px}

/* grid disabled */
.w2grid .w2grid_default_disabled {color:var(--ws-form-disabled-color)}
.w2grid .w2grid_default_disabled button {color:var(--ws-btn-disabled-color);background-color:var(--ws-btn-disabled-bg);border-color:var(--ws-btn-disabled-bd);cursor:default;pointer-events:none}
.w2grid .w2grid_default_disabled.gridBodyDefault_select,
.w2grid .w2grid_default_disabled.gridBodyDefault_autoComplete,
.w2grid .w2grid_default_disabled.gridBodyDefault_checkcombobox {background-image:url(../images/base/ico_select_dis.svg)}
.w2grid .w2grid_default_disabled.gridBodyDefault_calendar {background-image:url(../images/base/ico_calendar_dis.svg)}
.w2grid .w2grid_default_disabled.gridBodyDefault_spinner {background-image:url(../images/base/ico_spinner_up_dis.svg), url(../images/base/ico_spinner_down_dis.svg)}
.w2grid .w2grid_default_disabled a {color:var(--ws-form-disabled-color);cursor:default}

/* grid drilldown */
.w2grid .w2grid_drilldown_nobr {padding:0 4px !important}
.w2grid .w2grid_depthBlank {width:23px;height:20px}
.w2grid .w2grid_depthBlank:last-child {margin-right:2px}
.w2grid .w2grid_plus {width:23px;height:20px;background:url(../images/base/ico_drilldown_plus.svg) no-repeat center;vertical-align:top}
.w2grid .w2grid_minus {width:23px;height:20px;background:url(../images/base/ico_drilldown_minus.svg) no-repeat center;vertical-align:top}
.w2grid .w2grid_leaf {width:23px;height:20px;background:url(../images/base/ico_drilldown_docu.svg) no-repeat center;vertical-align:top}

/* grid sort */
.w2grid .w2grid_head_sort_table_main {border-spacing:0}
.w2grid .w2grid_head_sort_td {width:16px;background-position:center top 2px;color:var(--ws-gray-600)}
.w2grid .w2grid_head_sort_asc {background:url(../images/base/ico_grid_up.svg) no-repeat center right 4px}
.w2grid .w2grid_head_sort_desc {background:url(../images/base/ico_grid_down.svg) no-repeat center right 4px}
.w2grid .w2grid_head_sort_div_main {display:flex;align-items:center;position:relative;width:100%;height:100% !important;margin:0;padding:0 16px 0 4px;box-sizing:border-box;justify-content:center}
.w2grid .w2grid_head_sort_div_main > span,
.w2grid .w2grid_head_sort_div_main > nobr {overflow:hidden;display:block;width:100%;text-overflow:ellipsis}
.w2grid .w2grid_head_sort_none {background:url(../images/base/ico_grid_up.svg) top calc(50% - 4px) right 4px no-repeat, url(../images/base/ico_grid_down.svg) top calc(50% + 4px) right 4px no-repeat}
.w2grid_head_sort_div_sub_sortable_image {right:5px;bottom:0;width:auto;color:var(--ws-gray-600)}
.w2grid_head_sort_div_main_outer_box {display:flex;align-items:center;justify-content:center;height:100%;margin:0}
.w2grid_head_sort_div_main_outer_box .w2grid_head_sort_none {padding-right:16px}
.w2grid.w2gridViewItemTable_main .w2grid_head_sort_div_main { padding:0 4px; }

/* grid useFilter */
.w2grid .w2grid_customFilter_open {flex:none;position:relative;top:0;right:0;width:16px;height:16px;margin:0 4px 0 8px !important;padding:0;border:1px solid var(--ws-gray-300);border-radius:4px;background:var(--ws-gray-0) url(../images/base/ico_grid_filter.svg) no-repeat center}
.w2grid_customFilter_open.w2trigger {flex:none;position:relative;top:0;right:0;width:16px;height:16px;margin:0 4px 0 8px !important;padding:0;border:1px solid var(--ws-gray-300);border-radius:4px;background:var(--ws-gray-0) url(../images/base/ico_grid_filter.svg) no-repeat center}
.w2grid_customFilter_scrollView {border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-form-bg);box-shadow:0 5px 5px rgb(33,43,54,0.1)}
.w2grid_customFilter_list {overflow:auto;position:absolute !important;width:100% !important;height:100% !important}
.w2grid_customFilter_list_listColumn_text {color:var(--ws-color)}
.w2list_input {width:100%;margin-bottom:4px;box-sizing:border-box;outline:none}
.w2list_listRow {display:flex !important;align-items:center;padding:0 4px;border:0;border-radius:var(--ws-form-radius);font-size:var(--ws-form-font-size);text-align:left}
.w2list_listRow_over {background-color:var(--ws-listitem-hover-bg)}
.w2grid_customFilter {overflow:hidden;width:366px !important;border:0;border:1px solid var(--ws-gray-300);border-radius:8px;box-shadow:0 2px 3px rgba(0,0,0,0.08);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.08)}
.w2grid_customFilter .w2floatingLayer_dragArea {cursor:pointer}
.w2grid_customFilter .w2floatingLayer_topleft,
.w2grid_customFilter .w2floatingLayer_topright {width:0px;height:50px;border-bottom:1px solid var(--ws-gray-300);background:var(--ws-gray-0)}
.w2grid_customFilter .w2floatingLayer_topcenter {height:50px;padding:0 16px;border-bottom:1px solid var(--ws-gray-300);background:var(--ws-gray-0)}
.w2grid_customFilter .w2grid_customFilter_title {color:var(--ws-color);font-size:16px;font-weight:bold}
.w2grid_customFilter .w2grid_customFilter_btnClose {width:16px;height:16px;background:url(../images/base/ico_pop_close.svg) no-repeat center}
.w2grid_customFilter_BC {border:0;padding:19px 20px;box-sizing:border-box}
.w2grid_customFilter_BC > .w2group {height:30px !important}
.w2grid_customFilter_text {margin:0 !important;font-size:13px;font-weight:bold}
.w2grid_customFilter_selectbox {left:0px;width:160px;height:30px;border-color:var(--ws-form-bd);border-radius:var(--ws-form-radius)}
.w2grid_customFilter_autocomplete {width:160px;height:30px;margin-left:4px;border-color:var(--ws-form-bd);border-radius:var(--ws-form-radius)}
.w2grid_customFilter_radio {left:0px !important}
.w2grid_customFilter_radio .w2radio_label {line-height:20px}
.w2grid_customFilter_item {top:120px !important;margin-top:-40px}
.w2grid_customFilter_item .w2grid_customFilter_selectbox,
.w2grid_customFilter_item .w2grid_customFilter_autocomplete {top:26px !important}
.w2grid_customFilter_item ~ .w2grid_customFilter_text {margin-top:-16px !important;font-size:12px;font-weight:normal}
.w2grid_customFilter_BC .w2grid_customFilter_buttonGroup {display:flex;align-items:center;justify-content:center;width:326px;height:36px !important;margin:0}
.w2grid_customFilter_button {position:static !important;min-width:76px;height:36px;margin:0;padding:0 12px;border:1px solid var(--ws-gray-500);border-radius:var(--ws-btn-radius);background:var(--ws-btn-bg);color:var(--ws-btn-color);font-size:14px;line-height:34px;box-sizing:border-box}
.w2grid_customFilter_button:hover {border-color:var(--ws-btn-hover-bd);background-color:var(--ws-btn-hover-bg);color:var(--ws-btn-hover-color)}
.w2grid_customFilter_button:first-child {margin-right:8px;border-color:var(--ws-primary-500);background-color:var(--ws-primary-500);color:var(--ws-gray-0);line-height:34px}
.w2grid_customFilter_button:first-child:hover {border-color:var(--ws-primary-400);background-color:var(--ws-primary-400)}
.w2grid_customFilter .w2floatingLayer_bottomcenter {background:var(--ws-gray-0)}

/* grid noresult */
.w2grid > div[id*="noresult"] {left:50% !important;width:auto !important;padding-left:26px !important;border:0 !important;background:transparent !important;color:var(--ws-gray-500) !important;font-weight:bold;transform:translateX(-50%)}
.w2grid > div[id*="noresult"]::before {content:'';position:absolute;top:3px;left:0;width:20px;height:20px;background:url(../images/base/ico_grid_noresult.svg) no-repeat center}

/* grid adaptive */
.w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault {padding:8px 0;border:1px solid var(--ws-grid-header-bd);border-bottom:0;box-sizing:border-box}
.w2grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault table {margin-top:-2px}
.w2grid.w2grid_adaptive_crosstab td.gridBodyDefault {padding:8px 0;border:0;border-top:1px dashed var(--ws-grid-bd);box-sizing:border-box}
.w2grid.w2grid_adaptive_crosstab .w2grid_customFilter_list {position:relative !important}
.w2grid.w2grid_adaptive_crosstab .grid_body_row:nth-last-child(1) .gridBodyDefault {border-right:1px solid var(--ws-grid-bd)}

/* grid 바인딩데이터로 인한 버그 수정 before 아이콘때문에 헤더가 한줄 생기는 현상*/
.gridHeaderTableDefault .default_binding_wrap:before, 
.gridHeaderTableDefault .default_event_wrap:before{display: none;}

/* ############################## Container ############################## */

/* table */
.w2tb {position:relative;width:100%}
.w2tb .w2tb_th {height:30px;padding:4px 12px;border-color:var(--ws-table-bd);background:var(--ws-table-th-bg);background-clip:padding-box;text-align:left;word-break:break-word}
.w2tb .w2tb_th .w2textbox,
.w2tb .w2tb_th .w2span {display:inline-block;position:relative;vertical-align:middle}
.w2tb .w2tb_td {height:30px;padding:6px;border-color:var(--ws-table-bd);background:var(--ws-table-td-bg);background-clip:padding-box;word-break:break-word}

/* table adaptive */
.w2tb.w2tb_adaptive_layout {border-right:1px solid var(--ws-table-bd);border-bottom:1px solid var(--ws-table-bd)}
.w2tb.w2tb_adaptive_layout,
.w2tb.w2tb_adaptive_layout > tbody {display:block}
.w2tb.w2tb_adaptive_layout .w2tb_tr {display:grid;grid-template-columns:150px 1fr}
.w2tb.w2tb_adaptive_layout .w2tb_th {display:flex;align-items:center;position:static;height:100%;min-height:43px;border-bottom:0;box-sizing:border-box}
.w2tb.w2tb_adaptive_layout colgroup,
.w2tb.w2tb_adaptive_layout col {display:none}
.w2tb.w2tb_adaptive_layout .w2tb_td {display:flex;flex-flow:wrap;align-items:center;height:auto;padding-left:6px;border-color:var(--ws-table-bd) !important;box-sizing:border-box}
.w2tb.w2tb_adaptive_layout .w2tb_td[rowspan]:not([rowspan="1"]):empty {display:none}
.w2tb.w2tb_adaptive_layout .w2tb_td::before,
.w2tb.w2tb_adaptive_layout .w2tb_td::after {display:none}
.w2tb.w2tb_adaptive_layout .w2tb_tr:last-child .w2tb_td:last-child {border-bottom:0}

/* tabcontrol */
.w2tabcontrol {border:1px solid var(--ws-gray-300)}
.w2tabcontrol > .w2tabcontrol_tabhost {display:flex;flex:none;position:relative;height:40px;background:#F8F9FA;box-sizing:border-box}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li {flex-shrink:0;margin:0;padding:0 32px;border:0;border-right:1px solid #D0D6DC;background-color:#F8F9FA;box-sizing:border-box;cursor:pointer}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_over {background-color:var(--ws-gray-200)}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_active {z-index:21;border-color:#00AAD4;background-color:#00AAD4}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_left {display:none}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_center {height:100%;background-image:none}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_right {height:100%;width:20px;background-image:none}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_center {display:flex;align-items:center;justify-content:center}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_center > a {top:0;margin:0;color:var(--ws-gray-600);font-size:16px}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_over > .w2tabcontrol_tab_center > a {color:var(--ws-gray-800)}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_active > .w2tabcontrol_tab_center > a {color:var(--ws-theme-white)}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_disabled > .w2tabcontrol_tab_center > a {cursor:default}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close, 
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close2 {top:11px;width:16px;height:16px;background:url(../images/base/ico_tab_close.svg) center no-repeat}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close:hover, 
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close2:hover {border-radius:3px;background-color:var(--ws-gray-300)}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_active > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close, 
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_active > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close2 {background-image:url(../images/base/ico_tab_close_on.svg)}
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_active > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close:hover, 
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_active > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close2:hover {background-color:var(--ws-primary-500)}
.w2tabcontrol > .w2tabcontrol_container {float:none;position:relative;top:-1px;right:0;bottom:0;left:0;padding:0;border:0;border-top:1px solid #D0D6DC;background:transparent}
.w2tabcontrol > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabcontrol_contents_wrapper_selected {position:relative;top:0;right:0;bottom:0;left:0;height:auto;padding:16px;box-sizing:border-box}

/* tabcontrol scroll */
.w2tabcontrol > .w2tabcontrol_control {position:relative;height:40px;background:var(--ws-gray-100)}
.w2tabcontrol > .w2tabcontrol_control > .mask {right:90px;left:0;height:100%;margin:0}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll {height:100%}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost {height:100%}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_li {margin:0;padding:0 32px;border:0;border-right:1px solid var(--ws-gray-300);background-color:var(--ws-gray-100);box-sizing:border-box;cursor:pointer}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_over {background-color:var(--ws-gray-200)} 
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_active {z-index:21;border-color:var(--ws-primary-400);background-color:var(--ws-primary-400)}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_left {display:none}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_center {height:100%;background-image:none}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_right {height:100%;width:20px;background-image:none}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_center {display:flex;align-items:center;justify-content:center}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_center > a {top:0;margin:0;color:var(--ws-gray-600);font-size:14px;line-height:inherit}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_over > .w2tabcontrol_tab_center > a {color:var(--ws-gray-800)}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_active > .w2tabcontrol_tab_center > a {color:var(--ws-theme-white)}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_disabled > .w2tabcontrol_tab_center > a {cursor:default}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close, 
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close2 {top:11px;width:16px;height:16px;background:url(../images/base/ico_tab_close.svg) center no-repeat}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close:hover, 
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close2:hover {border-radius:3px;background-color:var(--ws-gray-300)}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_active > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close, 
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_active > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close2 {background-image:url(../images/base/ico_tab_close_on.svg)}
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_active > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close:hover, 
.w2tabcontrol > .w2tabcontrol_control > .mask > .scroll > .w2tabcontrol_tabhost > .w2tabcontrol_active > .w2tabcontrol_tab_right > .w2tabcontrol_tab_close2:hover {background-color:var(--ws-primary-500)}
.w2tabcontrol > .w2tabcontrol_control > .btn_scrollLeft {position:absolute;top:8px;right:65px;z-index:1;width:24px;height:24px;margin:0;border:0;border-radius:4px;background:url(../images/base/ico_tab_left.svg) center no-repeat;box-sizing:border-box}
.w2tabcontrol > .w2tabcontrol_control > .btn_scrollRight {position:absolute;top:8px;right:35px;z-index:1;width:24px;height:24px;margin:0;border:0;border-radius:4px;background:url(../images/base/ico_tab_right.svg) center no-repeat;box-sizing:border-box}
.w2tabcontrol > .w2tabcontrol_control > .btn_submenu {position:absolute;top:8px;right:7px;z-index:1;width:24px;height:24px;margin:0;border:0;border-radius:4px;background:url(../images/base/ico_tab_list.svg) center no-repeat;box-sizing:border-box}
.w2tabcontrol > .w2tabcontrol_control > .btn_scrollLeft:hover,
.w2tabcontrol > .w2tabcontrol_control > .btn_scrollRight:hover,
.w2tabcontrol > .w2tabcontrol_control > .btn_submenu:hover {background-color:var(--ws-gray-200)}

/* tabcontrol left */
.w2tabcontrol_left {display:flex}
.w2tabcontrol_left > .w2tabcontrol_tabhost_left {display:block;z-index:21;width:auto !important;height:auto;border:0}
.w2tabcontrol_left > .w2tabcontrol_tabhost_left > .w2tabcontrol_li {left:0 !important;width:auto !important;height:40px;min-height:40px;margin-bottom:0;border-bottom:1px solid var(--ws-gray-300)}
.w2tabcontrol_left > .w2tabcontrol_tabhost_left > .w2tabcontrol_li:last-child {border-bottom:0}
.w2tabcontrol_left > .w2tabcontrol_tabhost_left > .w2tabcontrol_active {border-right:1px solid var(--ws-primary-400);margin-top:0}
.w2tabcontrol_left > .w2tabcontrol_tabhost_left > .w2tabcontrol_li > .w2tabcontrol_tab_center {position:relative}
.w2tabcontrol_left > .w2tabcontrol_container {flex:1;position:static !important;box-sizing:border-box}
.w2tabcontrol_left > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabcontrol_contents_wrapper {height:auto !important;padding:10px} 

/* tabcontrol right */
.w2tabcontrol_right {display:flex;flex-flow:row-reverse}
.w2tabcontrol_right > .w2tabcontrol_tabhost_right {display:block;width:auto !important;height:auto;border:0}
.w2tabcontrol_right > .w2tabcontrol_tabhost_right > .w2tabcontrol_li {left:0 !important;width:auto !important;height:40px;margin-bottom:0;border-right:0;border-left:1px solid var(--ws-gray-300);border-bottom:1px solid var(--ws-gray-300)}
.w2tabcontrol_right > .w2tabcontrol_tabhost_right > .w2tabcontrol_li:last-child {border-bottom:0}
.w2tabcontrol_right > .w2tabcontrol_tabhost_right > .w2tabcontrol_active {border-left:1px solid var(--ws-primary-400);margin-top:0}
.w2tabcontrol_right > .w2tabcontrol_tabhost_right > .w2tabcontrol_li > .w2tabcontrol_tab_center {position:relative}
.w2tabcontrol_right > .w2tabcontrol_container {flex:1;position:static !important;box-sizing:border-box}
.w2tabcontrol_right > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabcontrol_contents_wrapper {height:auto !important;padding:10px} 

/* tabcontrol bottom */
.w2tabcontrol_bottom > .w2tabcontrol_container {position:relative !important;top:0;border:0;z-index:3}
.w2tabcontrol_bottom > .w2tabcontrol_container + .w2tabcontrol_control {top:auto !important}
.w2tabcontrol_bottom > .w2tabcontrol_tabhost_bottom {float:none;position:relative;top:auto !important;width:auto;border:0;border-top:1px solid var(--ws-gray-300)}
.w2tabcontrol_bottom > .w2tabcontrol_tabhost_bottom > .w2tabcontrol_li {z-index:auto}
.w2tabcontrol_bottom > .w2tabcontrol_tabhost_bottom > .w2tabcontrol_over,
.w2tabcontrol_bottom > .w2tabcontrol_tabhost_bottom > .w2tabcontrol_active {box-sizing:border-box}
.w2tabcontrol_bottom > .w2tabcontrol_tabhost_bottom > .w2tabcontrol_li > .w2tabcontrol_tab_center {position:relative}

/* tabcontrol list */
.w2table_tabControl {height:auto !important;padding:4px;border:1px solid var(--ws-gray-200);border-radius:4px;background:var(--ws-gray-0);box-sizing:border-box;box-shadow:0 5px 5px rgba(33,43,54,0.1)}
.w2table_tabControl_main {position:relative;top:0;width:100% !important;background:var(--ws-gray-0)}
.w2table_tabControl_col {height:28px;padding:0 4px;border:0;border-radius:4px;background:var(--ws-gray-0);font-size:14px;box-sizing:border-box}
.w2table_tabControl_col_over {background-color:var(--ws-gray-100)}

/* tabcontrol Adaptive */
.w2tabcontrol.w2tab_adaptive_layout {border:0}
.w2tabcontrol.w2tab_adaptive_layout > .w2tabcontrol_tabhost {display:none}
.w2tabcontrol.w2tab_adaptive_layout .w2tabcontrol_container {border-top:0}
.w2tabcontrol.w2tab_adaptive_layout .w2tabcontrol_container .w2tabcontrol_contents {margin:-1px 0 0}
.w2tabcontrol.w2tab_adaptive_layout .w2tabcontrol_container .w2tabcontrol_contents_wrapper {transition:all .2s linear}
.w2tabcontrol.w2tab_adaptive_layout .w2tabcontrol_container .w2tabcontrol_contents_wrapper.w2tabcontrol_contents_wrapper_selected {margin-top:0}
.w2tabcontrol.w2tab_adaptive_layout .w2tabcontrol_container .w2tabcontrol_contents:frist-child .w2tabcontrol_bridge {border-top:0}
.w2tabcontrol.w2tab_adaptive_layout .w2tabcontrol_bridge {padding:0;border:0;border-top:1px solid var(--ws-gray-200);border-bottom:1px solid var(--ws-gray-200);background:var(--ws-gray-100)}
.w2tabcontrol.w2tab_adaptive_layout .w2tabcontrol_bridge h3 {display:flex;align-items:center;height:40px !important;padding:0 16px;font-size:14px;font-weight:bold}
.w2tabcontrol.w2tab_adaptive_layout .w2tabcontrol_bridge h3::after {position:static;width:12px;height:12px;margin:0 0 0 auto;border:0;background:url(../images/base/ico_tab_right.svg) center no-repeat;transition:transform .3s}
.w2tabcontrol.w2tab_adaptive_layout .w2tabcontrol_bridge.w2tabcontrol_contents_bridge_selected h3::after {transform:rotate(90deg)}

/* ############################## Navigation ############################## */

/* treeview table */
.w2treeview {background-color:transparent}
.w2treeview .w2treeview_icon_navi {height:28px}
.w2treeview .w2treeview_col_icon_navi {width:20px}
.w2treeview .w2treeview_open_child .w2treeview_icon_navi {width:20px;background:url(../images/base/ico_tree_minus.svg) no-repeat 0 50%}
.w2treeview .w2treeview_close_child .w2treeview_icon_navi {width:20px;background:url(../images/base/ico_tree_plus.svg) no-repeat 0 50%}
.w2treeview .w2treeview_leaf .w2treeview_icon_navi,
.w2treeview .w2treeview_root_multi_leaf .w2treeview_icon_navi {width:20px;background:url(../images/base/ico_tree_docu.svg) no-repeat 0 50%}
.w2treeview .w2treeview_open_child .w2treeview_icon_navi:hover {background-image:url(../images/base/ico_tree_minus_hover.svg)}
.w2treeview .w2treeview_close_child .w2treeview_icon_navi:hover {background-image:url(../images/base/ico_tree_plus_hover.svg)}
.w2treeview .w2treeview_leaf .w2treeview_icon_navi:hover,
.w2treeview .w2treeview_root_multi_leaf .w2treeview_icon_navi:hover {background-image:url(../images/base/ico_tree_docu.svg)}
.w2treeview .w2treeview_label {padding:2px 4px;color:var(--ws-gray-800);font-size:14px}

/* treeview virtual */
.w2treeview_virtual {overflow:auto;box-sizing:border-box}
.w2treeview_virtual .w2treeview_virtual_main_div {position:static}
.w2treeview_virtual .treeview_virtual_node {overflow:hidden;display:flex;align-items:center;position:relative;height:28px !important;margin-top:-1px;padding:0 1px;line-height:28px;text-overflow:ellipsis;white-space:nowrap}
.w2treeview_virtual .treeview_virtual_node.treeview_select_nodedom {background-color:transparent}
.w2treeview_virtual .treeview_virtual_node .treeview_guideline {width:22px !important;background-position:0 center}
.w2treeview_virtual .treeview_virtual_node .treeview_no_guideline {width:22px !important}
.w2treeview_virtual .treeview_virtual_node .treeview_icon_navi {position:relative;z-index:2;width:20px;background:url(../images/base/ico_tree_docu.svg) no-repeat center}
.w2treeview_virtual .treeview_virtual_node.leaf .treeview_icon_navi {z-index:0}
.w2treeview_virtual .treeview_virtual_node .treeview_icon_close {width:20px;height:20px;margin-right:4px;background:url(../images/base/ico_tree_minus.svg) no-repeat !important}
.w2treeview_virtual .treeview_virtual_node .treeview_icon_open {width:20px;height:20px;margin-right:4px;background:url(../images/base/ico_tree_plus.svg) no-repeat !important}
.w2treeview_virtual .treeview_virtual_node .treeview_icon_close:hover {background-image:url(../images/base/ico_tree_minus_hover.svg) !important}
.w2treeview_virtual .treeview_virtual_node .treeview_icon_open:hover {background-image:url(../images/base/ico_tree_plus_hover.svg) !important}
.w2treeview_virtual .treeview_virtual_node .treeview_label {display:inline-flex;align-items:center;height:22px;padding:2px 4px;color:var(--ws-gray-800);box-sizing:border-box}

/* pageList */
.w2pageList {position:relative}
.w2pageList .w2pageList_table {border-collapse:separate;border-spacing:4px 0}
.w2pageList .w2pageList_col_label {width:24px;height:24px;vertical-align:middle}
.w2pageList .w2pageList_control_label {height:100%;border-radius:4px;background:var(--ws-gray-100);color:var(--ws-gray-600);font-size:12px;font-weight:normal;line-height:24px;transition:.2s all}
.w2pageList .w2pageList_label_over {background-color:var(--ws-gray-200)}
.w2pageList .w2pageList_label_selected {background-color:var(--ws-gray-700);color:var(--ws-gray-0)}
.w2pageList .w2pageList_control_prev,
.w2pageList .w2pageList_control_pagePrev,
.w2pageList .w2pageList_control_next,
.w2pageList .w2pageList_control_pageNext {position:relative;width:24px;height:24px;padding:0;border:1px solid var(--ws-btn-bd);border-radius:4px;vertical-align:middle;box-sizing:border-box}
.w2pageList .w2pageList_control_prev:hover,
.w2pageList .w2pageList_control_pagePrev:hover,
.w2pageList .w2pageList_control_next:hover,
.w2pageList .w2pageList_control_pageNext:hover {border-color:var(--ws-btn-hover-bd)}
.w2pageList .w2pageList_control_prev {background:var(--ws-gray-0) url(../images/base/ico_pagelist_prev.svg) no-repeat center !important}
.w2pageList .w2pageList_control_pagePrev {background:var(--ws-gray-0) url(../images/base/ico_pagelist_prevall.svg) no-repeat center !important}
.w2pageList .w2pageList_control_next {background:var(--ws-gray-0) url(../images/base/ico_pagelist_next.svg) no-repeat center !important}
.w2pageList .w2pageList_control_pageNext {background:var(--ws-gray-0) url(../images/base/ico_pagelist_nextall.svg) no-repeat center !important}

.pgl {position:relative;margin:8px 0 16px}
.pgl .w2pageList_table {border-collapse:separate;border-spacing:4px 0}
.pgl .w2pageList_col_label {width:24px;height:24px;vertical-align:middle}
.pgl .w2pageList_control_label {height:100%;border:1px solid transparent;border-radius:4px;background:#EFF1F3;color:#49515B;font-size:12px;font-weight:500;line-height:22px;transition:.2s all;box-sizing:border-box}
.pgl .w2pageList_label_over:not(.w2pageList_label_selected) {border-color:var(--ws-form-hover-bd)}
.pgl .w2pageList_label_selected {background-color:#4585C6;font-weight:500 !important;color:var(--ws-gray-0)}
.pgl .w2pageList_control_prev,
.pgl .w2pageList_control_pagePrev,
.pgl .w2pageList_control_next,
.pgl .w2pageList_control_pageNext {position:relative;width:24px;height:24px;padding:0;border:1px solid var(--ws-btn-bd);border-radius:4px;vertical-align:middle;box-sizing:border-box}
.pgl .w2pageList_control_prev:hover,
.pgl .w2pageList_control_pagePrev:hover,
.pgl .w2pageList_control_next:hover,
.pgl .w2pageList_control_pageNext:hover {border-color:var(--ws-btn-hover-bd)}
.pgl .w2pageList_control_prev {background:var(--ws-gray-0) url(../images/base/ico_pagelist_prev.svg) no-repeat center !important}
.pgl .w2pageList_control_pagePrev {background:var(--ws-gray-0) url(../images/base/ico_pagelist_prevall.svg) no-repeat center !important}
.pgl .w2pageList_control_next {background:var(--ws-gray-0) url(../images/base/ico_pagelist_next.svg) no-repeat center !important}
.pgl .w2pageList_control_pageNext {background:var(--ws-gray-0) url(../images/base/ico_pagelist_nextall.svg) no-repeat center !important}

/* accordion */
.w2accordion {border:0;border-bottom:1px solid #D0D6DC}
.w2accordion .w2panels {border:0}
.w2accordion .w2panels_title {height:48px;padding:0 16px;border:0;border-top:1px solid #D0D6DC;background:var(--ws-gray-0);box-sizing:border-box}
.w2accordion .w2panels_title .w2panels_title_image {display:none;background:none}
.w2accordion .w2panels_title .w2panel_title_text {display:block;max-height:42px;padding-right:28px;background:url(../images/base/ico_accordion_down.svg) right center no-repeat;font-size:16px;white-space:initial;box-sizing:border-box;cursor:pointer}
.w2accordion .w2panels_title .w2panels_title_image_open + .w2panel_title_text {background-image:url(../images/base/ico_accordion_up.svg)}
.w2accordion .w2panels_content_open {overflow:auto;padding:20px 30px;background:transparent;box-sizing:border-box}
.w2accordion .w2panels_content_closed {overflow:auto;padding:12px 16px;border:0;background:transparent;box-sizing:border-box}

/* floatingLayer */
.w2floatingLayer {position:relative}

/* ############################## Others ############################## */

/* dim */
.w2modal_popup {background:#000;opacity:.4}

/* Progessbar */

/* tooltip */
.w2balloonTip {overflow:hidden;z-index:1000;border-radius:4px;background:var(--ws-gray-700)}
.w2balloonTip_label {padding:5px 10px;background:var(--ws-gray-700);color:var(--ws-gray-200);font-size:11px}
.w2balloonTip_col_centerleft,
.w2balloonTip_col_centerright,
.w2balloonTip_col_centercenter {background:var(--ws-gray-700)}
.w2balloonTip_table tr:first-child,
.w2balloonTip_table tr:last-child,
.w2balloonTip_col_bottomleft,
.w2balloonTip_col_bottomcenter,
.w2balloonTip_col_bottomright {display:none}
.w2windowContainer_tooltip,
.w2selectbox_tooltip,
.w2autoComplete_tooltip,
.w2checkbox_tooltip,
.w2group_tooltip,
.w2radio_tooltip,
.w2textbox_tooltip,
.w2tabcontrol_tooltip,
.w2slider_tooltip,
.w2treeview_tooltip,
.w2grid_tooltip {padding:5px 10px;border-radius:4px;background-color:var(--ws-gray-700);color:var(--ws-gray-200);box-shadow:0 1px 5px rgba(0,0,0,0.2)}

/* popup */
.w2modal {background-color:#000;opacity:.4}                                                                                                                                                                                                                                                                                                                                                            
.w2popup_window {overflow:hidden;/*border:0;border-radius:8px;*/border-color:#495565;background:var(--ws-gray-0)}
.w2popup_window:focus {outline:1px solid}
.w2popup_window .w2window_header {display:flex;align-items:center;height:40px;padding:0 0 0 18px;background:#495565}
.w2popup_window .w2window_header .w2window_header_icon {display:none}
.w2popup_window .w2window_header .w2window_header_title {overflow:hidden;flex:1;position:static;padding:0;width:auto;height:auto;color:var(--ws-gray-0);font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.w2popup_window .w2window_header .w2window_header_control {position:static;width:auto;height:auto;padding-right:6px}
.w2popup_window .w2window_header .w2window_close {display:block;position:static;width:32px;height:32px;border-radius:4px;background:url(../images/new/ico_popup_close.svg) no-repeat center center;font-size:0;text-indent:-999px;transition:.2s all}
.w2popup_window .w2window_header .w2window_close:hover {/*background-color:var(--ws-gray-200)*/}
.w2popup_window .w2window_body {top:40px;padding:0;/*border-top:1px solid var(--ws-gray-0);*/background:transparent}
.w2popup_window .w2window_body .w2window_content {top:0;right:0;bottom:0;left:0;border:none;background:transparent}
.w2popup_window .w2window_body .w2window_content .w2window_wframe {display:flex;flex-direction:column}
.w2popup_window .w2window_body .w2window_content .w2window_wframe .sub_contents {flex:1;padding:20px}
.w2popup_window .w2window_body .w2window_content .w2window_wframe .btnbox {flex:none;margin-top:auto;margin-left:auto;text-align:center}
.w2popup_window .w2window_iframe {background-color:var(--ws-theme)}
.w2popup_window .w2window_body .w2window_content .w2window_wframe > div {display:flex;flex-direction:column;width:100%;height:100%}


/* ############################################################ Contents ############################################################ */

/* ############################## Contents Common ############################## */

/* flex group */
.flex {display:flex;flex-direction:row;flex-flow:wrap;align-items:center;gap:4px;-webkit-gap:4px}
.flex > * {flex:1;min-width:0}
.flex > .w2checkbox,
.flex > .w2radio,
.flex > .w2span,
.flex > .w2textbox,
.flex > .w2trigger,
.flex > button {flex:none}
.flex > *:last-child {margin-right:0}
.flex_no,
.flex_no > * {flex:none}
.flex_column {flex-direction:column}
.flex_row {flex-direction:row}
.flex1 {flex:1 !important}
.flex_between{justify-content:space-between}

/* flex layout */
.flex_cont {overflow:auto;display:flex;flex-direction:column;height:100%;box-sizing:border-box}
.flex_cont::-webkit-scrollbar {width:6px;height:7px;border-radius:10px;background:var(--ws-gray-100)}
.flex_cont::-webkit-scrollbar-thumb {border-radius:10px;background:var(--ws-gray-500)}
.flex_cont > * {flex:none}
.flex_cont .grp_flex_auto {overflow:auto;flex:1}
.flex_cont .grp_flex_auto::-webkit-scrollbar {width:6px;height:7px;border-radius:10px;background:var(--ws-gray-100)}
.flex_cont .grp_flex_auto::-webkit-scrollbar-thumb {border-radius:10px;background:var(--ws-gray-500)}
.flex_cont .grp_flex,
.flex_cont .grp_flex > .w2tabcontrol {display:flex;flex:1;flex-direction:column}
.flex_cont .grp_flex .gvw,
.flex_cont .grp_flex > .w2tabcontrol > .w2tabcontrol_container {flex:1}
.flex_cont .grp_flex > .w2tabcontrol > .w2tabcontrol_tabhost {flex:none}
.flex_cont .grp_flex > .w2tabcontrol > .w2tabcontrol_container > .w2tabcontrol_container {flex:1}
.flex_cont .grp_flex > .w2tabcontrol > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabcontrol_contents_wrapper {position:absolute;height:auto !important} 
.flex_cont .grp_flex > .w2tabcontrol > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabcontrol_contents_wrapper::-webkit-scrollbar {width:6px;height:7px;border-radius:10px;background:var(--ws-gray-100)}
.flex_cont .grp_flex > .w2tabcontrol > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabcontrol_contents_wrapper::-webkit-scrollbar-thumb {border-radius:10px;background:var(--ws-gray-500)}

/* divided layout */
.lybox {display:flex;width:100%;margin:16px 0;gap:20px}
.lybox:last-child {margin-bottom:0}
.lybox > .w2group {flex:1;min-width:0;margin:0;padding:0;vertical-align:top;box-sizing:border-box}
.lybox > .col_2 {flex:2}
.lybox > .col_3 {flex:3}
.lybox > .col_4 {flex:4}
.lybox > .col_5 {flex:5}
.lybox > .col_6 {flex:6}
.lybox > .col_7 {flex:7}
.lybox > .col_8 {flex:8}
.lybox > .col_9 {flex:9}
.lybox > .col_fix {flex:none}

/* shuttle layout */
.lybox.horizontal {width:100%;gap:8px}
.lybox.horizontal .ly_btn {display:flex;flex:none;flex-direction:column;justify-content:center;gap:4px;-webkit-gap:4px;vertical-align:middle}
.lybox.vertical {flex-direction:column;gap:8px}
.lybox.vertical > .w2group {flex:1 1 auto}
.lybox.vertical .ly_btn {display:flex;justify-content:center;width:100%;gap:4px;-webkit-gap:4px;text-align:center;vertical-align:middle}

/* common box align */
.lt {display:inline-flex;flex-wrap:wrap;align-items:center;position:relative;gap:4px;-webkit-gap:4px;text-align:left}
.rt {display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;position:relative;min-width:10px;min-height:26px;margin-left:auto;gap:4px;-webkit-gap:4px;text-align:right}
.ct {display:inline-flex;align-items:center;position:relative;min-width:10px;min-height:26px;margin:0 auto;gap:4px;-webkit-gap:4px}

/* require */
.req.w2input,
.req.w2textarea,
.req.w2upload .w2upload_input,
.req.w2spinner .w2input,
.req.w2selectbox,
.req.w2selectbox_native .w2selectbox_native_select,
.req.w2selectbox_select,
.req.w2multiselect_div,
.req.w2autoComplete,
.req.w2checkcombobox,
.req .w2inputCalendar_divInput {border-color:var(--ws-form-req-bd);background-color:var(--ws-form-req-bg)}

.req.w2radio .w2radio_label,
.req.w2checkbox .w2checkbox_label {color:var(--ws-form-req-color)}
.req.w2multiselect_div .w2multiselect_tr_over {background-color:var(--ws-primary-100)}

.req.w2input_disabled,
.req.w2textarea_disabled,
.req.w2upload_disabled .w2upload_input,
.req.w2spinner_disabled .w2input,
.req.w2selectbox_disabled,
.req.w2selectbox_disabled .w2selectbox_native_select,
.req.w2autoComplete_disabled,
.req.w2checkcombobox_disabled,
.req .w2inputCalendar_divInput.w2input_disabled {background-color:var(--ws-form-disabled-bg)}

.req .w2inputCalendar_div_img .w2inputCalendar_button:hover,
.req.w2upload .w2upload_image:hover,
.req.w2spinner.w2_horizon.type1 .w2spinner_up .w2spinner_up_image:hover,
.req.w2spinner.w2_horizon.type1 .w2spinner_down .w2spinner_down_image:hover,
.req.w2spinner.w2_horizon.type2 .w2spinner_up:hover,
.req.w2spinner.w2_horizon.type2 .w2spinner_down:hover {background-color:var(--ws-primary-100)}

.req.w2radio[disabled="disabled"],
.req.w2checkbox[disabled="disabled"] {background-color:transparent}

/* ############################## Component Box ############################## */

/* gridview box */
.gvwbox {position:relative;margin:0;border-radius:8px;box-shadow:0 2px 3px rgba(133, 143, 155, .08)}
.gvwbox::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:21;border:1px solid #C1C8D0;border-radius:8px;pointer-events:none}
.gvwbox:last-child {margin-bottom:0}
.gvwbox .w2grid {height:153px;border-radius:8px}
.gvwbox .w2grid td.gridBodyDefault {border-left:1px solid var(--ws-grid-bd);border-right:1px solid var(--ws-grid-bd);border-bottom:1px solid var(--ws-grid-bd)}
.w2grid .no_label .w2checkbox_label,
.w2grid .no_label .w2radio_label {overflow:hidden;display:inline-block;position:relative;width:1px;height:1px;margin:-1px;color:transparent;clip:rect(0 0 0 0)}
.gvwbox .gridFooterTableDefault {border-bottom:hidden}
.gvwbox .gridFooterTDDefault {border-right:0;border-left:0}
.gvwbox .w2grid.row5 {height:calc(153px + (2 * 38px)) !important}
.gvwbox .w2grid.row10 {height:calc(153px + (7 * 38px)) !important}
.gvwbox .w2grid.row15 {height:calc(153px + (12 * 38px)) !important}
.gvwbox .w2grid.row20 {height:calc(153px + (17 * 38px)) !important}
.gvwbox .w2grid.row25 {height:calc(153px + (22 * 38px)) !important}
.gvwbox .w2grid.row30 {height:calc(153px + (27 * 38px)) !important}
.gvwbox .w2grid.row50 {height:calc(153px + (47 * 38px)) !important}

/* tablelayout box */
.tblbox {position:relative;margin:0;padding:0;border-radius:8px;box-shadow:0 2px 3px rgba(133, 143, 155, .08)}
.tblbox::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;border:1px solid #C1C8D0;border-radius:8px;box-shadow:0 0 0 4px var(--ws-gray-0);pointer-events:none} 
.tblbox:last-child {margin-bottom:0}
.tblbox .w2tb {border:0 hidden transparent}
.tblbox .w2tb + .w2tb {border-top:1px solid var(--ws-table-bd)}
.tblbox td > div + div{margin-top:4px}
.tbl .w2tb_td > .w2anchor, 
.tbl .w2tb_td > .w2anchor2,
.tbl .w2tb_td > .w2autoComplete,
.tbl .w2tb_td > .w2autoComplete_native,
.tbl .w2tb_td > .w2checkcombobox,
.tbl .w2tb_td > .w2input,
.tbl .w2tb_td > .w2inputCalendar_div,
.tbl .w2tb_td > .w2searchbox,
.tbl .w2tb_td > .w2selectbox,
.tbl .w2tb_td > .w2selectbox_native,
.tbl .w2tb_td > .w2selectbox_select,
.tbl .w2tb_td > .w2span,
.tbl .w2tb_td > .w2textarea,
.tbl .w2tb_td > .w2textbox,
.tbl .w2tb_td > .w2trigger,
.tbl .w2tb_td > .w2upload {display:inline-block;margin-right:4px;vertical-align:middle}
.tbl .w2tb_td > .w2checkbox,
.tbl .w2tb_td > .w2radio {margin-right:4px}
.w2tb .w2tb_th .req::before {content: '*';position:absolute;top: 0%;right: -7px;width: 0px;height: 0px;margin-right:3px;color: var(--ws-red-500);vertical-align:top;transform:translateY(-50%);}
.schbox .w2tb .w2tb_th .req::before {right: -7px;width: 0px;height: 0px;}
.w2tb .w2tb_th.noti {border:1px solid #E28834;background:#E28834;color:var(--ws-gray-0);text-align:center}

.w2tb.w2tb_adaptive_layout .w2input {margin-bottom:0}
.w2tb.w2tb_adaptive_layout .w2tb_td > .flex {flex:1}
.w2tb.w2tb_adaptive_layout .w2tb_td > .ipt_search {flex:1}
.w2tb.w2tb_adaptive_layout .w2tb_td > *:first-child {margin-top:0 !important}

/* table 내 show,hide 용 table */
.tbl .in_tbl{padding:0 !important}
.in_tbl .tblbox{box-shadow:none}
.in_tbl .tblbox::before{display:none}

/* tabcontrol box */
.tbcbox {position:relative;margin:0 0 16px;border-radius:8px;/*box-shadow:0 2px 3px rgba(133, 143, 155, .08)*/}
.tbcbox:last-child {margin-bottom:0}
.tbc {display:flex;flex-direction:column}
.tbc::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:30;border:1px solid #D0D6DC;border-radius:8px;box-shadow:0 0 0 4px var(--ws-gray-0);pointer-events:none}
.tbc.w2tabcontrol_left {flex-direction:row}
.tbc.w2tabcontrol_right {flex-direction:row-reverse}
.tbc.w2tabcontrol_bottom {display:block}
.tbc > .w2tabcontrol_container {overflow:auto;height:auto !important}
.tbcbox.tab_only > .tbc > .w2tabcontrol_container {display:none;overflow:hidden;top:0;height:0 !important;border-top:none;}

.tbc_btnbox{position:absolute;top:6px;right:16px;z-index:1;}

.tbc_sub {position:relative;border:0}
.tbc_sub > .w2tabcontrol_tabhost {position:relative;height:27px;border:0;background:transparent}
.tbc_sub > .w2tabcontrol_tabhost > .w2tabcontrol_li {height:auto;margin-right:0;padding:0;border:0;background-color:transparent}
.tbc_sub > .w2tabcontrol_tabhost > .w2tabcontrol_li + .w2tabcontrol_li {margin-left:32px}
.tbc_sub > .w2tabcontrol_tabhost > .w2tabcontrol_over {border-bottom:2px solid var(--ws-gray-300)}
.tbc_sub > .w2tabcontrol_tabhost > .w2tabcontrol_active {border-bottom:2px solid #0088AA}
.tbc_sub > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_center {align-items:flex-start}
.tbc_sub > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_center > a {font-size:13px;color:#A0A3A6;}
.tbc_sub > .w2tabcontrol_tabhost > .w2tabcontrol_active > .w2tabcontrol_tab_center > a {color:#0088AA}
.tbc_sub > .w2tabcontrol_container {top:0;height:auto !important;border-top:0}
.tbc_sub > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabcontrol_contents_wrapper_selected {padding:8px 0 0}

/* treeview box */
.tvwbox {overflow-y:auto;margin:0 0 16px;padding:20px 28px;border:1px solid var(--ws-gray-400);border-radius:8px;box-sizing:border-box;box-shadow:0 2px 3px rgba(133, 143, 155, .08)}
.tvwbox:last-child {margin-bottom:0}

/* pagelist box */
.pglbox {position:relative;margin:16px 0 16px}
.pglbox:last-child {margin-bottom:0}
.pglbox .w2pageList,
.pglbox .pgl {margin:0}

/* accordion box */
.acdbox {margin:0 0 16px}
.acdbox:last-child {margin-bottom:0}

/* ############################## UDC ############################## */

/* UDC dual */
.dual_calendar {position:relative}
.dual_calendar .gr_cal {overflow:hidden;display:flex;position:absolute;top:31px;z-index:2000;padding:8px;border:1px solid rgb(206, 212, 218);border-radius:3px;background:var(--ws-gray-0);box-shadow:rgb(0 0 0 / 10%) 1px 1px 10px 0}
.dual_calendar .w2calendar {border:none;box-shadow:none}

/* engine excel upload */
div.exup_wrap {width:100%;padding:19px;border:0;box-sizing:border-box}
.exup_wrap .exup_header {height:24px;margin-bottom:4px;background:var(--ws-gray-0) !important}
.exup_wrap .exup_header .title {display:none}
.exup_wrap .exup_header .title2 {font-size:14px}
.exup_wrap .exup_header span {display:block;float:right;padding-right:0}
.exup_wrap .exup_header span input[type=checkbox] {top:0;width:16px;height:16px}
.exup_wrap .exup_content {padding:0}
.exup_wrap .exup_content .filebox {display:flex;align-items:center;width:100%;height:auto;padding:8px;border:1px solid var(--ws-gray-300);background:var(--ws-gray-50);box-sizing:border-box}
.exup_wrap .exup_content .filebox .w2trigger {flex:none;height:30px !important;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background:var(--ws-btn-bg);font-size:13px}
.exup_wrap .exup_content .filebox .fileName {display:flex;flex:1;align-items:center;height:30px;margin-left:4px;padding:0 4px;border:1px solid var(--ws-form-bd);border-radius:var(--ws-form-radius);background:var(--ws-gray-0);font-size:13px;box-sizing:border-box}
.exup_wrap .foot {margin-top:16px}
.exup_wrap .foot > p {position:relative;text-align:right}
.exup_wrap .foot .btn_exup_file {left:auto;width:auto;height:36px;margin-bottom:0;padding:0 12px;border-radius:var(--ws-btn-radius)}
.exup_wrap .exup_tbl {position:relative;width:100%;margin-top:12px;border-collapse:collapse}
.exup_wrap .exup_tbl th {height:30px;padding:4px 0;border:1px solid var(--ws-table-bd);background:var(--ws-table-th-bg);background-clip:padding-box;text-align:left;word-break:break-word}
.exup_wrap .exup_tbl th .w2textbox,
.exup_wrap .exup_tbl th .w2span {display:inline-block;position:relative;vertical-align:middle}
.exup_wrap .exup_tbl td {height:30px;padding:6px;border:1px solid var(--ws-table-bd);background:var(--ws-table-td-bg);background-clip:padding-box;word-break:break-word}
.exup_wrap .exup_tbl td .sel,
.exup_wrap .exup_tbl td .ipt,
.exup_wrap .exup_tbl td .w2selectbox_select {width:100%;height:30px}
.exup_wrap .exup_tbl th .dot {padding-left:10px;background:none !important}
.exup_wrap .exup_tbl td .sel,
.exup_wrap .exup_tbl td .w2selectbox {background:var(--ws-form-bg) url(../images/base/ico_select.svg) no-repeat right 6px center}

/* ############################## Module ############################## */

/* layout */
.wrap {position:relative;height:100%;background:var(--ws-gray-0)}
.header {position:relative;z-index:1000;width:100%;height:50px;font-weight:bold}
.container {position:absolute;top:50px;right:0;bottom:0;left:0}
.contents {overflow:auto;position:absolute;top:0;right:0;bottom:0;left:0;transition:all 0.8s}
.contents::-webkit-scrollbar {/*width:6px;height:7px;border-radius:10px;background:var(--ws-gray-100)*/}
.contents::-webkit-scrollbar-thumb {/*border-radius:10px;background:var(--ws-gray-500)*/}
.footer {position:absolute;right:0;bottom:0;left:0;height:0;border-top:1px solid #DDDDDD}

/* page wrapper */
.sub_contents {position:relative;margin:0;padding:30px 20px 20px 24px}
.pop_contents {position:relative;margin:0;padding:24px}

/* page title */
.pgtbox {display:flex;flex-wrap:wrap;align-items:center;position:relative;width:100%;min-height:14px;margin:0 0 16px;gap:4px}
.pgtbox .pgt_tit {display:inline-block;color:#121212;font-size:22px;font-weight:700;vertical-align:middle}
.btn_fav {overflow:hidden;display:inline-block;width:30px;height:30px;border:1px solid #E0E4E7;border-radius:4px;background:url(../images/base/ico_fav.svg) no-repeat center;text-indent:-9999px}
.btn_fav:hover {border-color:#EBAA00}
.btn_fav.on {border:2px solid #EBAA00;background:url(../images/new/ico_fav_on.svg) no-repeat center}

/* page navigation */
.breadcrumb {margin-left:auto}
.breadcrumb li {display:inline-block;position:relative;font-size:12px;vertical-align:middle}
.breadcrumb li.home a,
.breadcrumb li.home span {content:'';display:inline-block;width:14px;height:14px;background:url(../images/base/ico_home.svg) no-repeat center;font-size:0}
.breadcrumb li::after {content:'/';display:inline-block;width:5px;margin:0 10px;color:#D0D6DC;vertical-align:middle}
.breadcrumb li a,
.breadcrumb li span {color:#8F959C;font-size:12px;vertical-align:middle}
.breadcrumb li:last-child a,
.breadcrumb li:last-child span {color:#49515B;vertical-align:middle}
.breadcrumb li:last-child::after {display:none}
.breadcrumb + .btn_fav {margin-left:16px}

/* title */
.titbox {display:flex;flex:none;flex-wrap:wrap;align-items:center;position:relative;width:100%;min-height:14px;margin:16px 0 8px;gap:8px;-webkit-gap:8px}
.titbox h3 {display:inline-flex;position:relative;margin-right:4px;padding:0;font-size:16px;color:#121212}
.titbox h3::before {content:'';display:inline-block;flex:none;width:4px;height:15px;margin-top:2px;margin-right:7px;background:linear-gradient(#EBAA00, #EBAA00), linear-gradient(#00AAD4, #00AAD4);background-size:4px 4px, 4px 11px;background-position:0 0, 0 4px;background-repeat:no-repeat}
.titbox h4 {display:inline-block;position:relative;margin-right:4px;padding:0 0 0 12px;font-size:14px;font-weight:700;color:#121212}
.titbox h4::before {content:'';position:absolute;top:5px;left:-1px;width:4px;height:4px;border-right:3px solid #00AAD4;border-bottom:3px solid #00AAD4;transform:rotate(-45deg);}
.count {display:inline-flex;align-items:center;height:24px;padding:0 6px;border-radius:4px;background:var(--ws-gray-100);color:var(--ws-gray-600);font-size:12px}
.count .num {margin-left:2px;color:var(--ws-primary-600);font-weight:700}
.count > .grp_count {display:inline-flex;align-items:center;position:relative}
.count > .grp_count + .grp_count {padding-left:6px}
.count > .grp_count + .grp_count::before {content:'';width:1px;height:10px;margin-right:6px;background:var(--ws-gray-400)}

/* button */
.btn_cm {display:inline-block;height:var(--ws-form-height);padding:0 8px;border:1px solid var(--ws-btn-bd);border-radius:var(--ws-btn-radius);background-color:var(--ws-btn-bg);color:var(--ws-color);font-weight:500;font-size:14px;line-height:28px;text-align:center;box-sizing:border-box}
.btn_cm:hover {outline:none;border-color:var(--ws-btn-hover-bd)}
.btn_cm:focus {outline:none;border-color:var(--ws-btn-focus-bd);background-color:var(--ws-btn-focus-bg);box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.btn_cm:disabled {border-color:var(--ws-btn-disabled-bd);background:var(--ws-btn-disabled-bg);color:var(--ws-btn-disabled-color);pointer-events:none}
.btn_cm.pt {border-color:var(--ws-btn-pt-bd);color:var(--ws-btn-pt-color);background-color:var(--ws-btn-pt-bg)}
.btn_cm.pt:hover {outline:none;background-color:var(--ws-btn-pt-hover-bg)}
.btn_cm.pt:focus {outline:none;border-color:var(--ws-btn-pt-focus-bd);background-color:var(--ws-btn-pt-focus-bg);box-shadow:inset 0 0 0 1px var(--ws-btn-pt-focus-bd)}
.btn_cm.pt:disabled,
.btn_cm.pt.w2trigger_disabled {border-color:var(--ws-btn-pt-disabled-bd);background:var(--ws-btn-pt-disabled-bg);color:var(--ws-btn-pt-disabled-color);pointer-events:none}
.btn_cm.pt2 {border:1px solid var(--ws-primary-300);background-color:var(--ws-primary-100);color:var(--ws-primary-500)}

/* icon button */
.btn_cm.copy {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_copy.svg) left 10px center no-repeat}
.btn_cm.copy:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_copy_dis.svg)}
.btn_cm.row_add {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_rowadd.svg) left 10px center no-repeat}
.btn_cm.row_add:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_rowadd_dis.svg)}
.btn_cm.row_del {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_rowdel.svg) left 10px center no-repeat}
.btn_cm.row_del:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_rowdel_dis.svg)}
.btn_cm.search {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_search.svg) left 10px center no-repeat}
.btn_cm.search:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_search_dis.svg)}
.btn_cm.upload {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_upload.svg) left 10px center no-repeat}
.btn_cm.upload:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_upload_dis.svg)}
.btn_cm.download {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_download.svg) left 10px center no-repeat}
.btn_cm.download:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_download_dis.svg)}
.btn_cm.left {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_left.svg) left 10px center no-repeat}
.btn_cm.left:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_left_dis.svg)}
.btn_cm.right {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_right.svg) left 10px center no-repeat}
.btn_cm.right:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_right_dis.svg)}
.btn_cm.up {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_up.svg) left 10px center no-repeat}
.btn_cm.up:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_up_dis.svg)}
.btn_cm.down {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_down.svg) left 10px center no-repeat}
.btn_cm.down:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_down_dis.svg)}
.btn_cm.delete {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_delete.svg) left 10px center no-repeat}
.btn_cm.delete:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_delete_dis.svg)}
.btn_cm.calendar {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_calendar.svg) left 10px center no-repeat}
.btn_cm.calendar:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_calendar_dis.svg)}
.btn_cm.guide {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_guide.svg) left 10px center no-repeat}
.btn_cm.guide:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_guide_dis.svg)}
.btn_cm.refresh {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_refresh.svg) left 10px center no-repeat}
.btn_cm.refresh:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_refresh_dis.svg)}
.btn_cm.link {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_link.svg) left 10px center no-repeat}
.btn_cm.link:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_link_dis.svg)}
.btn_cm.save {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_save.svg) left 10px center no-repeat}
.btn_cm.save:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_save_dis.svg)}
.btn_cm.print {padding-left:32px;background:var(--ws-btn-bg) url(../images/base/ico_print.svg) left 10px center no-repeat}
.btn_cm.print:disabled {background-color:var(--ws-btn-disabled-bg);background-image:url(../images/base/ico_print_dis.svg)}
.btn_cm.setting {padding-left:32px;background:var(--ws-btn-bg) url(../images/new/ico_setting.svg) left 10px center no-repeat}

/* only icon button */
.btn_cm.icon {width:30px;padding:0;background-position:center;font-size:0;text-indent:-9999px}

/* type anchor button */
.btn_cm.w2trigger_anchor{display: inline-block;height: var(--ws-form-height);padding: 4px 8px;border: 1px solid var(--ws-btn-bd);border-radius: var(--ws-btn-radius);background:none;background-color: var(--ws-btn-bg);color: var(--ws-color);font-size: 13px;line-height: 14px;text-align: center;box-sizing: border-box;height: auto;}
.btn_cm.w2trigger_anchor span{margin:0;padding:0;line-height:13px !important;color:var(--ws-color);background:none;}
a.w2trigger_anchor.btn_cm:hover,
a.w2trigger_anchor.btn_cm:hover span{background:none}
/* btnbox */
.btnbox {display:flex;position:relative;width:100%;min-height:14px;margin:16px 0}
.btnbox:last-child {margin-bottom:0}
.btnbox .btn_cm {height:36px;padding:0 24px;border-color:#E0E4E7;font-size:14px}
.btnbox .btn_cm:hover {outline:none;border-color:#B1BAC4}
.btnbox .btn_cm:focus {border-color:var(--ws-btn-focus-bd)}
.btnbox .btn_cm:disabled {border-color:var(--ws-btn-disabled-bd)}

.btnbox .btn_cm.pt {border-color:#00AAD4;background-color:#00AAD4;color:var(--ws-theme-white)}
.btnbox .btn_cm.pt:hover {border-color:#00667F;background-color:#00667F}
.btnbox .btn_cm.pt:focus {border-color:#00667F;background-color:#00667F;box-shadow:inset 0 0 0 1px var(--ws-btn-focus-bd)}
.btnbox .btn_cm.pt:disabled {border-color:var(--ws-btn-disabled-bd);background:var(--ws-btn-pt-disabled-bg);color:var(--ws-btn-disabled-color)}

.bar_btndiv {display:inline-block;position:relative;width:1px}
.bar_btndiv::after {content:'';display:inline-block;position:absolute;top:50%;left:0;width:1px;height:15px;margin-top:-7px;background:var(--ws-gray-300)}

/* search table */
.schbox {display:flex;position:relative;margin:0 0 24px;padding:0 20px 0;border:1px solid #D0D6DC;border-radius:8px;background-color:#F8F9FA;/*box-shadow:0 2px 3px rgba(133, 143, 155, .08)*/}
.schbox:last-child {margin-bottom:0}
.schbox .schbox_inner {flex:1;margin:0 8px 0 0;padding:5px 0}
.schbox .w2tb {border:0}
.schbox .w2tb::before {display:none}
.schbox .w2tb .w2tb_th {padding:5px 8px;border:0;background:transparent}
.schbox .w2tb .w2tb_td {padding:5px 8px;border:0;background:transparent}
.schbox .btn_schbox {display:flex;align-items:center;gap:4px;-webkit-gap:4px;align-items:flex-end;padding:10px 0}
.schbox .btn_schbox .btn_cm.sch {padding:0 8px 0 30px;border-color:#474B4E;background:#474B4E url(../images/base/ico_schbox_search.svg) left 10px center no-repeat;color:#FFFFFF;font-size:14px}
.schbox .btn_schbox .btn_cm.sch:hover {border-color:#232527;background-color:#232527}
.schbox .btn_schbox .btn_cm.sch:focus {border-color:#232527;background-color:#232527}

.schbox .w2tb.w2tb_adaptive_layout .w2tb_th {min-height:38px}
.schbox .w2tb.w2tb_adaptive_layout .w2tb_td {min-height:38px;padding:4px 0;border-top:0 !important}
.schbox .w2tb.w2tb_adaptive_layout .w2tb_tr:last-child .w2tb_td:last-child {border-bottom:0}

/* layer popup */
.ly_popup {position:absolute;top:50%;left:50%;z-index:201;width:500px;height:250px;margin:-250px 0 0 -250px;border:1px solid var(--ws-gray-300);background:var(--ws-gray-0);box-shadow:0 5px 10px rgb(30 32 37 / 12%);-webkit-box-shadow:0 5px 10px rgb(30 32 37 / 12%)}
.ly_popup .ly_head {position:relative;height:30px}
.ly_popup .ly_cont {padding:0 30px;text-align:center}
.ly_popup .ly_cont .txt1 {margin-bottom:16px;color:#2D353C;font-size:16px;font-weight:600;line-height:32px;letter-spacing:-1px}
.ly_popup .ly_cont .txt2 {margin-bottom:16px;padding:20px;background:#F2F3F4;color:#2D353C;font-size:12px;line-height:23px}
.ly_popup .btnbox {justify-content:center}
.dimd {position:absolute;top:0;right:0;bottom:0;left:0;z-index:900;background:#000;opacity:.4}

/* message text */
.txt_warning {color:var(--ws-warning-color);line-height:1;vertical-align:top}
.txt_warning::before {content:'';display:inline-block;width:15px;height:15px;margin-right:5px;background:url(../images/base/ico_msg_warning.svg) no-repeat center;vertical-align:top}
.txt_success {color:var(--ws-success-color);line-height:1;vertical-align:top}
.txt_success::before {content:'';display:inline-block;width:15px;height:15px;margin-right:5px;background:url(../images/base/ico_msg_success.svg) no-repeat center;vertical-align:top}
.txt_info {color:var(--ws-info-color);line-height:1;vertical-align:top}
/*.txt_info::before {content:'';display:inline-block;width:15px;height:15px;margin-right:5px;background:url(../images/base/ico_msg_info.svg) no-repeat center;vertical-align:top}*/
.txt_error {color:var(--ws-error-color);line-height:1;vertical-align:top}
.txt_error::before {content:'';display:inline-block;width:15px;height:15px;margin-right:5px;background:url(../images/base/ico_msg_error.svg) no-repeat center;vertical-align:top}

/* message */
.msgbox {min-height:15px;margin:16px 0;padding:16px 20px;border-radius:10px;background:#EFF1F3}
.msgbox:last-child {margin-bottom:0}
.msgbox .txt_msg {/*padding-left:23px;*/font-weight:700;color:var(--ws-color)}
.msgbox .txt_con {position:relative;margin-top:5px;padding-left:10px;color:var(--ws-color);line-height:1.3}
.msgbox .txt_con::before {content:'';position:absolute;top:7px;left:0;width:3px;height:3px;margin-right:4px;border-radius:100%;background:#6A7076}
.msgbox.error {background:var(--ws-error-bg)}
.msgbox.error .txt_msg {padding-left:23px;background:url(../images/base/ico_msg_error.svg) left center no-repeat;color:var(--ws-error-color)}
.msgbox.warning {background:var(--ws-warning-bg)}
.msgbox.warning .txt_msg {padding-left:23px;background:url(../images/base/ico_msg_warning.svg) left center no-repeat;color:var(--ws-warning-color)}
.msgbox.success {background:var(--ws-success-bg)}
.msgbox.success .txt_msg {padding-left:23px;background:url(../images/base/ico_msg_success.svg) left center no-repeat;color:var(--ws-success-color)}
.msgbox.info {background:var(--ws-info-bg)}
.msgbox.info .txt_msg {background:url(../images/base/ico_msg_info.svg) left center no-repeat;color:var(--ws-info-color)}

/* message color */
.txt_info.red,
.txt_info .red,
.msgbox .red {color:var(--ws-red-500);}
.txt_info.orange,
.txt_info .orange,
.msgbox .orange {color:var(--ws-orange-500);}
.txt_info.blue,
.txt_info .blue,
.msgbox .blue {color:var(--ws-blue-500);}
.txt_info.green,
.txt_info .green,
.msgbox .green {color:var(--ws-green-500);}
.txt_info a:not(.btn_cm),
.msgbox a:not(.btn_cm) {color:var(--ws-blue-500);text-decoration:underline;}

/* processbar */
.processbar {margin:0 0 16px;padding:16px;text-align:center}
.processbar:last-child {margin-bottom:0}
.processbar li {display:inline-block;position:relative;width:125px;color:var(--ws-gray-300);font-weight:normal;text-align:center;cursor:pointer}
.processbar li + li::before {content:'';position:absolute;top:17px;left:-60px;z-index:0;width:100%;height:4px;background:var(--ws-gray-300)}
.processbar .num {display:block;position:relative;z-index:1;width:36px;height:36px;margin:0 auto;border:4px solid var(--ws-gray-300);border-radius:50%;background:var(--ws-gray-0);color:var(--ws-gray-300);line-height:28px;box-sizing:border-box}
.processbar .finish,
.processbar .on {color:var(--ws-primary-500);font-weight:bold}
.processbar .finish .num,
.processbar .on .num {border:4px solid var(--ws-primary-500);background:var(--ws-gray-0);color:var(--ws-primary-500);line-height:28px}
.processbar .finish::before,
.processbar .on::before {background:var(--ws-primary-500);box-shadow:none}
.processbar .finish .num::after {content:'';position:absolute;top:-4px;left:-4px;width:36px;height:36px;border-radius:50%;background:var(--ws-primary-500) url(../images/base/ico_process_finish.svg) no-repeat center center}
.processbar .dot_wrap {display:flex;visibility:visible;justify-content:center;margin:5px 0}
.processbar .on .dot_wrap {visibility:visible}
.processbar .dot {display:inline-block;width:6px;height:6px;margin:0 1px;border-radius:10px;background:var(--ws-gray-300)}
.processbar .dot.on {background:var(--ws-primary-500)}


/* login page */
.login_wrap {overflow:hidden;position:inherit;width:100%;min-width:1640px;min-height:100%}
.login_wrap::before {content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../images/new/bg_login.png) no-repeat;background-size:cover;opacity:0.4}
.login_wrap .login_logo {text-align:right}
.login_wrap .login_logo a {display:flex;align-items: flex-end;justify-content: center;margin:0 auto;font-size: 16px;/* line-height:30px; */color:#00AAD4;/* text-indent:-9999px; */}
.login_wrap .login_logo a:before {content:'';display:block;width: 65px;height: 26px;background:url(../images/new/logo_login.svg) no-repeat;}
.login_wrap .login_container {position:absolute;top:calc(50% - 260px);right: calc(50% - 210px);width: 420px;padding: 40px 60px;border-radius: 50px;background-color: #fff;box-shadow: 0 5px 50px 0 rgba(1,59,146,0.1);box-sizing: border-box;}
.login_wrap .login_header {text-align: center;}
.login_wrap .login_header .login_info {margin-top:20px;font-size:24px;font-weight:700}
.login_wrap .login_contents {margin-top: 30px;}
.login_wrap .login_contents ul li + li {margin-top:20px}
.login_wrap .login_contents ul li .tit {font-weight:500}
.login_wrap .login_contents ul li .w2input {width:100%;height: 42px;margin-top: 7px;border-radius: 8px;box-sizing:border-box}
.login_wrap .login_contents .login_form {position:relative}
.login_wrap .login_contents .login_form .w2input {padding-right:40px}
.login_wrap .login_contents .login_form .btn_login_delete {position:absolute;top:21px;right:16px;width:20px;height:20px;background:url(../images/base/ico_delete.svg) no-repeat center;text-indent:-9999px}
.login_wrap .login_contents .login_form .btn_login_password {position:absolute;top:21px;right:16px;width:20px;height:20px;background:url(../images/base/ico_login_password.svg) no-repeat center;text-indent:-9999px}
.login_wrap .login_contents .grp_password {display:flex;align-items:center;justify-content:space-between;margin-top: 30px;}
.login_wrap .login_contents .grp_password .w2checkbox_label {font-size:14px}
.login_wrap .login_contents .login_btn {margin-top:30px}
.login_wrap .login_contents .login_btn .btn_login {display:block;width:100%;height:42px;border:none;border-radius: 8px;background:#00AAD4;color:var(--ws-gray-0);font-size: 18px;font-weight:bold;line-height:42px;text-align:center}
.login_wrap .login_contents .login_account {display:flex;align-items:center;justify-content:center;gap: 21px;margin-top:40px}
.login_wrap .login_contents .login_account .link_account {align-items:center;position:relative;color:var(--ws-gray-800)}
.login_wrap .login_contents .login_account .link_account:after {content:'';display: block;position:absolute;top: calc(50% - 5px);right: -11px;width:1px;height:10px;background-color:#8E959D}
.login_wrap .login_contents .login_account .link_account:last-child:after {display:none;}
.login_wrap .login_bottom {position:absolute;right:0;left:0;bottom:30px;text-align:center}
.login_wrap .login_bottom > .flex {justify-content:center}
.login_wrap .login_bottom > .flex  + .flex {margin-top:15px}
.login_wrap .login_bottom .bottom_btn {display: flex;margin-left:16px;gap: 6px;}
.login_wrap .login_bottom .copy {margin-right: 6px;color:var(--ws-gray-600);font-size:12px;font-weight:500}
.login_wrap.filing {padding:40px 40px 80px;background:#F2F8FF url(../images/new/bg_login2.png) no-repeat left bottom;background-size:cover;box-sizing:border-box}
.login_wrap.filing:before {display:none}
.login_wrap.filing .login_logo {text-align:left}
.login_wrap.filing .login_logo a {display: block;width: auto;height:auto;margin:0;background:none;font-size:18px;font-weight:700;color:#232527;text-indent:0}
.login_wrap.filing .login_logo a:before {display:none}
.login_wrap.filing .login_logo a span {display:inline-block;margin-left:8px;line-height:18px;vertical-align:bottom}
.login_wrap.filing .login_box {display:flex;gap: 16px;max-width: 1390px;margin: 80px auto 0;}
.login_wrap.filing .login_box .notice_container {max-width: 786px;}
.login_wrap.filing .login_box .noti_titbox .realtime {color:#49515B;font-size:12px;font-weight:500}
.login_wrap.filing .login_box .noti_titbox h3 {margin-top:10px;color:var(--ws-gray-600);font-size:24px;font-weight:700}
.login_wrap.filing .login_box .noti_titbox h3.on {color:#1671C3;}
.login_wrap.filing .login_box .noti_titbox .time {position:relative;margin-top:16px;padding-left:22px;color:var(--ws-color);font-weight:700;font-size:14px}
.login_wrap.filing .login_box .noti_titbox .time:before {content:'';display:block;position: absolute;top: calc(50% - 8px);left: 0;width:16px;height:16px;background:url(../images/new/ico_login2_time.svg)}
.login_wrap.filing .login_box .noti_con {display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 30px;margin-top: 38px;}
.login_wrap.filing .login_box .noti_con .item {position:relative;padding: 30px;border-radius:20px;background-color: rgba(255,255,255,0.4);backdrop-filter: blur(5px);box-shadow: 0 5px 50px 0 rgba(1,59,146,0.1);}
.login_wrap.filing .login_box .noti_con .item.contact h2 {color:#121212;font-size:18px;font-weight:700}
.login_wrap.filing .login_box .noti_con .item.contact h3 {margin-top:30px;color:#00AAD4;font-size:16px;font-weight:700}
.login_wrap.filing .login_box .noti_con .item.contact .lybox {margin-top:30px}
.login_wrap.filing .login_box .noti_con .item.contact .lybox > div {padding-left:10px;border-left:4px solid #99DDEE}
.login_wrap.filing .login_box .noti_con .item.contact .lybox .bold {margin-bottom:10px;font-size:16px;}
.login_wrap.filing .login_box .noti_con .item.contact .btnbox {margin-top:36px}
.login_wrap.filing .login_box .noti_con .item.contact .btnbox .btn_cm {width:100%;border-color:#99DDEE;color:#0088AA}
.login_wrap.filing .login_box .noti_con .item.notice .more {position:absolute;top: 12px;right:0;z-index:1;padding-right:16px;background:url(../images/new/ico_login2_more.svg) no-repeat right center;font-size:13px;color: #121212}
.login_wrap.filing .login_box .noti_con .item.notice .tbc {border:0}
.login_wrap.filing .login_box .noti_con .item.notice .tbc::before {display:none}
.login_wrap.filing .login_box .noti_con .item.notice .tbc > .w2tabcontrol_container {border:0}
.login_wrap.filing .login_box .noti_con .item.notice .w2tabcontrol > .w2tabcontrol_container > .w2tabcontrol_contents > .w2tabcontrol_contents_wrapper_selected {padding:24px 0 0}
.login_wrap.filing .login_box .noti_con .item.notice .w2tabcontrol > .w2tabcontrol_tabhost {background:none}
.login_wrap.filing .login_box .noti_con .item.notice .w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li {padding:0 16px;border: 0;border-bottom: 1px solid #D0D6DC;background: none;}
.login_wrap.filing .login_box .noti_con .item.notice .w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_active:after {content:'';display:block;position:absolute;bottom: 0px;left:0;width:100%;height:3px;background-color:#0088AA}
.login_wrap.filing .login_box .noti_con .item.notice .w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li > .w2tabcontrol_tab_center > a {color:var(--ws-color)}
.login_wrap.filing .login_box .noti_con .item.notice .w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_active > .w2tabcontrol_tab_center > a {color:#0088AA}
.login_wrap.filing .login_box .noti_con .item.notice .txt_list li {display:flex;gap:10px;align-items:center}
.login_wrap.filing .login_box .noti_con .item.notice .txt_list li + li {margin-top:16px}
.login_wrap.filing .login_box .noti_con .item.notice .txt_list li span {color:var(--ws-gray-600);font-size:13px;}
.login_wrap.filing .login_box .noti_con .item.notice .txt_list li span + span {margin-left:auto;flex: none;}
.login_wrap.filing .login_box .noti_con .item.notice .txt_list li .subject {overflow:hidden;flex: 1 0 1;color:var(--ws-color);font-size:14px;font-weight:500;text-overflow: ellipsis;white-space: nowrap;}
.login_wrap.filing .login_box .noti_con .item.quickicon {grid-column:1/3;padding: 20px;}
.login_wrap.filing .login_box .noti_con .item.quickicon ul {display:flex;justify-content: space-around;}
.login_wrap.filing .login_box .noti_con .item.quickicon li a:before {content:'';display:block;width:48px;height:48px;margin:0 auto 10px;border-radius: 50%;background:#fff url(../images/new/ico_login2_quick01.svg) no-repeat center;box-shadow:0 2px 15px rgba(4,159,255,0.1);cursor:pointer}
.login_wrap.filing .login_box .noti_con .item.quickicon li:nth-child(2) a:before {/*background-image:url(../images/new/ico_login2_quick02.png)*/}
.login_wrap.filing .login_box .noti_con .item.quickicon li:nth-child(3) a:before {background-image:url(../images/new/ico_login2_quick03.svg)}
.login_wrap.filing .login_box .noti_con .item.quickicon li:nth-child(4) a:before {background-image:url(../images/new/ico_login2_quick04.svg)}
.login_wrap.filing .login_box .noti_con .item.quickicon li:nth-child(5) a:before {background-image:url(../images/new/ico_login2_quick05.svg)}
.login_wrap.filing .login_box .noti_con .item.quickicon li:nth-child(6) a:before {background-image:url(../images/new/ico_login2_quick06.svg)}
.login_wrap.filing .login_box .noti_con .item.quickicon li:hover a:before {/*background-color:#00AAD4*/}
.login_wrap.filing .login_container {position:relative;top:auto;right:auto;flex: none;width:448px;margin-left:auto;padding:60px}
.login_wrap.filing .login_header {text-align:left}
.login_wrap.filing .login_header .login_info {margin-top:0;color:#121212}
.login_wrap.filing .login_contents {margin-top:40px}
.login_wrap.filing .login_contents .grp_password {margin-top:20px;}
.login_wrap.filing .login_contents .login_btn {margin-top:40px;}
.login_wrap.filing .login_bottom {display:flex;justify-content:flex-end;align-items:center;right:40px}
.login_wrap.filing .login_bottom .bottom_link {display:flex;gap:13px;margin: 0 10px 0 4px;}
.login_wrap.filing .login_bottom .bottom_link li {display:flex;position:relative;align-items:center}
.login_wrap.filing .login_bottom .bottom_link li:after {content:'';display: block;position:absolute;right: -7px;width:1px;height:10px;background-color:var(--ws-gray-600)}
.login_wrap.filing .login_bottom .bottom_link li:last-child:after {display:none;}
.login_wrap.filing .login_bottom .bottom_link li a {color:var(--ws-gray-600);font-size:12px;font-weight:500}
.login_wrap.filing .login_bottom .copy {font-weight:400}

.login_wrap.tms::before {display:none}


/* chatbot */
.chat_wrap {display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:400px;height:600px;margin:50px auto;background:var(--ws-gray-0);box-shadow:5px 5px 30px rgba(0,0,0,0.1)}
.chat_wrap .chat_close {position:absolute;top:20px;right:20px}
.chat_wrap .chat_close .btn_close {display:block;position:static;width:24px;height:24px;margin-left:auto;border:0;border-radius:4px;background:url(../images/base/ico_pop_close.svg) no-repeat center center;font-size:0;text-indent:-999px;transition:.2s all}
.chat_wrap .chat_close .btn_close:hover {background-color:var(--ws-gray-200)}
.chat_wrap .chat_contents {overflow-y:auto;flex:1;width:100%;padding:30px 20px 20px 20px;box-sizing:border-box}
.chat_wrap .chat_contents .chat_list {text-align:center}
.chat_wrap .chat_contents .chat_list .date {display:inline-block;position:relative;z-index:0;margin-bottom:24px;font-size:14px;font-weight:bold}
.chat_wrap .chat_contents .chat_list .date::after {content:'';position:absolute;left:-4px;right:-4px;bottom:-5px;z-index:-1;height:14px;border-radius:11px;background:var(--ws-gray-100)}
.chat_wrap .chat_contents .chat_list .date span {font-weight:normal}
.chat_wrap .chat_contents .chat_list .grp_message {display:flex;flex-direction:column;align-items:flex-end}
.chat_wrap .chat_contents .chat_list .grp_message .title {color:var(--ws-gray-900);font-size:12px;font-weight:bold}
.chat_wrap .chat_contents .chat_list .grp_message .bubble {max-width:242px;margin-top:8px;padding:10px 20px 12px;border-radius:10px 0 10px 10px;background:var(--ws-primary-100);text-align:right;box-sizing:border-box}
.chat_wrap .chat_contents .chat_list .grp_message .bubble:first-child {margin-top:0}
.chat_wrap .chat_contents .chat_list .grp_message .time {margin-top:8px;font-size:10px;color:var(--ws-gray-500)}
.chat_wrap .chat_contents .chat_list .grp_message .loading {margin-top:16px}
.chat_wrap .chat_contents .chat_list .grp_message .loading .dot {display:inline-block;width:6px;height:6px;border-radius:50%;background:#6F8BF8;vertical-align:middle;animation:chat_loading 1.2s infinite alternate}
.chat_wrap .chat_contents .chat_list .grp_message .loading .dot:nth-child(2) {animation-delay:0.4s}
.chat_wrap .chat_contents .chat_list .grp_message .loading .dot:nth-child(3) {animation-delay:0.8s}
.chat_wrap .chat_contents .chat_list .grp_message .loading .dot + .dot {margin-left:4px}
.chat_wrap .chat_contents .chat_list .grp_message.bot {position:relative;align-items:flex-start}
.chat_wrap .chat_contents .chat_list .grp_message.bot .bubble {border-radius:0 10px 10px 10px;background:var(--ws-gray-200);text-align:left;word-break:break-word}
.chat_wrap .chat_contents .chat_list .grp_message.bot .bubble ol li {padding-left:15px}
.chat_wrap .chat_contents .chat_list .grp_message.bot img {position:absolute;top:0;left:0}
.chat_wrap .chat_contents .chat_list .grp_message.bot img + .bubble {margin-top:0}
.chat_wrap .chat_footer {flex:none;width:100%;height:85px;padding:20px;border-top:1px solid var(--ws-gray-300);background:var(--ws-gray-200);box-sizing:border-box}
.chat_wrap .chat_input_group {display:flex;align-items:center;height:40px}
.chat_wrap .chat_input_group .chat_input {position:relative;flex:1;height:100%;border-radius:30px;background:var(--ws-gray-0);box-sizing:border-box}
.chat_wrap .chat_input_group .chat_input .w2textarea {width:100%;height:100%;padding:9px 40px 9px 20px;border-color:var(--ws-gray-300);border-radius:30px;font-size:14px}
.chat_wrap .chat_input_group .chat_input .btn_file {position:absolute;top:50%;right:20px;flex:none;width:16px;height:16px;margin-top:-8px;border:0;background:url(../images/base/ico_file.svg) no-repeat center;font-size:0}
.chat_wrap .chat_input_group .btn_send {flex:none;width:40px;height:40px;margin-left:5px;border:0;border-radius:30px;background:var(--ws-theme-sub) url(../images/base/ico_send.svg) no-repeat center;font-size:0}

/* 디자인 입히기 전 임시 */
.step_list{display:flex;justify-content: space-between;align-items: center;padding-bottom: 20px;}
.step_list li{min-width:100px;margin:0;padding:0;text-align: center;}

.w2grid_contextMenu {padding:5px 0;border:1px solid #C1C8D0;color:var(--ws-color)}

/* txt_tooltip */
.txt_tooltip {display: inline-flex;align-items:center;gap:4px;cursor:pointer;}
.txt_tooltip::after {content:'';width:16px;height:16px;mask-image:url(/cm/images/base/ico_msg_info.svg);mask-repeat:no-repeat;mask-size:contain;background-color: var(--ws-gray-600)}

/* stepbox */
.stepbox {width:100%;padding:16px 8px;border-top:1px solid var(--ws-gray-400);border-bottom:1px solid var(--ws-gray-400)}
.stepbox ol {overflow:hidden;display:flex;align-items:center;gap:8px;}
.stepbox .step {flex:1;position:relative;display:flex;align-items:center;justify-content:center}
.stepbox .step:not(:last-child)::after  {content:'';position:absolute;top:50%;right:-6px;width:10px;height:10px;border-top:2px solid var(--ws-gray-400);border-right:2px solid var(--ws-gray-400);transform:translateY(-50%) rotate(45deg);}
.step_txt {display:flex;flex-direction:column;justify-content:space-between;min-height:80px;}
.step_txt_tit {font-size:16px;font-weight:500;}
.step_txt_dday {color:var(--ws-primary-500)}

/* stepbar */
.stepbar {position:relative;margin-bottom:16px}
.stepbar ol {overflow:hidden;display:flex;align-items:center;width:100%;height:48px;padding:1px;border-radius:6px;box-sizing:border-box;background-color:var(--ws-form-bd)}
.stepbar .step {flex:1;position:relative;display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px 0 25px;background-color:var(--ws-table-th-bg);color:var(--ws-color);clip-path:polygon(0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%, 15px 50%)}
.stepbar .step:not(:first-child) {margin-left:-14px}
.stepbar .step:first-child {clip-path:polygon(0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%);border-top-left-radius:5px;border-bottom-left-radius:5px;padding-left:15px}
.stepbar .step:last-child {clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 15px 50%);border-top-right-radius:5px;border-bottom-right-radius:5px}
.stepbar .step.active {background-color:#00AAD4;color:var(--ws-gray-0);font-weight:500}

/* on/off 버튼*/
.ui_switch {position:relative;display: inline-block;width: 44px;height: 24px;padding: 0;border:0;border-radius:12px;background: #c4cdd5;cursor: pointer;vertical-align: middle;transition:background 0.2s ease;font-size:0;}
.ui_switch::before {content:'';position:absolute;top: 2px;left: 2px;width: 20px;height: 20px;border-radius: 50%;background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,0.25);transition: transform 0.2s ease;}
.ui_switch.on {background:var(--ws-primary-400);}
.ui_switch.on::before {transform: translateX(20px);}
.ui_switch:focus-visible {outline:2px dashed #2f6ad9;outline-offset:2px;}
.ui_switch:disabled {opacity: 0.4;cursor: not-allowed;}
.ui_switch_wrap {display: inline-flex;align-items:center;gap:4px;}
.ui_switch_label {font-size: 14px;color: var(--ws-color);}

/* drag&drop */
.dragbox {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100px;background-color: #F8F9FA;border: 2px dashed var(--ws-gray-500);transition:all .25s ease}
.dragbox.is_dragover {border: 2px solid var(--ws-red-500);background: rgba(0, 0, 0, .25)}
.dragbox:hover {border: 2px solid var(--ws-red-500);background: rgba(0, 0, 0, .25)}
.dragbox * {pointer-events:none}

/* grid spinner */
.spinner_wrap {position: absolute;inset:0;z-index:99;background-color: rgba(0,0,0,0.25)}
.spinner_cont {display: flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:12px;box-sizing:border-box}
.grid_spinner{width: 40px;height: 40px;border: 4px solid #f3f3f3;border-top:4px solid var(--ws-primary-500);border-radius:50%;animation:grid-spin 1s linear infinite}

@keyframes grid-spin {
	0% {transform: rotate(0)} 
	100% {transform: rotate(360deg)}
}

@keyframes chat_loading {
    0% {
        opacity:1;
    }
    100% {
        opacity:.2;
    }
}

/* etc */
.etcbox {margin:0 0 16px 0}
.etcbox:last-child {margin-bottom:0}

/* ############################## Dark ############################## */
.dark .btn_cm:disabled {opacity:.5}
.dark .chat_wrap .chat_contents .chat_list .grp_message .bubble {background:var(--ws-primary-800)}
.dark .chat_wrap .chat_contents .chat_list .grp_message.bot .bubble {background:var(--ws-gray-200)}

/* ############################## Internet Explorer ############################## */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
	/* ############################## Forms ############################## */
	/* multiselect */
	.w2multiselect_div[disabled=true] {border-color:var(--ws-form-disabled-bd);background:var(--ws-form-disabled-bg)}
	.w2multiselect_div[disabled=true] .w2multiselect_td {background:var(--ws-form-disabled-bg);color:var(--ws-form-disabled-color)}
	
	/* calendar */
	.w2calendar_go_today {margin:1px 0 0 3px}
	.w2calendar_footer_date {padding:0 0 0 5px}
	.w2calendar_selectbox_hour {margin-left:10px}
	.w2calendar_time_confirm {margin:0 3px}
	.w2calendar_footer_date_mobile {padding:0 5px}
	.w2calendar_selectbox_hour, .w2calendar_selectbox_minute, .w2calendar_selectbox_second {margin:0 2px}
	.w2calendar_selectbox_year_native, 
	.w2calendar_selectbox_month_native, 
	.w2calendar_selectbox_hour_mobile, 
	.w2calendar_selectbox_minute_mobile, 
	.w2calendar_selectbox_second_mobile {margin:0 2px}
	.w2calendar_picker_content > table > tbody > tr > td .w2calendar_picker_cell {display:table;width:calc(25% - 4px);height:46px;margin:2px}
	
	/* ############################## Grid ############################## */
	
	/* gridview */
	.w2grid td.gridBodyDefault {background-clip:padding-box}
	
	/* ############################## Container ############################## */
	
	/* table adaptive */
	.w2tb.w2tb_adaptive_layout,
	.w2tb.w2tb_adaptive_layout > tbody {display:block}
	.w2tb.w2tb_adaptive_layout .w2tb_tr {display:block}
	.w2tb.w2tb_adaptive_layout .w2tb_th {display:none}	
	.w2tb.w2tb_adaptive_layout .w2tb_td {display:flex;align-items:center;height:43px;min-height:43px;padding:6px 6px 6px 107px;border-color:#DCE0E4 !important;box-sizing:border-box}
	.w2tb.w2tb_adaptive_layout .w2tb_td[rowspan]:empty {display:none}
	.w2tb.w2tb_adaptive_layout .w2tb_td::before {display:inline-flex;align-items:center;left:0;height:43px;padding:0 12px;border-color:var(--ws-table-bd);background:var(--ws-table-th-bg);box-sizing:border-box}
	.w2tb.w2tb_adaptive_layout .w2tb_td::after {display:none}
	
	/* tabcontrol */
	.w2tabcontrol {overflow:hidden;border-radius:8px}
	.w2tabcontrol.w2tab_adaptive_layout .w2tabcontrol_container .w2tabcontrol_contents {height:auto}
	
	/* ############################## Contents Common ############################## */
	
	/* flex layout */
	.flex > * {margin-right:4px}
	.flex > *:last-child {margin-right:0}
	
	/* divided layout */
	.lybox > .w2group {margin:0;padding:0 8px;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top}
	.lybox > .w2group:first-child {padding-left:0}
	.lybox > .w2group:last-child {padding-right:0}
	
	.lybox.horizontal .ly_btn {padding:0}
	.lybox.horizontal .ly_btn > .btn_cm {margin-bottom:4px}
	.lybox.horizontal .ly_btn > .btn_cm:last-child {margin-bottom:0}
	
	.lybox.vertical > .w2group {padding:0}
	.lybox.vertical .ly_btn {display:block;width:100%;margin:8px 0;text-align:center}
	.lybox.vertical .ly_btn > .btn_cm {margin-right:4px}
	.lybox.vertical .ly_btn > .btn_cm:last-child {margin-right:0}
	
	.lt > * {margin-right:4px}
	.rt > * {margin-left:4px}
	
	/* ############################## Component box ############################## */
	
	.gvwbox .w2grid {border-radius:8px}
	
	.tbc::before {z-index:22}
	
	.schbox .w2tb.w2tb_adaptive_layout .w2tb_td {min-height:auto;padding-left:112px}
	.schbox .w2tb.w2tb_adaptive_layout .w2tb_td::before {border-right:0;background:transparent}
	
	/* ############################## Module ############################## */
	
	/* Layout */
	.wrap {position:absolute;top:0;left:0;right:0;bottom:0}
	
}

/* ############################## Internet Explorer Responsive ############################## */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:1023px) {
	.schbox {display:block;background:red}
	.schbox .schbox_inner {display:block}
	.schbox .btn_schbox {display:block;margin:0 4px 8px 0;text-align:right}
}