@charset "utf-8";

/*==================================
   공통영역
==================================*/
html{width: 100%; height:100%;position: relative;}
/*html  {overflow-y:scroll; }*/
body {min-width: 320px; height: 100%;margin:0 auto;padding:0;color:#222;font-size:14px; line-height:1.4;background-color: #F9F9F9; word-wrap:break-word; word-break:break-all;font-family:'Pretendard', '맑은 고딕','Malgun Gothic',dotum,'돋움',sans-serif,Helvetica;font-weight: 400;}

* {-webkit-text-size-adjust:none;}

/*a {display: inline-block;}*/
a:link,
a:visited,
a:active,
a:focus {text-decoration:none;color: inherit;}
a:hover{text-decoration:none;}

.bold{font-weight: 700;}
.uline{text-decoration: underline!important;}
.mtxt{font-size: 16px;color:#222;line-height: 1.4;}

.ali_l{text-align: left!important;}
.ali_c{text-align: center!important;}
.ali_r{text-align: right!important;}

.ell{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-break: break-all;}

.v_align_t{vertical-align: top!important;}
.v_align_m{vertical-align: middle!important;}

.ov_visible{overflow: visible!important}

.pos_rel{position: relative;}

.fieldWth_s{width: 180px!important;min-width: 180px;}
.fieldWth_m{width: 200px!important;}
.fieldWth_ml{width: 240px!important;}
.fieldWth_l{width: 400px!important;}
.fieldWth_xl{width: 900px!important;}
.fieldWth_cust1{width: 1352px!important;}

.fieldHt_m{height: 120px;}

/* flex 스타일 */
.flexBx {display: flex!important;}
.flexBx [class*="btn_l"] + [class*="btn_l"]{margin-left: 12px;}
.flexbox{display: flex!important; align-items: center;}
.flexCol {flex-direction: column;display: flex!important; gap: 30px;}
.flexBtw {justify-content: space-between!important;}
.flexCen {justify-content: center!important;}
.flexL{justify-content: start!important;}
.flexR{justify-content: end!important;}

.glowTy0 > .col{flex: 1!important;}

.glowTy1 > .col:first-of-type{flex: 1!important;}
.glowTy1 > .col:nth-of-type(2){flex: 2!important;margin-left: -1px;}
.glowTy1 > .col:last-of-type{flex: 2!important;}

.glowTy1:has(.inputBx.col){gap: 12px;}

/* .glowTy1:has(.inputBx.col) > .inputBx.col{flex:1.065!important} */
.glowTy1:has(.inputBx.col) > .col:has(select){flex:1.88!important}

.glowTy2 > .col:first-of-type{flex: 1!important;}
.glowTy2 > .col:last-of-type{flex: 1.5!important;}

.glowTy3 > .col:first-of-type{flex: 2!important;}
.glowTy3 > .col:nth-of-type(2){flex: 2!important;}
.glowTy3 > .col:last-of-type{flex: 1!important;}

.glowTy4 > .col:first-of-type{flex: 1!important;}
.glowTy4 > .col:last-of-type{flex: 4.2!important;}

.glowTy5 > .col:first-of-type{width: 168px!important; flex-shrink: 0;}
.glowTy5 > .col:nth-of-type(2){flex: 138!important;}
.glowTy5 > .col:last-of-type{flex: 212!important;}

.glowTy6 > .col:first-of-type{width: 168px!important; flex-shrink: 0;}
.glowTy6 > .col:last-of-type{width: calc(100% - 168px)!important;}

.glowTy7 > :nth-child(1 of .col) { flex: 3 !important; }
.glowTy7 > :nth-child(2 of .col) { flex: 1 !important; }

.glowTy8 > :nth-child(1 of .col) { flex: 1.5 !important; }
.glowTy8 > :nth-child(2 of .col) { flex: 2 !important; }

.glowTy9 > :nth-child(1 of .col) { flex: 1.5 !important; }
.glowTy9 > :nth-child(2 of .col) { flex: 1 !important; margin-left: 1px;}
.glowTy9 > :nth-child(3 of .col) { flex: 1 !important; }

.glowTy10 > :nth-child(1 of .col) { flex: 1 !important; }
.glowTy10 > :nth-child(2 of .col) { flex: 1 !important; }
.glowTy10 > :nth-child(3 of .col) { flex: 1 !important; }
.glowTy10 > :nth-child(4 of .col) { flex: 2 !important; margin-left: -1px;}

.glowTy11 > :nth-child(1 of .col) { flex: 1 !important; }
.glowTy11 > :nth-child(2 of .col) { flex: 1.5 !important; }
.glowTy11 > :nth-child(3 of .col) { flex: 1 !important; }

.glowTy11_2 > :nth-child(1 of .col) { flex: 1 !important; }
.glowTy11_2 > :nth-child(2 of .col) { flex: 2.5 !important;  margin-left: -1px;}

.glowTy11_3 > :nth-child(1 of .col) { flex: 1.5 !important; }
.glowTy11_3 > :nth-child(2 of .col) { flex: 1 !important;  margin-left: -1px;}
.filterSearch.ty4.flexbox .glowTy11_3 .filter dt{width: 163px;}


/* grid 스타일 */
.gridBx{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}


/*==================================
  for forms
==================================*/
label {vertical-align: middle;}
textarea,select,
input,
input[type="password"],
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="number"] {vertical-align:middle;color:#222;font-family:'Pretendard', '맑은 고딕','Malgun Gothic',dotum,'돋움',sans-serif,Helvetica;border:none;appearance:none;-webkit-appearance:none;border-radius: 0;background: #fff; border: 1px solid ##DFDFDF;font-size: 14px;padding:  padding: 10px 12px;;border-radius: 4px; border: 1px solid #DFDFDF;/* height:36px */}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="time"] {padding:6px 10px;width:100%;}
a:focus {outline:none;} 
table input{font-size: 13px;}

textarea {width: 100%;padding:10px 12px;line-height: 1.6;letter-spacing: inherit;border: 1px solid #ddd;}

button { padding:0;margin:0;vertical-align:middle;background:transparent;cursor:pointer;font-family: inherit;}
button::-moz-focus-inner {margin: 0px;padding: 0;}
button:active,
button:focus {outline: none;}
button:disabled {color: #AAAAAA!important;background-color: #EFEFEF!important;}

select {
  position: relative;
  display: inline-block;
  min-width: 120px;
  width: auto;
  /* height: 36px; */
  padding: 6px 48px 6px 10px;
  font-size: 14px;
  font-weight: 400;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 4px;
  border: 1px solid #DFDFDF;
  color: #222;
  background: url('../images/icons_select_angle.svg') no-repeat;
  background-position: calc(100% - 8px) center;
  background-size: 18px 36px;
  background-color: #fff;
}
select:after{content:'';display: inline-block;width: 8px;height: 5px; position: absolute;top: 50%;left: 10px;transform: translateY(-54%);}
select::-ms-expand { /* for IE 11 */display: none;}
option{font-size: 14px;font-family:'Pretendard', '맑은 고딕','Malgun Gothic',dotum,'돋움',sans-serif,Helvetica;color: #222;}
select option[selected]{color: #222;}
select:disabled{background-color: #F9F9F9!important;color: #222!important;border-color:#DFDFDF;opacity: 1;background:none}

table select,
table option{font-size: 14px;}

input[type='radio'], input[type='checkbox']{position: absolute;overflow: hidden;width: 0;height: 0;line-height: 0;opacity: 0;}
input[type='radio'] + label,
input[type='checkbox'] + label{
  display: inline-block;      
  cursor: pointer;  
  position: relative; 
  padding-left: 35px;  
  font-size: inherit;
  color: #222;
}
input[type='radio']+ label:before, 
input[type='checkbox']+ label:before{
        content: "";  
        display: inline-block; 
        position: absolute;  
        top:50%;  left: 0;    
        width:23px; height:23px;    
        margin-top: -10px;
        /*vertical-align: middle;*/
        background: url('../images/common/icon_toggle_check.png') no-repeat 0 0;background-size:23px;
}
input[type='radio']:checked + label:before,
input[type='checkbox']:checked + label:before{content: ""; background-position: 0 -30px;} 

input:focus, select:focus, textarea:focus {outline:none;} 
input.lock {background:#CCCCCC}
input.disabled,
input[disabled]{background-color: #F9F9F9!important;color: #222!important;border-color:#DFDFDF}

input:-moz-read-only {background-color: #F9F9F9;color:#222;border-color:#DFDFDF}/* For Firefox */
input:read-only {background-color: #F9F9F9;color:#222;border-color:#DFDFDF}
::placeholder{color: #CCCCCC;font-weight: 400;}

.clear {clear:both;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;}
.clear:after{ content:""; display:block; visibility:hidden; clear:both; height:0;}
.show{ visibility:visible;}
.blind {display: block; position: absolute!important; top: -9999px; left: -9999px; width: 1px; height: 1px; line-height: 0; font-size: 0; text-indent: 200%;white-space: nowrap;overflow: hidden;}
.blind_srm{overflow: hidden;clip: rect(1px,1px,1px,1px);position: absolute !important;width: 1px;height: 1px;}
.case_link {color:#2B5FF8;text-decoration:underline!important;}

/* 체크박스*/
.chkBx label{cursor: pointer;}
.chkBx label span.chk_rec {display:inline-block;width:16px;height:16px;border:1px solid #DFDFDF;position: relative;vertical-align: middle;margin-right: 10px;border-radius: 3px;background-color: #fff;}
.chkBx label input:checked + span.chk_rec{display:inline-block;width:16px;height:16px;border:1px solid #2B5FF8;background: url('../images/icon_check_angle.png') no-repeat center center;background-size: 16px 16px;background-color: #2B5FF8;}
.chkBx label span.txt{vertical-align: middle;font-size: 14px;color: #222;line-height: 1.4;padding-top: 1px;}
.chkBx label input[disabled] + span.chk_rec {background-color: #eaeaea;border-color:#DFDFDF}
table .chkBx label span.chk_rec {margin-right: 0;}

/* search 박스 */
.searchBx {display: flex;align-items: center;}
.searchBx > input {border-top-right-radius: 0;border-bottom-right-radius: 0;display: inline-flex;}
.searchBx > span{display: inline-flex;font-size: 16px; white-space: nowrap;padding-right: 10px;}
.searchBx .searchBtn{display: inline-flex;padding: 7px 14px;height: 36px;width: 36px;text-indent: -9999px;background:url('../images/icon_search.svg') no-repeat center center;background-size: 20px 20px;background-color: #2B5FF8;border-color: #2B5FF8;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

.searchBx2{display: flex;align-items: center; gap: 10px;}
.searchBx2 > input {display: inline-flex;}
.searchBx2 > span{display: inline-flex;font-size: 16px; white-space: nowrap;padding-right: 10px;}

/* 기간선택 */
.date_range {display: flex;align-items: center;}
.date_range input.datepicker,
.date_range input.timepicker {width: 180px;}
.date_range span{margin:0 8px;display: inline-flex;}
.date_range p.info_notice{margin-left:10px}
input.datepicker{background: #fff url("../images/icon_datepicker.png") no-repeat calc(100% - 10px) center;background-size: 18px 18px;cursor: pointer;}
input.datepicker[disabled]{background: #fff url("../images/icon_datepicker_disabled.png") no-repeat calc(100% - 10px) center;background-size: 18px 18px;cursor: pointer;}
input.datepicker[disabled]{background: #fff url("../images/icon_datepicker_disabled.png") no-repeat calc(100% - 10px) center;background-size: 18px 18px;cursor: pointer;}
input.datepicker[disabled]{background: #fff url("../images/icon_datepicker_disabled.png") no-repeat calc(100% - 10px) center;background-size: 18px 18px;cursor: pointer;}

.tableBx .date_range{justify-content: center;}
.tableBx .ali_l .date_range {justify-content: flex-start;gap: 12px;}
.tableBx .date_range input.datepicker{width: 160px;}
.tableBx .date_range .btn{margin-left: 12px;}

.date_range.fullBx input.datepicker{width: 100%;}

.time_field_wrap{position:relative;width:160px;}
.date_range input.timepicker{width: 100%;cursor:pointer;}
.date_range input.timepicker::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;top: 0; left: 0;}
input.timepicker{background: #fff url("../images/icon_timepicker.png") no-repeat calc(100% - 10px) center;background-size: 18px 18px;cursor: pointer;}


/* alert */
.field_alert {font-size:12px;color: #F00202;font-weight: 300;position: relative;margin-top: 4px;display: flex;gap: 4px;align-items: center;line-height: 1.2;}
.field_alert::before{content: "";display: block;background: url("../images/icon_alert.png") no-repeat center center;width: 12px;height: 12px;background-size: 12px auto;}
.info_alert {font-size:14px;color: #F00202;font-weight: 500;position: relative;padding: 0 22px;}
.info_alert::before{content: "";display: block;background: url("../images/icon_info.png") no-repeat 0 0;width: 18px;height: 18px;background-size: 18px auto;position: absolute;top: 50%;transform: translateY(calc(-50% - 1px));left:0;}
.info_notice {font-size:14px;color: #777;font-weight: 500;position: relative;padding: 0 22px;}
.info_notice::before{content: "";display: block;background: url("../images/icon_info.png") no-repeat 0 -18px;width: 18px;height: 18px;background-size: 18px auto;position: absolute;top: 50%;transform: translateY(calc(-50% - 1px));left:0;}
.info_txt{font-size: 16px; color: #aaa;}
.field_info{font-size: 12px; color: #777;font-weight: 300;margin-top: 4px;}
.notice_txt{color: #777;font-size: 14px;}
.tableBx + .notice_txt{margin-top: 4px;}

.info_list{list-style: decimal;padding-left: 16px;}
.info_list li{font-size: 14px;}
.tableBx + .info_list{margin-top: 20px;}

/* 파일 업로드 */
.fileBx{gap: 12px;}
.fileUpload {display: flex;align-items: center;width: 100%;overflow: hidden;gap: 12px;}
.fileUpload .inputTit{white-space: nowrap;font-size: 16px;font-weight: 700;padding-right: 40px;}
.file_input {border: 1px solid #DFDFDF;border-radius: 4px;}
.fileUpload .fileSearchBtn{display: inline-flex;padding: 7px 14px;height: 40px;width: 36px;text-indent: -9999px;background:url('../images/icon_search.svg') no-repeat center center;background-size: 20px 20px;background-color: #2B5FF8;border-color: #2B5FF8;border-top-right-radius: 4px;border-bottom-right-radius: 4px;height: 40px;width: 36px;}
.fileUpBtn .file_hidden_input{display: none;}
.fileUpBtn label{cursor: pointer;}

/*==================================
   color
==================================*/

.pri_color{color: #2B5FF8!important;}
.secon_color{color: #EAEFFE!important;}
.disabled_color{color: #EFEFEF!important;}

.pri_b_color{color: #2B5FF8!important;font-weight: 700!important;}
.secon_b_color{color: #EAEFFE!important;font-weight: 700!important;}
.disabled_b_color{color: #EFEFEF!important;font-weight: 700!important;}

.pcolor_navi{color: #001E8A!important;}
.pcolor_ablue{color: #2A3167!important;}
.pcolor_blue{color: #2B5FF8!important;}
.pcolor_mint{color: #00C2CB!important;}
.pcolor_yellow{color: #FDCA40!important;}
.pcolor_red{color: #F00202!important;}
.pcolor_pink{color: #FF51A4!important;}
.pcolor_gray{color: #aaa!important;}
.pcolor_gray2{color: #777!important;}

.pcolorb_navi{color: #001E8A!important;font-weight: 700!important;}
.pcolorb_blue{color: #2B5FF8!important;font-weight: 700!important;}
.pcolorb_mint{color: #00C2CB!important;font-weight: 700!important;}
.pcolorb_yellow{color: #FDCA40!important;font-weight: 700!important;}
.pcolorb_red{color: #F00202!important;font-weight: 700!important;}
.pcolorb_pink{color: #FF51A4!important;font-weight: 700!important;}
.pcolorb_gray{color: #aaa!important;font-weight: 700!important;}
.pcolorb_gray2{color: #777!important;font-weight: 700!important;}
.pcolorb_gray3{color: #222!important;font-weight: 700!important;}

.bgcolor_navi{background-color:#001E8A!important ;}
.bgcolor_blue{background-color:#f5f8ff!important ;}
.bgcolor_blue_d{background-color:#EAEFFE!important ;}
.bgcolor_green{background-color:#edf8f7!important ;}
.bgcolor_peach{background-color:#ffedea!important ;}
.bgcolor_gray{background-color:#f9f9f9!important ;}
.bgcolor_yellow{background-color:#FFFDF5!important ;}
.bgcolor_yellow_d{background-color:#FFF9E2!important ;}
.bgcolor_none{background-color:transparent!important ;}

.bgcolor_green_bold{background-color: #edf8f7;font-weight: bold;}
.bgcolor_yellow_bold{background-color:#FFF9E2!important;font-weight: bold;}
.bgcolor_blue_bold{background-color:#EAEFFE!important;font-weight: bold;}

.bgcolor_navi_bold{background-color:#001E8A!important;font-weight: bold;}
.bgcolor_pink_bold{background-color:#FF51A4!important;font-weight: bold;}

.tableBx span.btn{font-weight: 400;display: inline-flex;height: 26px;align-items: center;justify-content: center;} 


/*==================================
   BUTTON
==================================*/
.btn {position: relative;display: inline-flex;align-items: center;justify-content: center;font-weight: 700;border-radius: 4px;line-height: 1;white-space: nowrap;}

.btnWrap{width: 100%;display: flex;align-items: center;justify-content: center;}
.fbtnWrap{width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 60px;gap: 12px;}
.rowBx .fbtnWrap{margin-top:30px}
.rowBx .fbtnWrap ul{gap:30px}
.rowBx .col.flexbox{gap: 30px;}
.rowBx .rowBx {position: relative;}
.rowBx .fbtnWrap.line{margin-top: 30px;padding-top: 30px;border-top: 1px solid #EFEFEF;}
.rowBx .formActions{display: flex;}
.rowBx .fbtnWrap:has(.btn_red_outline),
.rowBx .formActions:has(.flexbox >.btn_red_outline){justify-content: space-between!important;}

table td .btn{font-size: 14px;height: 32px;}
table .btnWrap{gap: 12px;}
.b_invalid {opacity: 0.5;cursor: context-menu;}

.btn_xl{height: 60px;padding: 0 28px;font-size: 18px;min-width: 140px;}
.btn_xl_min{min-width: 200px;height: 60px;font-size: 18px;}
.btn_l{height: 50px;padding: 0 24px;font-size: 18px;}
.btn_l_min{min-width: 200px;height: 50px;font-size: 18px;}
.btn_m{height: 30px;padding: 0 16px;font-size: 14px}
.btn_m_min{min-width: 68px;height: 30px;font-size: 14px}
.btn_m_min2{min-width: 108px;height: 30px;font-size: 14px}
.btn_ml_min{min-width:120px;height: 42px;font-size: 12px;}
.btn_s{height: 20px;padding: 0 8px;font-size: 14px}
.btn_s_min{min-width: 53px;height: 20px;font-size: 14px}

.btn_pri{background-color: #2B5FF8;color: #fff!important;border: 1px solid #2B5FF8;}
.btn_secon{background-color: #EAEFFE;color: #2B5FF8!important;border: 1px solid #EAEFFE;}
.btn_tert{background-color: #F9F9F9;color: #555555!important;border: 1px solid #DFDFDF;}
.btn_gray{background-color: #EFEFEF;color: #777777!important;border: 1px solid #EFEFEF;}
.btn_indigo{background-color: #EAEFFE;color: #809FFB!important;border: 1px solid #EAEFFE;}
.btn_pink{background-color: #FFEDEA;color: #FF51A4!important;border: 1px solid #FFEDEA;}


.btn_pri_outline{background-color: #fff;color: #2B5FF8!important;border: 1px solid #2B5FF8;}
.btn_edit_outline{background-color: transparent;color: #2B5FF8!important;border: 1px solid #2B5FF8;}
.btn_gray_outline{background-color: transparent;color: #777777!important;border: 1px solid #cccccc;}
.btn_gray3_outline{background-color: #fff;color: #777777!important;border: 1px solid #cccccc;}
.btn_gray2_outline{background-color: #fff;color: #777777!important;border: 1px solid #777777;}
.btn_red_outline{background-color: #fff;color: #F00202!important;border: 1px solid #F00202;}

.btn_disabled{background-color: #EFEFEF;color: #AAA!important;border: 1px solid #EFEFEF;}

[class*="btn_icon_print"] {gap: 12px;}
[class*="btn_icon_print"]:before{content: '';background:url("../images/icons_print_btn.svg") no-repeat; background-size: 24px 72px;width: 24px;height: 24px;background-position:0 0}

.btn_pri[class*="btn_icon_"],
.btn_pri[class*="btn_ic_"] {gap:6px;padding-left: 10px;}
.btn_pri[class*="btn_icon_"]:before{content: '';background:url("../images/icons_btn.png") no-repeat; background-size: 60px auto;width: 20px;height: 20px;background-position:-20px 0}
.btn_pri.btn_icon_list:before {background-position:-20px -20px}
.btn_pri.btn_icon_confirm:before {background-position:-20px -40px}
.btn_pri.btn_icon_add:before {background-position:-20px -60px}
.btn_pri.btn_icon_reject:before {background-position:-20px -80px}
.btn_pri.btn_icon_delete:before {background-position:-20px -100px}
.btn_pri.btn_icon_register:before {background-position:-20px -120px}       
.btn_pri.btn_icon_compare:before {background-position:-20px -140px}
.btn_pri.btn_icon_mail:before {background-position:-20px -160px}
.btn_pri.btn_icon_copy:before {background-position:-20px -180px}
.btn_pri.btn_icon_list_sort:before {background-position:-20px -200px}
.btn_pri.btn_icon_chain:before {background-position:-20px -220px}
.btn_pri.btn_icon_reset:before {background-position:-20px -240px}
.btn_pri.btn_icon_download:before {background-position:-20px -260px}
.btn_pri.btn_icon_search:before {background-position:-20px -280px}
.btn_pri.btn_icon_calendar:before {background-position:-20px -300px}
.btn_pri.btn_icon_setting:before {background-position:-20px -320px}
.btn_pri.btn_icon_edit:before {background-position:-20px -340px}
.btn_pri.btn_icon_remove:before {background-position:-20px -360px}
.btn_pri.btn_icon_upload:before {background-position:-20px -380px}
.btn_pri.btn_icon_shortcut:before {background-position:-20px -400px}
.btn_pri.btn_icon_nodata:before {background-position:-20px -420px}
.btn_pri.btn_right_angle{gap:6px}
.btn_pri.btn_right_angle:after{content: ""; background: url("../images/icons_select_angle_w.svg") no-repeat 0 0;background-size: 16px 16px;width: 16px;height:16px;transform: rotate(0);}


.btn_pri_outline[class*="btn_icon_"],
.btn_pri_outline[class*="btn_ic_"] {gap:6px;padding-left: 10px;}
.btn_pri_outline[class*="btn_icon_"]:before{content: '';background:url("../images/icons_btn.png") no-repeat; background-size: 60px auto;width: 20px;height: 20px;background-position:0 0}
.btn_pri_outline.btn_icon_list:before {background-position:0 -20px}
.btn_pri_outline.btn_icon_confirm:before {background-position:0 -40px}
.btn_pri_outline.btn_icon_add:before {background-position:0 -60px}
.btn_pri_outline.btn_icon_reject:before {background-position:0 -80px}
.btn_pri_outline.btn_icon_delete:before {background-position:0 -100px}
.btn_pri_outline.btn_icon_register:before {background-position:0 -120px}       
.btn_pri_outline.btn_icon_compare:before {background-position:0 -140px}
.btn_pri_outline.btn_icon_mail:before {background-position:0 -160px}
.btn_pri_outline.btn_icon_copy:before {background-position:0 -180px}
.btn_pri_outline.btn_icon_list_sort:before {background-position:0 -200px}
.btn_pri_outline.btn_icon_chain:before {background-position:0 -220px}
.btn_pri_outline.btn_icon_reset:before {background-position:0 -240px}
.btn_pri_outline.btn_icon_download:before {background-position:0 -260px}
.btn_pri_outline.btn_icon_search:before {background-position:0 -280px}
.btn_pri_outline.btn_icon_calendar:before {background-position:0 -300px}
.btn_pri_outline.btn_icon_setting:before {background-position:0 -320px}
.btn_pri_outline.btn_icon_edit:before {background-position:0 -340px}
.btn_pri_outline.btn_icon_remove:before {background-position:0 -360px}
.btn_pri_outline.btn_icon_upload:before {background-position:0 -380px}
.btn_pri_outline.btn_icon_shortcut:before {background-position:0 -400px}
.btn_pri_outline.btn_icon_nodata:before {background-position:0 -420px}
.btn_pri_outline.btn_icon_alist:before {background-position:0 -440px}


.btn_gray_outline[class*="btn_icon_"],
.btn_gray_outline[class*="btn_ic_"] {gap:6px;padding-left: 10px;}
.btn_gray_outline[class*="btn_icon_"]:before{content: '';background:url("../images/icons_btn.png") no-repeat; background-size: 60px auto;width: 20px;height: 20px;background-position:-40px 0}
.btn_gray_outline.btn_icon_list:before {background-position:-40px -20px}
.btn_gray_outline.btn_icon_confirm:before {background-position:-40px -40px}
.btn_gray_outline.btn_icon_add:before {background-position:-40px -60px}
.btn_gray_outline.btn_icon_reject:before {background-position:-40px -80px}
.btn_gray_outline.btn_icon_delete:before {background-position:-40px -100px}
.btn_gray_outline.btn_icon_register:before {background-position:-40px -120px}       
.btn_gray_outline.btn_icon_compare:before {background-position:-40px -140px}
.btn_gray_outline.btn_icon_mail:before {background-position:-40px -160px}
.btn_gray_outline.btn_icon_copy:before {background-position:-40px -180px}
.btn_gray_outline.btn_icon_list_sort:before {background-position:-40px -200px}
.btn_gray_outline.btn_icon_chain:before {background-position:-40px -220px}
.btn_gray_outline.btn_icon_reset:before {background-position:-40px -240px}
.btn_gray_outline.btn_icon_download:before {background-position:-40px -260px}
.btn_gray_outline.btn_icon_search:before {background-position:-40px -280px}
.btn_gray_outline.btn_icon_calendar:before {background-position:-40px -300px}
.btn_gray_outline.btn_icon_setting:before {background-position:-40px -320px}
.btn_gray_outline.btn_icon_edit:before {background-position:-40px -340px}
.btn_gray_outline.btn_icon_remove:before {background-position:-40px -360px}
.btn_gray_outline.btn_icon_upload:before {background-position:-40px -380px}
.btn_gray_outline.btn_icon_shortcut:before {background-position:-40px -400px}
.btn_gray_outline.btn_icon_nodata:before {background-position:-40px -420px}



/* .btn_gray2_outline.btn_icon_refresh:before {background-position:-36px -90px;}
.btn_pri_outline.btn_icon_check_user:before {background-position:0 -18px}
.btn_pri_outline.btn_icon_check_square:before {background-position:0 -36px}
.btn_pri_outline.btn_icon_check_all:before {background-position:0 -54px}
.btn_pri_outline.btn_icon_arrow_curved:before {background-position:0 -125px;margin-bottom: 2px;}
.btn_pri_outline.btn_icon_check:before {background-position:0 -143px;margin-bottom: 2px;}
.btn_pri_outline.btn_icon_import:before {background-position:0 -162px;} */
.btn_gray_outline.btn_icon_refresh{gap: 6px;padding: 0 10px;}
.btn_gray_outline.btn_icon_refresh:before {content: '';background:url("../images/icon_reset.png") no-repeat; background-size: 16px 16px;width: 16px;height: 16px;background-position:0 0}

.btn_gray_outline.btn_icon_upload{gap: 6px;padding: 0 10px;}
.btn_gray_outline.btn_icon_upload:before {content: '';background:url("../images/icon_upload.png") no-repeat; background-size: 16px 16px;width: 16px;height: 16px;background-position:0 0}

.btn_pri.btn_icon_print2:before {background-position:0 -24px;}
.btn_pri.btn_icon_print3:before {background-position:0 -48px;}

.btn_tert.btn_ic_list_back:before {content: '';background:url("../images/icon_list_back.svg") no-repeat; background-size: 18px 18px;width: 18px;height: 18px;background-position:0 0;}

/* .more{font-size: 13px;color: #0F0F0F;line-height: 1.4;display: inline-block;position: relative;vertical-align:middle;padding-right: 16px;}
.more:after{content: '';display: inline-block;width: 6px;height: 10px;background: url('../images/angle_more.png') no-repeat 0 0;background-size: 6px;vertical-align: middle;position: absolute;top: 50%;transform: translateY(-50%);right: 0} */

.btn_radius{border-radius:100px;color: #fff;font-size: 12px;}
.btn_radius span{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;}
.btn_radius.btn_add span:before{content: "";display:block;background: url('../images/icon_arrow.png') no-repeat 0 0;width: 10px;height: 10px;background-size: 10px 10px;}
.btn_radius.btn_remove span:before{content: "";display:block;background: url('../images/icon_arrow.png') no-repeat 0 0;width: 10px;height: 10px;background-size: 10px 10px;transform: rotate(180deg);}
.btn_radius.btn_ml_min{text-align: center;}

.btn_l_min[class*="btn_icon_"]{gap: 12px;}
.btn_l_min.btn_icon_refresh:before {content: "";background: url("../images/icons_l_btn.png") no-repeat; width: 20px;height: 20px;background-size: 20px;background-position: 0 0;}
.btn_l_min.btn_icon_add:before {content: "";background: url("../images/icons_l_btn.png") no-repeat; width: 20px;height: 20px;background-size: 20px;background-position: 0 -20px;}


/* ====== icons_etc.png 관련 (배경이 아닌 버튼으로 사용되는 아이콘들)=======  */

button[class*="icon_etc_"],
a[class*="icon_etc_"]{background:url("../images/icons_etc.png") no-repeat; background-size: 80px auto;width: 20px;height: 20px; background-position: 0 0;text-indent: -10000px;}
.btn_pri_outline.icon_etc_caution {background-position:0 0px}
.btn_pri_outline.icon_etc_copy {background-position:0 -20px}
.btn_pri_outline.icon_etc_deleteBox {background-position:0 -40px}
.btn_pri_outline.icon_etc_guide {background-position:0 -60px}
.btn_pri_outline.icon_etc_delete {background-position:0 -80px}
.btn_pri_outline.icon_etc_plus {background-position:0 -100px}
.btn_pri_outline.icon_etc_check {background-position:0 -120px}

.btn_white_outline.icon_etc_caution {background-position:-20px 0px}
.btn_white_outline.icon_etc_copy {background-position:-20px -20px}
.btn_white_outline.icon_etc_deleteBox {background-position:-20px -40px}
.btn_white_outline.icon_etc_guide {background-position:-20px -60px}
.btn_white_outline.icon_etc_delete {background-position:-20px -80px}
.btn_white_outline.icon_etc_plus {background-position:-20px -100px}
.btn_white_outline.icon_etc_check {background-position:-20px -120px}

.btn_gray_outline.icon_etc_caution {background-position:-40px 0px}
.btn_gray_outline.icon_etc_copy {background-position:-40px -20px}
.btn_gray_outline.icon_etc_deleteBox {background-position:-40px -40px}
.btn_gray_outline.icon_etc_guide {background-position:-40px -60px}
.btn_gray_outline.icon_etc_delete {background-position:-40px -80px}
.btn_gray_outline.icon_etc_plus {background-position:-40px -100px}
.btn_gray_outline.icon_etc_check {background-position:-40px -120px}

.btn_black_outline.icon_etc_caution {background-position:-60px 0px}
.btn_black_outline.icon_etc_copy {background-position:-60px -20px}
.btn_black_outline.icon_etc_deleteBox {background-position:-60px -40px}
.btn_black_outline.icon_etc_guide {background-position:-60px -60px}
.btn_black_outline.icon_etc_delete {background-position:-60px -80px}
.btn_black_outline.icon_etc_plus {background-position:-60px -100px}
.btn_black_outline.icon_etc_check {background-position:-60px -120px}




/*==================================
  background-color
==================================*/

.bg_pri{background-color: #2B5FF8;}
.bg_secon{background-color: #EAEFFE;}


/*==================================
layout 
==================================*/

.divider{border-top:1px solid #777;margin: 0;}

ul.float, ol.float {overflow: hidden;}
ul.float > li, ol.float > li{float: left}

.go_top {position: fixed;left:auto;right:1.5rem;bottom:2rem;height: auto;margin-left: 0;z-index: 1000}
.go_top a {display: block;width: 40px;height: 40px;padding-top: 18px;background: rgba(0,0,0,0.2);text-align: center;border-radius: 50%;box-shadow: 1px 1px 2px rgba(0,0,0,0.1);font-size: 8px;font-weight: 700;color: #fff;}
.go_top a:before{content: '';display: block;background: url('../images/Icons_popup.png') no-repeat; background-size: 50px;background-position: center -121px;width: 8px;height: 5px;position: absolute;top: 10px;left: 50%;transform: translateX(-50%);}

/*리스트 스타일*/
.bulletList li{position: relative;padding-left: 20px;line-height: 1.4;color: #1B1B1B;font-size: 13px;}
.bulletList li:before {content: '';display: block; position: absolute;left: 8px;top: 7px;width: 3px;height: 3px;background:#1B1B1B;border-radius: 100%;}
.bulletList li.m_color:before{background-color: #2B5FF8;}
.noteList li{position: relative;padding-left: 10px;line-height: 1.4;color: #1B1B1B;font-size: 14px;position: relative;}
.noteList li:before {content: '※';display: inline-flex; position: absolute;left: 8px;top: 7px;position: absolute;left: 0;top: 0;}
.noteList li + li{margin-top:8px;}

.barList li{position: relative;padding-left: 20px;line-height: 1.4;color: #555;font-size: 14px;line-height: 1.6;}
.barList li:before {content: '-';display: block; position: absolute;left: 8px;top: 0;color: #555;font-size: 14px;}

.fullBx{width: 100%!important;max-width: 100%!important;}
.halfBx{width: 50%;display: inline-block;}
.wideBx{width: 60%!important;}

.tableUl {margin: 10px 0;brder-top:1px solid #ddd}
.tableUl span{display: inline-block;width: 100px;}
.tableUl li {padding-top: 10px;}

/*==================================
table 
==================================*/

.tableBx{border: 1px solid #F2CEC8;border-radius: 4px;overflow: hidden;}
.tableBx + .tableBx {margin-top: 20px;}
.tableBx table{margin: -1px 0;}
table{width: 100%;}
.btable tbody tr:hover td {background-color: #F5F8FF;}
table.btable:not(:has(thead)) tbody tr:hover td{background-color: transparent!important;}
table.btable:has(input:disabled) tbody tr:hover td{background-color: transparent!important;}

/* 기본 테이블 ===================================== */

.btable{border-top: 1px solid #F2CEC8;}
.btable thead th,
.btable tbody th{background-color: #FFEDEA;font-size: 13px;text-align: center;padding: 10px 10px;border-bottom: 1px solid #F2CEC8;border-right: 1px solid #F2CEC8;line-height: 1.2;}
.btable thead tr th:last-child,
.btable tbody tr th:last-child{border-right: none;}
.btable tfoot td{background-color: #F9F9F9;font-size: 13px;text-align: center;padding: 16px 10px;border-bottom: 1px solid #F2CEC8;border-right: 1px solid #F2CEC8;line-height: 1.2;font-weight: 700;}
.btable tfoot tr td:last-child{border-right: none;}

.btable tbody td{background-color: #fff; font-size: 13px;text-align: center;padding: 6px 8px;border-bottom: 1px solid #F2CEC8;border-right: 1px solid #F2CEC8;line-height: 1;}
.btable tbody td:has(.inputBx.fullBx input[type="text"]){vertical-align: top;}
.btable tbody tr td:last-child{border-right: none;}
.btable thead th span,
.btable tbody td > span{display: block;}
.btable tbody td > span + span{margin-top: 4px;}
.btable tbody tr td.r_border:last-child{ border-right:1px solid #F2CEC8;}

.btable.ali_l td {text-align: left;}
.btable.ali_r td {text-align: right;}


/* 컬러 테이블 ===================================== */

/* green */
.tableBx.tableG.scrollBx_vtc .btable_thead{border-bottom: 1px solid #ACD0D4;background-color: #EDF8F7;}
.tableBx.tableG {border: 1px solid #ACD0D4;background-color: #fff;}
.tableBx.tableG .btable{border-top: 1px solid #ACD0D4;}
.tableBx.tableG .btable thead th,
.tableBx.tableG .btable tbody th{background-color: #EDF8F7;border-bottom: 1px solid #ACD0D4;border-right: 1px solid #ACD0D4;}
.tableBx.tableG .btable thead tr th:last-child,
.tableBx.tableG .btable tbody tr th:last-child{border-right: none;}
.tableBx.tableG .btable tfoot td,
.tableBx.tableG .btable tbody td{border-bottom: 1px solid #ACD0D4;border-right: 1px solid #ACD0D4;}/* 2025.05.30 수정 */
.tableBx.tableG .btable tbody tr td:last-child,
.tableBx.tableG .btable tfoot tr td:last-child{border-right: none;}/* 2025.05.30 수정 */

/* blue */
.tableBx.tableB {border: 1px solid #A6C0FC;}
.tableBx.tableB .btable{border-top: 1px solid #A6C0FC;}
.tableBx.tableB .btable thead th,
.tableBx.tableB .btable tbody th{background-color: #F5F8FF;border-bottom: 1px solid #A6C0FC;border-right: 1px solid #A6C0FC;}
.tableBx.tableB .btable thead tr th:last-child,
.tableBx.tableB .btable tbody tr th:last-child{border-right: none;}
.tableBx.tableB .btable tfoot td,
.tableBx.tableB .btable tbody td{border-bottom: 1px solid #A6C0FC;border-right: 1px solid #A6C0FC;}/* 2025.05.30 수정 */
.tableBx.tableB .btable tbody tr td:last-child,
.tableBx.tableB .btable tfoot tr td:last-child{border-right: none;}/* 2025.05.30 수정 */

/* gray */
.tableBx.tableGs {border: 1px solid #aaa;}
.tableBx.tableGs .btable{border-top: 1px solid #aaa;}
.tableBx.tableGs .btable thead th,
.tableBx.tableGs .btable tbody th{background-color: #F9F9F9;border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;}
.tableBx.tableGs .btable thead tr th:last-child,
.tableBx.tableGs .btable tbody tr th:last-child{border-right: none;}
.tableBx.tableGs .btable tfoot td,
.tableBx.tableGs .btable tbody td{border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;}/* 2025.05.30 수정 */
.tableBx.tableGs .btable tbody tr td:last-child,
.tableBx.tableGs .btable tfoot tr td:last-child{border-right: none;}/* 2025.05.30 수정 */

/* gray2 */
.tableBx.tableGs2.scrollBx_vtc .btable_thead{border-bottom: 1px solid #DFDFDF;background-color: #EFEFEF;}
.tableBx.tableGs2 {border: 1px solid #DFDFDF;}
.tableBx.tableGs2 .btable{border-top: 1px solid #DFDFDF;}
.tableBx.tableGs2 .btable thead th,
.tableBx.tableGs2 .btable tbody th{background-color: #EFEFEF;border-bottom: 1px solid #DFDFDF;border-right: 1px solid #DFDFDF;}
.tableBx.tableGs2 .btable thead tr th:last-child,
.tableBx.tableGs2 .btable tbody tr th:last-child{border-right: none;}
.tableBx.tableGs2 .btable tfoot td,
.tableBx.tableGs2 .btable tbody td{border-bottom: 1px solid #DFDFDF;border-right: 1px solid #DFDFDF;}/* 2025.05.30 수정 */
.tableBx.tableGs2 .btable tbody tr td:last-child,
.tableBx.tableGs2 .btable tfoot tr td:last-child{border-right: none;}/* 2025.05.30 수정 */

/* calendar table */
.tableBx.calendar_table {width: 1200px;margin:0 auto;border: 1px solid #DFDFDF;}
.tableBx.calendar_table .btable{border-top: 1px solid #DFDFDF;}
.tableBx.calendar_table .btable thead th,
.tableBx.calendar_table .btable tbody th{border-bottom: 1px solid #DFDFDF;border-right: 1px solid #DFDFDF;}
.tableBx.calendar_table .btable thead tr th:last-child,
.tableBx.calendar_table .btable tbody tr th:last-child{border-right: none;}
.tableBx.calendar_table .btable tbody tr.divided th,
.tableBx.calendar_table .btable tbody tr.divided td{border-bottom: 1px solid #aaa;}
.tableBx.calendar_table .btable tbody tr.divided:last-child th,
.tableBx.calendar_table .btable tbody tr.divided:last-child td{border-bottom: none;}
.tableBx.calendar_table .btable tfoot td,
.tableBx.calendar_table .btable tbody td,
.tableBx.calendar_table .btable tbody th{border-bottom: 1px solid #DFDFDF;border-right: 1px solid #DFDFDF;padding: 5px;font-weight: 400;min-height: 38px;}
.tableBx.calendar_table .btable tbody th{background-color: #F9F9F9;}
.tableBx.calendar_table .btable tbody tr td:last-child,
.tableBx.calendar_table .btable tfoot tr td:last-child{border-right: none;}

.tableG_bx{border: 1px solid #ACD0D4;background-color: #fff;border-radius: 4px;overflow: hidden;}
.tableG_bx .thBx{background-color: #EDF8F7;border-bottom: 1px solid #ACD0D4;height: 50px;display: flex;justify-content: center;align-items: center;font-weight: 700;font-size: 13px;}
.tableG_bx .tdBx{padding: 16px;display: flex;flex-direction: column;gap: 30px;}
.tableG_bx .textareaBx textarea{height: 120px;}
.tableG_bx .tdBx p{margin-top: 4px;margin-left: 6px;}
.tableBx.tableG + .tableG_bx{margin-top: 12px;}



/* tbody th 가 있는 테이블 */
.btable.tbth tbody th{padding: 12px 15px;font-size: 13px;background-color: #E4DEDA;border-bottom: 1px solid #E4DEDA;border-right: 1px solid #E4DEDA;}

.tableBx .btable.th_gray tbody th{background-color: #F9F9F9;font-weight: 400;word-break: keep-all;}

/* 스크롤 */
.scrollBx {overflow-x: scroll;border-radius: 4px;border:1px solid #F2CEC8;scrollbar-color:#C1C1C1 #f1f1f1;}
.scrollBx .scroll_tbl{width: 1800px;margin: -1px 0 0;} 
.scrollBx .scroll_tbl1{width: 2000px;margin: -1px 0 0;} /* 2025.05.30 수정 */
.scrollBx .scroll_tbl2{width: 2400px;margin: -1px 0 0;}/* 2025.05.30 수정 */

.scrollY{overflow-Y: scroll;border:1px solid #DFDFDF;scrollbar-color:#C1C1C1 #f1f1f1;padding: 16px;height: 230px;}

/* 세로 스크롤 테이블 */
.scrollBx_vtc .btable_thead {border-bottom:1px solid #F2CEC8;overflow-x:hidden; overflow-y: auto;scrollbar-color: transparent transparent;background-color: #FFEDEA;}
.scrollBx_vtc .btable_tbody:hover{scrollbar-color: #aaa transparent;}
.scrollBx_vtc .btable_tbody {width: 100%; max-height:420px;border-radius: 4px;overflow-x:hidden; overflow-y: auto;scrollbar-color:#C1C1C1 #f1f1f1;}

.scrollBx_vtc .btable_thead::-webkit-scrollbar{width: 9px;}
.scrollBx_vtc .btable_tbody::-webkit-scrollbar{width:10px;} 
.scrollBx_vtc .btable_tbody::-webkit-scrollbar-thumb{background-color: #C1C1C1;}
.scrollBx_vtc .btable_tbody::-webkit-scrollbar-track { background-color: #f1f1f1;}

.scrollBx_vtc .btable_tbody .tb_empty {height: 100px;padding-right: 0;}
.scrollBx_vtc .btable_tbody .tb_empty tr{height: 100%;}
.scrollBx_vtc .btable_tbody .tb_empty td{border-bottom: none;}
.scrollBx_vtc .btable tr td:last-child{border-right: 1px solid #ddd!important;}/* 2025.05.30 수정 */

/*==================================
pagination 
==================================*/
.pagination{font-size: 0; display: flex;justify-content: center;align-items: center;height: 40px;}
.pagination span{display: inline-flex;align-items: center;justify-content: center;}
.pagination span a{display: block;text-indent: -1000%;width: 24px;height: 24px;position: relative}

.pagination span.goFirst a{display: inline-flex;background: url('../images/icons_paging.svg') no-repeat; background-position: 0 0; background-size: 48px 48px;width: 24px;height: 24px;transform: rotate(180deg);}
.pagination span.goPrev a{display: inline-flex;background: url('../images/icons_paging.svg') no-repeat; background-position: 0 -24px; background-size: 48px 48px;width: 24px;height: 24px;transform: rotate(180deg);}
.pagination span.goNext a{display: inline-flex;background: url('../images/icons_paging.svg') no-repeat; background-position: 0 -24px; background-size: 48px 48px;width: 24px;height: 24px;}
.pagination span.goLast a{display: inline-flex;background: url('../images/icons_paging.svg') no-repeat; background-position: 0 0; background-size: 48px 48px;width: 24px;height: 24px;}

.pagination span.goFirst.active a,
.pagination span.goFirst.current a,
.pagination span.goFirst:hover a {background-position: -24px 0;}
.pagination span.goPrev.active a,
.pagination span.goPrev.current a,
.pagination span.goPrev:hover a {background-position: -24px -24px;}
.pagination span.goLast.active a,
.pagination span.goLast.current a,
.pagination span.goLast:hover a {background-position: -24px 0;}
.pagination span.goNext.active a,
.pagination span.goNext.current a,
.pagination span.goNext:hover a {background-position: -24px -24px;}


.pagination ul{display: flex; justify-content: center; align-items: center;gap: 8px;padding: 0 16px;}
.pagination ul li{display: inline-block;text-align: center;vertical-align: middle;}
.pagination ul li a{display: flex;font-size: 16px;color: #777777;min-width: 24px;height:24px;border: 1px solid transparent;border-radius: 4px;line-height: 1;align-items: center;justify-content: center;font-weight: 400;padding: 0 5px;}
.pagination ul li.current a,
.pagination ul li:hover a{color: #fff;border: 1px solid #777777;background-color: #777777;}