@charset "utf-8";
@import url(font.css);

/* CSS 변수 */
:root {
  --font-family: "Pretendard GOV Variable", "Pretendard GOV", system-ui, -apple-system, "Noto Sans KR", "Malgun Gothic", sans-serif;
 
  --color-white: #fff;
  --color-black: #262e2b ;
  --color-gray: #504e48;
  --color-gray-02: #757b7d;
  --color-gray-03: #bec3c8;
  --color-gray-bg: #e0dfde;
  --color-gray-bg2: #f5f5f4;

  --color-primary: #0A4242;
  --color-primary-02: #345F53;
  --color-primary-03: #3B8282;
  --color-primary-04: #8FBCBD;
  --color-primary-bg: #ECF4F3;
  --color-primary-bg2: #f4f8f8;

  --color-secondary: #d16f15;
  --color-secondary-bg: #f8f0e9;

  --color-danger: #b92021;
  --color-warning: #eb6f0e;
  --color-success: #007438;
  --color-info: #0066a2;

  --header-height: 48px;
}


/* COMMON */
*,
*::before,
*::after{box-sizing: border-box;}
html,body{height: 100%;}
html.scroll-lock, body.scroll-lock{
  position: fixed; width: 100%; overflow: hidden;
}
body{font-size: 16px;font-weight: 400;font-family: var(--font-family);letter-spacing: -0.01em;color: var(--color-black);word-break: keep-all;font-variant-numeric: tabular-nums;line-height: 1.5;}
section{position: relative;}
img{display: block;max-width: 100%;}
a{text-decoration: none;color: var(--color-black);}
/* span, a, time{display: inline-block;} */
button{background-color: transparent;padding: 0;border: 0;cursor: pointer;font-size: 16px;text-align: center;}
[role="button"]{cursor: pointer;}
a, button {touch-action: manipulation;}
b, strong{font-weight: 600;}
em{font-weight: 700;}
ul, li{list-style: none;}
input, button, select, textarea{line-height: inherit;outline: 0;font-size: 16px;border-radius: 0;border: 0;font-family: var(--font-family);background: var(--color-white);color: var(--color-black);}
input::placeholder,
textarea::placeholder{color: var(--color-gray-03);}
:focus-visible{outline: 0;box-shadow: 0 0 0 3px #c1e0ff;}
select:focus-visible,
input:focus-visible,
textarea:focus-visible{box-shadow: 0 0 7px 3px rgba(0,0,0,.3);}
input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{box-shadow: 0 0 0px 1000px var(--color-white) inset !important;-webkit-box-shadow: 0 0 0px 1000px var(--color-white) inset !important;-webkit-text-fill-color: var(--color-black);}

pre {white-space: pre-wrap; word-break: break-all;}
@media (hover: none) and (pointer: coarse) {
  .ui-dialog .modal-header .btn:focus,
  .ui-dialog .modal-header .btn:focus-visible{outline: 0;box-shadow: none;}
}

.inner{max-width: 1080px;padding: 0 20px;position: relative;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clearfix::after{content: '';display: block;clear: both;}
.sr-only{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.text-blind{text-indent: -9999px;}
.required-back::after{content: '*';font-size: 20px;font-weight: 600;margin-left: 8px;color: var(--color-secondary);}
.separator{margin: 0 8px;}
.separator .icon{display: inline-block;width: 16px;height: 16px;vertical-align: middle;}
.desc{font-size: 12px;color: var(--color-gray-02);}
.desc-row{display: flex;}
.desc-row .symbol{margin-right: 4px;}
.highlight{display: inline;box-shadow: inset 0 1.4em 0 #e9f2f2;font-weight: inherit;}
.truncate{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* .simplebar-scrollbar:not(.simplebar-horizontal .simplebar-scrollbar):before{opacity: .5;} */
.simplebar-horizontal .simplebar-scrollbar:before{bottom: 0;}
/* COMMON / SKIP */
#skip{position: relative;z-index: 3000;}
#skip a{position: absolute;top: -100%;left: -100%;background-color: var(--color-black);color: var(--color-white);border: 1PX solid var(--color-white);border-radius: 6px;padding: 10px 20px;}
#skip a:focus,
#skip a:active{top: 0;left: 0;}

/* COMMON / DISPLAY */
.d-block{display: block !important;}
.d-none{display: none !important;}
.show-mobile{display: none !important;}
.show-mobile-sm{display: none !important;}
@media all and (max-width: 1024px){
  .show-mobile{display: block !important;}
  .show-pc{display: none !important;}
}
@media all and (max-width: 480px){
  .show-mobile-sm{display: block !important;}
}

.row{display: flex;}
.align-center{align-items: center;}
.align-start{align-items: flex-start;}
.justify-end{justify-content: flex-end;}
.flex-1{flex: 1;}
.flex-shrink-0{flex-shrink: 0;}
.w-100p{width: 100% !important;min-width: 100% !important;}

/* COMMON / TEXT ALIGN */
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}

/* COMMON / FONT WEIGHT */
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}

/* COMMON / COLORS */
.c-primary{color: var(--color-primary) !important;} 
.c-primary-02{color: var(--color-primary-02) !important;}
.c-primary-03{color: var(--color-primary-03) !important;}
.c-primary-04{color: var(--color-primary-04) !important;}
.c-primary-bg{color: var(--color-primary-bg) !important;}

.c-secondary{color: var(--color-secondary) !important;}

.c-black{color: var(--color-black) !important;}
.c-white{color: var(--color-white) !important;}
.c-gray{color: var(--color-gray) !important;}
.c-gray-02{color: var(--color-gray-02) !important;}
.c-gray-03{color: var(--color-gray-03) !important;}
.c-gray-bg{color: var(--color-gray-bg) !important;}

.c-danger{color: var(--color-danger) !important;}
.c-warning{color: var(--color-warning) !important;}
.c-success{color: var(--color-success) !important;}
.c-info{color: var(--color-info) !important;}

.bg-primary{background-color: var(--color-primary) !important;;}
.bg-primary-02{background-color: var(--color-primary-02) !important;;}
.bg-primary-03{background-color: var(--color-primary-03) !important;;}
.bg-primary-04{background-color: var(--color-primary-04) !important;;}
.bg-primary-bg{background-color: var(--color-primary-bg) !important;;}
.bg-primary-bg2{background-color: var(--color-primary-bg2) !important;;}

.bg-secondary{background-color: var(--color-secondary) !important;;}
.bg-secondary-bg,
.bg-secondary-bg td{background-color: var(--color-secondary-bg) !important;;}

.bg-black{background-color: var(--color-black);}
.bg-white{background-color: var(--color-white);}
.bg-gray{background-color: var(--color-gray);}
.bg-gray-02{background-color: var(--color-gray-02);}
.bg-gray-03{background-color: var(--color-gray-03);}
.bg-gray-bg{background-color: var(--color-gray-bg);}
.bg-gray-bg2{background-color: var(--color-gray-bg2);}

.bg-danger{background-color: var(--color-danger);}
.bg-warning{background-color: var(--color-warning);}
.bg-success{background-color: var(--color-success);}
.bg-info{background-color: var(--color-info);}
.bg-pattern {background-color: var(--color-primary-bg);background-image: url("data:image/svg+xml,%3csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M-1 -1L11 11M-1 9L1 11M9 -1L11 1' stroke='%23c9dddc' stroke-width='0.5'/%3e%3c/svg%3e");}

/* Btns */
.btns{display: flex;gap: 8px;}
.btn{display: inline-block;font-size: 14px;text-align: center;border: 1px solid transparent;border-radius: 4px;}
.btn.sm{min-width: 104px;height: 32px;line-height: 30px;}
.btn.xs{min-width: 80px;height: 24px;line-height: 22px;}
.btn.lg{height: 36px;line-height: 34px;font-size: 16px;}
.btn-solid{background-color: var(--color-black);color: var(--color-white);}
.btn-solid.primary{background-color: var(--color-primary);color: var(--color-white);}
.btn-solid.primary-02{background-color: var(--color-primary-02);color: var(--color-white);}
.btn-solid.primary-03{background-color: var(--color-primary-03);color: var(--color-white);}
.btn-solid.primary-04{background-color: var(--color-primary-04);color: var(--color-black);}
.btn-solid.primary-bg{background-color: var(--color-primary-bg);color: var(--color-black);}

.btn-solid.secondary{background-color: var(--color-secondary);color: var(--color-white);}

.btn-solid.gray{background-color: var(--color-gray);color: var(--color-white);}
.btn-solid.gray-02{background-color: var(--color-gray-02);color: var(--color-white);}
.btn-solid.gray-03{background-color: var(--color-gray-03);color: var(--color-black);}
.btn-solid.gray-bg{background-color: var(--color-gray-bg);color: var(--color-black);}
.btn-solid.black{background-color: var(--color-black);color: var(--color-white);}
.btn-solid.white{background-color: var(--color-white);color: var(--color-black);}

.btn-solid.danger{background-color: var(--color-danger);color: var(--color-white);}
.btn-solid.warning{background-color: var(--color-warning);color: var(--color-white);}
.btn-solid.success{background-color: var(--color-success);color: var(--color-white);}
.btn-solid.info{background-color: var(--color-info);color: var(--color-white);}

.btn-solid:disabled,
.btn-solid[aria-disabled='true'],
.btn-outline:disabled,
.btn-outline[aria-disabled='true']{background-color: var(--color-gray-bg) !important;color: var(--color-gray-02) !important;border-color: var(--color-gray-03) !important;}

.btn-outline{border-color: var(--color-gray-03);color: var(--color-gray);background-color: var(--color-white);}
.btn-outline:hover{color: var(--color-gray-02)}
.btn:hover .icon-preview, 
.btn:hover .icon-download{stroke: var(--color-gray-02);}
.btn-outline.primary{border-color: var(--color-primary);color: var(--color-primary);}
.btn-outline.primary-02{border-color: var(--color-primary-02);color: var(--color-primary-02);}
.btn-outline.primary-02:hover{background-color: var(--color-primary-bg);}
.btn-outline.primary-03{border-color: var(--color-primary-03);color: var(--color-primary-03);}
.btn-outline.primary-04{border-color: var(--color-primary-04);color: var(--color-primary-03);}
.btn-outline.primary-bg{border-color: var(--color-primary-bg);color: var(--color-primary-bg);}

.btn-outline.secondary{border-color: var(--color-secondary);color: var(--color-secondary);}

.btn-outline.gray{border-color: var(--color-gray);color: var(--color-gray);}
.btn-outline.gray-02{border-color: var(--color-gray-02);color: var(--color-gray-02);}
.btn-outline.gray-03{border-color: var(--color-gray-03);color: var(--color-gray-03);}
.btn-outline.gray-bg{border-color: var(--color-gray-bg);color: var(--color-gray-bg);}
.btn-outline.black{border-color: var(--color-black);color: var(--color-black);}
.btn-outline.white{border-color: var(--color-white);color: var(--color-white);}

.btn-outline.danger{border-color: var(--color-danger);color: var(--color-danger);}
.btn-outline.warning{border-color: var(--color-warning);color: var(--color-warning);}
.btn-outline.success{border-color: var(--color-success);color: var(--color-success);}
.btn-outline.info{border-color: var(--color-info);color: var(--color-info);}

.btn-outline:disabled,
.btn-outline[aria-disabled='true']{border-color: var(--color-gray-03);color: var(--color-gray-03);background-color: var(--color-gray-bg)}

.btn-with-icon{color: var(--color-black);}
.btn-with-icon span,
.btn-with-icon svg{vertical-align: bottom;}
.btn-with-icon svg{width: 18px;height: 100%;}
/* .btn-with-icon span + svg,
.btn-with-icon svg + span{margin-left: -4px;} */

.icon-btn{min-width: 0;width: 24px;height: 24px;padding: 0;background-color: transparent;line-height: 1;}
.icon-btn .icon{width: 100%;height: 100%;}

.attach-btn{background-color: var(--color-white);color: var(--color-gray);border-color: var(--color-gray-03);}
.attach-btn:hover{color: var(--color-gray-02);}
.attach-btn .num{color: var(--color-secondary) !important;font-weight: 500;}
.btn-to-top{width: 48px;height: 48px;border: 1px solid var(--color-gray-03);border-radius: 4px;padding: 14px 0;position: fixed;right: 28px;bottom: 83px;box-shadow: 2px 4px 4px rgba(0, 0, 0, .25);visibility: hidden;opacity: 0;transition: .3s;}
.btn-to-top.show{visibility: visible;opacity: 1;}
.btn-to-top .icon{width: 12px;height: 20px;}
.search-btn{position: absolute;line-height: 1;top: 9px;right: 16px;stroke: var(--color-primary-02);stroke-width: 2px;}
.toolbar-search .search-btn{min-width: 96px;position: static;background-color: var(--color-primary-02);color: var(--color-white);}
.toolbar-search .search-btn:hover{background-color: var(--color-primary);}
.toolbar-search .search-btn .icon{width: 16px;stroke: var(--color-white);stroke-width: 1.5px;}
.btn-more{font-size: 20px;font-weight: 600;color: var(--color-primary-02);}
.btn-more span,
.btn-more .icon{vertical-align: middle;margin-top: -2px;}
@media all and (max-width: 1024px){
  .btn{font-size: 16px;}
  .btn.sm{font-size: 12px;min-width: 96px;}
  .btn.xs{min-width: 80px;height: 32px;line-height: 30px;font-size: 12px;}
  .btn.lg{height: 44px;line-height: 42px;}
  .btn-more{width: 100%;height: 44px;line-height: 42px;font-size: 16px;border: 1px solid var(--color-primary-02);border-radius: 4px;font-size: 16px !important;font-weight: 400 !important;margin-top: 16px;text-align: center;}
  .btn-to-top{right: 16px;}

  .toolbar-search .search-btn{width: 100%;height: 44px;line-height: 42px;margin-top: 16px;font-size: 16px;}

}

/* Tag */
.tags,
.hashtags{display: flex;}
.tag{width: 72px;height: 20px;line-height: 18px;font-size: 14px;font-weight: 400;background-color: var(--color-white);border: 1px solid;border-radius: 100px;padding: 0 3px;text-align: center;position: relative;overflow: hidden;vertical-align: middle;flex-shrink: 0;}
.tag.info{color: var(--color-info);}
.tag.warning{color: var(--color-warning);}
.tag.success{color: var(--color-success);}
.tag.danger{color: var(--color-danger);}

.hashtags{flex-wrap: wrap;gap: 8px 16px;}
.hashtag{font-weight: 500;color: var(--color-secondary);text-decoration: underline;}
@media all and (max-width: 1024px){
  .tag{width: 56px;height: 16px;line-height: 14px;font-size: 12px;}
}
/* Icon */
.icon{display: block;width: 24px;height: 24px;}
button .icon,
a .icon{display: inline-block;}
.icon-btn .icon{display: block;}
.icon-preview,
.icon-download{stroke: var(--color-black);}
.btn:disabled > .icon-preview,
.btn:disabled > .icon-download{color: var(--color-gray-bg) !important;stroke: var(--color-gray-02);}
.btn-more .icon{display: inline-block;width: 24px;height: 24px;}
 
/* COMMON / CARDS */
.card{min-width: 0;background-color: var(--color-white);border: 1px solid var(--color-gray-03);border-radius: 4px;position: relative;}
.card .del-btn{width: 18px;height: 18px;position: absolute;top: 10px;right: 16px;}
.card .del-btn .icon{--icon-stroke: var(--color-gray-02);}

/* Form */
.form-text,
.form-select,
.form-textarea{position: relative;}
.form-text input,
.form-select select, 
.form-select .custom-select, 
.form-textarea textarea{display: block;min-width: 0;width: 100%;height: 100%;background-color: var(--color-white);font-size: 14px;padding: 0 16px;border-radius: 4px;border: 1px solid var(--color-gray-03);}
.form-text input:focus-visible, 
.form-select select:focus-visible, 
.form-select.on .custom-select, 
.form-textarea textarea:focus-visible{border-color: var(--color-primary-02);box-shadow: none;}
.form-text input:disabled,
.form-select select:disabled, 
.form-select.disabled .custom-select, 
.form-textarea textarea:disabled{background-color: var(--color-gray-bg) !important;color: var(--color-gray-02) !important;}
.form-select.disabled .custom-select-trigger{color: var(--color-gray-02) !important;}

.form-text,
.form-select{height: 32px;}

.form-text-search input{padding-right: 64px;}

.form-select{display: inline-block;vertical-align: middle;}
.form-select select,
.form-select .custom-select{line-height: 30px;background: var(--color-white) url('../images/icon_select.svg') no-repeat;padding-right: 53px;background-position: right 16px top 7px;cursor: pointer;}
.form-select.on{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.form-select.on select,
.form-select.on .custom-select{background-image: url('../images/icon_select2.svg');box-shadow: 2px 4px 4px rgba(0, 0, 0, .25);border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.form-select .custom-select + select{display: none;}
.form-select.on .custom-select .custom-options{box-shadow: 2px 4px 4px rgba(0, 0, 0, .25);}
.form-select .custom-select-trigger{height: 32px;line-height: 30px;color: var(--color-primary-02);}
.form-select .custom-select-value{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.form-select .custom-options{display: none;width: 100%;max-height: 161px;position: absolute;min-width: 100%;left: 0;top: 100%;background: var(--color-white);border: 1px solid var(--color-gray-03);border-top: 0;border-radius: 8px;border-top-left-radius: 0;border-top-right-radius: 0;z-index: 10;overflow-x: hidden;white-space: nowrap;}
.form-select.on .custom-options{display: block;}
.form-select .custom-option{height: 32px;line-height: 32px;color: var(--color-gray-02);padding: 0 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.form-select .custom-option + .custom-option{border-top: 1px solid var(--color-gray-03);}
.form-select .custom-option:hover,
.form-select .custom-option:focus-visible,
.form-select .custom-option.selected{background-color: var(--color-primary-bg);color: var(--color-primary-02);box-shadow: none;}
.form-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;}
.form-select .custom-select.readonly,
.form-select select:read-only{cursor: default;} 
.form-select .custom-select.disabled,
.form-select select:disabled{background-image: url('../images/icon_select_disabled.svg');}
.form-select.sm{width: 126px !important;}
.form-select.sm .custom-select{padding-right: 45px;}
.form-select.md{width: 160px !important;}
.form-select.md .custom-select{padding-right: 45px;}
.form-select.lg{width: 360px !important;}
.form-select.lg .custom-select{padding-right: 45px;}
.form-select .custom-select .custom-options {scrollbar-width: none;}
.form-select .custom-select .custom-options::-webkit-scrollbar{width: 0; height: 0;}

.form-check{position: relative;}
.form-check input{-webkit-appearance:none;-moz-appearance:none;appearance: none;opacity: 0;position: absolute;}
.form-check label{display: flex;align-items: flex-start;font-size: 16px; margin: 0;cursor: pointer;line-height: 1.5rem;;}
.form-check input:focus-visible ~ label{box-shadow: 0 0 0 3px #c1e0ff;}
.form-check label::before{position: relative;content: '';width: 24px;height: 24px;background-color: var(--color-white);border: 1px solid var(--color-gray-03);border-radius: 4px;margin-right: 8px;box-sizing: border-box;flex-shrink: 0;}
.form-check label::after{content: '';position: absolute;width: 22px;height: 22px;}
.form-check input:disabled ~ label{cursor: default;}
.form-check input:disabled ~ label::before{background-color: var(--color-gray-bg) !important;}
.form-check input:checked ~ label::after{background: url('../images/icon_checked.svg') no-repeat center;left: 1px;}
.form-check input:checked:disabled ~ label::after{background-image: url('../images/icon_checked_disabled.svg');}
.form-check.radio label::before{border-radius: 50%;}
.form-check.radio input:checked ~ label::after{position: absolute;content: '';width: 12px;height: 12px;top: 6px;left: 6px;background-color: var(--color-secondary);border-radius: 50%;background-image: none;}
.form-check.radio input:checked:disabled ~ label::after{background-color: var(--color-gray-03) !important;}
.form-check.no-label{width: 24px;height: 24px;}
.table .form-check.no-label{margin: 0 auto;}
.form-check.no-label label{text-indent: -9999px;color: transparent;font-size: 0;}
.form-check.no-label label::before{margin-right: 0;}
.form-checks-row{gap: 8px 16px;}

.form-group-row,
.form-checks-row,
.form-item-row{display: flex;}
.form-label{display: block;margin-bottom: 4px;font-size: 12px;color: var(--color-gray);}
.form-group-row{align-items: flex-start;}
.form-item-row{align-items: center;}
.form-group-row > .form-label,
.form-item-row .form-label{margin-right: 8px;margin-bottom: 0;flex-shrink: 0;}
.form-group-row > .form-label{align-self: center;}
.form-desc{display: flex;font-size: 12px;margin-top: 8px;color: var(--color-gray);}
.form-desc .symbol{margin-right: 4px;}

.error-msg-wrap{min-height: 32px;}
.error-msg-wrap .error-msg{display: none;margin-top: 0;padding-top: 8px;color: var(--color-danger);align-items: center;font-size: 14px;}
.error-msg-wrap .error-msg .icon{margin-right: 4px;}
.form-group-error .error-msg{display: flex;}
.form-item-error .error-msg{display: flex;color: var(--color-danger);}
.form-item-error .form-text input{border-color: var(--color-danger);}

.form-file{position: relative;}
.form-file input[type='file']{position: absolute;left: 0;top: 0;opacity: 0;width: 0;}
.file-dragndrop{height: 104px;border: 1px dashed var(--color-gray-03);border-radius: 8px;text-align: center;padding: 20px 16px;}
.file-dragndrop .icon{width: 40px;height: 40px;}
.file-dragndrop p{font-size: 14px;font-weight: 500;color: var(--color-gray-02);}
.file-dragndrop + .file-list{margin-top: 16px;}

.file-list{display: flex;flex-wrap: wrap;gap: 8px;word-break: break-all;}
.file-list .card{width: 100%;font-size: 14px;font-weight: 400;padding: 8px;}
.file-list .card > .form-check{margin-bottom: 8px;}
.file-list .card > .form-check label{font-size: 14px;color: var(--color-gray-02);}
.file-list .card .col-preview{width: 104px;height: 78px;background-color: #f5f5f4;flex-shrink: 0;border-radius: 4px;overflow: hidden;position: relative;}
.file-list .card .col-preview .form-check{position: absolute;top: 4px;left: 4px;z-index: 1;}
.file-list .card .col-preview img{width: 100%;height: 100%;object-fit: cover;}
.file-list .card .col-preview .icon{width: 40px;height: 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.file-list .card .col-contents{flex: 1;margin-left: 16px;}
.file-list .card .card-title{height: 48px;font-size: 16px;font-weight: 600;margin-bottom: 8px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.file-list .card .content-footer{display: flex;align-items: center;justify-content: space-between;}
.file-list .card .content-infos{display: flex;color: var(--color-gray);font-size: 12px;}
.file-list .card .content-info + .content-info::before{content: '';width: 1px;height: 13px;background-color: var(--color-gray);display: inline-block;vertical-align: middle;margin: 0 10px;}
.file-list .card .btns{justify-content: flex-end;}
.file-list .card .del-btn{top: 24px;right: 24px;}

.place-empty{display: flex;min-height: 88px;flex-direction: column;justify-content: center;align-items: center;}
.place-empty p{font-size: 12px;color: var(--color-gray-02);gap: 4px 0;}

.search-row .form-item-text{flex: 1;margin-left: 4px;}

@media all and (max-width: 1024px){
  .form-desc{font-size: 12px;}
  .form-label{font-size: 12px;font-weight: 400;}
  .form-text, 
  .form-select{height: 44px;}
  .form-select .custom-option{height: 44px;line-height: 42px;}
  .form-text input,
  .form-select select, 
  .form-select .custom-select, 
  .form-textarea textarea{font-size: 14px;}
  .form-select .custom-select-trigger{height: 44px;line-height: 42px;}
  .form-select .custom-options{max-height: 221px;}
  .form-select select, 
  .form-select .custom-select{background-position: right 16px top 13px;}

  .file-list .card{height: auto;}
  .file-list .card > .form-check label{font-size: 12px;}
  .file-list .card .card-title{height: 63px;font-size: 14px;margin-bottom: -3px;-webkit-line-clamp: 3;}
  .file-list .card .content-footer{display: block;}
  .file-list .card .content-infos{font-size: 12px;}
  .file-list .card .content-info + .content-info::before{margin: 0 8px;}
  .file-list .card .content-footer .btns{margin-left: -120px;margin-top: 8px;}
  .file-list .card .content-footer .btn{flex: 1;font-size: 14px;}

  .file-list-empty{min-height: 98px;padding-top: 20px;}
  .file-list-empty .icon{width: 36px;height: 36px;}
  .file-list-empty p{font-size: 12px;font-weight: 400;}
  .error-msg-wrap{min-height: 22px;;}
  .error-msg-wrap .error-msg{font-size: 12px;}
  .error-msg-wrap .error-msg .icon{width: 16px;height: 16px;}
}

@media all and (max-width: 768px){
  .form-select select, 
  .form-select .custom-select{background-position: right 16px top 12px;padding-right: 28px;}

  .file-list{display: block;margin: 0;}
  .file-list .card{width: 100%;margin: 0;}
  .file-list .card + .card{margin-top: 8px;}
}

@media all and (max-width: 480px){
  .search-row .form-select,
  .search-row .form-select .custom-options{width: 114px !important;min-width: 114px !important;}
  
  .search-row:has(.form-select) .form-select,
  .search-row:has(.form-select) .form-select .custom-options{width: 100% !important;min-width: 100% !important;}
}

/* Dropdown filter */
.dropdown-filter{position: relative;width: 340px;}
.dropdown-filter .dropdown-toggle{display: flex;align-items: center;width: 100%;height: 32px;border: 1px solid var(--color-gray-03);border-radius: 4px;text-align: left;padding: 0 16px;background: #fff url('../images/icon_select.svg') no-repeat center right 16px;padding-right: 52px;font-size: 14px;}
.dropdown-filter .dropdown-toggle[aria-expanded='true']{border-color: var(--color-primary-02);border-bottom-left-radius: 0;border-bottom-right-radius: 0;background-image: url('../images/icon_select2.svg');box-shadow: 2px 4px 4px rgba(0, 0, 0, .25);}
.dropdown-filter .dropdown-toggle:focus-visible{box-shadow: 2px 4px 4px rgba(0, 0, 0, .25)}
.dropdown-filter .dropdown-toggle .category{color: var(--color-primary-02);margin-right: 16px;}
.dropdown-filter .dropdown-menu{position: absolute;width: 100%;left: 0;top: 100%;z-index: 10;background-color: var(--color-white);border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.dropdown .dropdown-toggle[aria-expanded='true'] + .dropdown-menu{box-shadow: 2px 4px 4px rgba(0, 0, 0, .25);}
.dropdown-filter .dropdown-options{border: 1px solid var(--color-gray-03);border-top: 0;border-bottom: 0;}
.dropdown-filter .dropdown-option{height: 32px;}
.dropdown-filter .dropdown-option + .dropdown-option{border-top: 1px solid var(--color-gray-03);}
.dropdown-filter .option-btn{width: 100%;height: 100%;color: var(--color-gray-02);text-align: left;font-size: 14px;padding: 0 16px;background-color: transparent;}
.dropdown-filter .option-btn.active{color: var(--color-primary-02);font-weight: 500;}
.dropdown-filter .option-btn:hover,
.dropdown-filter .option-btn:focus{background: var(--color-primary-bg);color: var(--color-primary-02);font-weight: 500;}
.dropdown-filter .option-btn:focus-visible{box-shadow: none;}
.dropdown-filter .dropdown-option.custom-date{height: auto;}
.dropdown-filter .dropdown-option.custom-date:hover,
.dropdown-filter .dropdown-option.custom-date.active{background-color: var(--color-primary-bg);}
.dropdown-filter .dropdown-option.custom-date .option-btn{padding: 8px 16px 4px;}
.dropdown-filter .dropdown-option.custom-date .form-group{padding: 0 16px 8px;}
.dropdown-filter .dropdown-option.custom-date .form-group:focus-visible{box-shadow: none;}
.dropdown-filter .dropdown-option.custom-date .form-text input{border-width: 1px;}
.dropdown-filter .dropdown-option.custom-date .form-text + .form-text{margin-top: 8px;}
.dropdown-filter .apply-btn{width: 100%;height: 40px;background: var(--color-primary-02);color: var(--color-white);font-weight: 600;border-bottom-right-radius: 4px;border-bottom-left-radius: 4 px;}
@media all and (max-width: 1024px){
  .dropdown-filter{width: 100%;}
  .dropdown-filter .dropdown-toggle{height: 44px;}
  .dropdown-filter .dropdown-option{height: 44px;}
  .dropdown-filter .dropdown-toggle .option{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .dropdown-filter .dropdown-option.custom-date .form-text + .form-text{margin-top: 4px;}
}
@media all and (max-width: 768px){
  .dropdown-filter .dropdown-toggle{padding: 0 8px;padding-right: 28px;background-position: center right 8px;}
  .dropdown-filter .dropdown-toggle .category{margin-right: 8px;}
  .dropdown-filter .option-btn{padding: 0 8px;}
  .dropdown-filter .dropdown-option.custom-date .option-btn{padding: 8px;}
  .dropdown-filter .dropdown-option.custom-date .form-group{padding: 0 8px 16px;}
  
}

/* Datepicker */
.datepicker{background-image: url('../images/icon_calendar_active.svg');background-repeat: no-repeat;background-position: center right 16px;}
.datepicker:disabled{background-image: url('../images/icon_calendar.svg');}
.datepicker.sm{width: 208px;}
.datepicker.md{width: 332px;}
.ui-widget,
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button,
.ui-datepicker .ui-datepicker-title select{font-family: var(--font-family);}
.ui-datepicker{width: 340px;padding: 0;}
.ui-widget-header{font-weight: 400;}
.ui-widget-header .ui-icon,
.ui-icon, .ui-widget-content .ui-icon{background-image: none;}
.ui-widget .ui-widget-content{background-color: var(--color-white);padding: 0;border: 0;border-radius: 4px;}
.ui-widget-content{color: var(--color-black);}
.ui-datepicker{box-shadow: 2px 4px 4px rgba(0, 0, 0, .25);}
.ui-datepicker .ui-datepicker-header{padding: 16px 0;}
.ui-widget-header{border: 0;background: transparent;}
.ui-datepicker-prev,
.ui-datepicker-next{display: none;}
.ui-datepicker .ui-datepicker-title{display: flex;margin: 0;}
.ui-datepicker .form-select .custom-select,
.ui-datepicker .form-select .custom-options{border-width: 1px;text-align: left;}
.ui-datepicker .form-select .custom-options{max-height: 161px;overflow-y: auto;}
.ui-datepicker table{margin: 0 0 8px;}
.ui-datepicker th{padding: 0;width: 44px;height: 44px;vertical-align: middle;font-size: 12px;font-weight: 400;color: var(--color-gray);}
.ui-datepicker td{padding: 0;width: 44px;height: 44px;vertical-align: middle;}
.ui-datepicker td span, 
.ui-datepicker td a{display: flex;height: 100%;align-items: center;justify-content: center;padding: 0;font-size: 16px;;}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active{border: 0;background-color: transparent;color: var(--color-black);}
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight{background-color: transparent;}
.ui-datepicker-today .ui-state-highlight{background-color: var(--color-primary-bg);border-radius: 50%;}
.ui-widget-content .ui-state-active{background: var(--color-primary-02);color: var(--color-white);border-radius: 50%;}
.ui-datepicker .custom-apply-button{display: block;width: 100%;height: 40px;line-height: 40px;background-color: var(--color-primary-02);color: var(--color-white);font-size: 16px;font-weight: 600;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.ui-datepicker button.ui-state-hover{background-color: var(--color-primary-02);border: 0;color: var(--color-white);font-weight: 500;}
.dp-body{display: flex;}
.dp-body .form-select .custom-select{line-height: 32px;}
.dp-close{display: none;}
.dp-left{padding: 0 16px;flex-shrink: 0;}
.dp-left .form-select:last-child{margin-left: 16px;}
.ui-datetimepicker{width: 520px;}
.dp-right{display: none;padding: 16px 14px;border-left: 1px solid var(--color-gray-03);}
.ui-datetimepicker .dp-right{display: block;}
.dp-right .form-select{margin-top: 8px;}

.dp-ampm{position: relative;height: 40px;display: flex;border: 1px solid var(--color-primary-02);border-radius: 9999px;background: var(--color-white);overflow: hidden;padding: 0 8px;}
.dp-ampm-option{position: relative;line-height: 38px;width: 50%; z-index: 1; /* 슬라이더 위로 */}
.dp-ampm-option input{position: absolute;inset: 0;margin: 0;opacity: 0;cursor: pointer;}
.dp-ampm-option span{display: flex;align-items: center;justify-content: center;font-weight: 500;color: var(--color-gray-03);user-select: none;pointer-events: none; /* 클릭은 input으로 전달 */}
.dp-ampm::before{content: "";position: absolute;top: 0px;bottom: 0px;left: 0px;width: 72px;border-radius: 9999px;background: var(--color-primary-02);transition: transform .22s ease;will-change: transform;}
.dp-ampm-option input:checked + span{color: #fff;}
.dp-ampm:has(input[value="PM"]:checked)::before{transform: translateX(calc(100% - 16px));}
.dp-ampm:has(input[value="AM"]:checked)::before{transform: translateX(0%);}
.dp-ampm-option input:focus-visible + span{outline: 2px solid rgba(47,106,96,.35);outline-offset: 2px;border-radius: 9999px;}
@media all and (max-width: 1024px){
  .ui-datepicker{width: 280px;}
  .ui-datepicker .ui-datepicker-header{padding: 16px 0;}
  .ui-datepicker .ui-datepicker-title{justify-content: space-between;}
  .dp-left .form-select:last-child{margin-left: 4px;}
  .ui-datepicker .form-select{flex: 1;}
  .ui-datepicker .form-select .custom-options{min-width: 120px !important;max-height: 221px;}
  .ui-datepicker .custom-apply-button{height: 44px;line-height: 44px;}
  .ui-datepicker th{font-weight: 400;width: 36px;height: 36px;}
  .ui-datepicker td{width: 36px;height: 36px;}
  .dp-left{padding: 0 12px;}
  .ui-datepicker table{margin-bottom: 20px;}
  .ui-datepicker td span, 
  .ui-datepicker td a{font-size: 14px;}
}
@media all and (max-width: 768px){
  .datepicker{background-position: center right 8px;}
}

/* Tab */
.tabs{display: flex;}
.tab{min-width: 176px;height: 40px;font-size: 16px;color: var(--color-gray-02);}
.tab.active{box-shadow: inset 0 -2px 0 0 var(--color-primary-02);font-weight: 600;color: var(--color-primary-02);}
@media all and (max-width: 1024px){
  .tab{min-width: 124px;font-size: 14px;}
}

/* List table */
.list-total{font-size: 12px;color: var(--color-gray);}
.list-table{border-top: 1px solid var(--color-primary-02);}
.list-table > li{padding: 8px 16px;display: grid;grid-template-columns: auto 1fr;gap: 0 24px;border-bottom: 1px solid var(--color-gray-bg);min-width: 0;max-width: 100%;overflow: hidden;}
.list-table > .bg-pattern + li{border-color: var(--color-gray-02);}
.list-table > .bg-pattern + .bg-pattern{border-color: var(--color-gray-03);}
.list-table > li > .row{align-items: center;min-width: 0;}
.list-table > li > .row .col + .col{margin-left: 16px;}
.list-table .item-notice{background-color: var(--color-primary-bg);}
.list-table .row-num{width: 24px;grid-column: 1;grid-row: 1 / 5;}
.list-table .row-num .num{font-size: 12px;color: var(--color-gray-02);}
.list-table .row-num .num-notice{color: var(--color-danger);}
.list-table li > div:not(.row-num){grid-column: 2;}
.list-table .row-tag{margin-bottom: 4px;}
.list-table .row-tag .tag{margin-right: 8px;}
.list-table .row-tag .col-date{font-size: 14px;color: var(--color-gray);}
.list-table .row-tag .tag.danger + .col-date{color: var(--color-danger);font-weight: 500;}
.list-table .row-title{margin-bottom: 4px;}
.list-table .list-title{display: block;font-size: 16px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-table .list-title:hover{color: var(--color-gray-02);}
.list-table .row-title .icon-new{width: 16px;height: 16px;margin-left: 8px;}
.list-table .list-content{font-size: 12px;color: var(--color-gray);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-table .list-content:has(.sr-only){margin-bottom: 0;}
.list-table .row-meta{margin-top: 8px;min-width: 0;max-width: 100%;overflow: hidden;}
.list-table .col-last-update .info-content{min-width: 99px;text-align: center;}
.list-table .col-info{min-width:0;overflow: hidden;min-width: 0;max-width: 100%;overflow: hidden;}
.list-table .col-info .info-content{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.list-item-empty{min-height: 172px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 0 !important;}
.empty-wrap{text-align: center;}
.empty-wrap .icon{margin: 0 auto 4px auto;}
.empty-wrap p{font-size: 12px;color: var(--color-gray-02);}

.row-meta{margin-top: 4px;}
.row-meta .col + .col{margin-left: 16px;}
.col-info{display: flex;font-size: 12px;}
.col-info .info-title{color: var(--color-gray-02);}
.col-info .info-content{margin-left: 8px;color: var(--color-gray);}

.section-navs{max-width: 1040px;margin: 24px auto 0;}
.section-navs .list-table{border-top: 1px solid var(--color-gray-bg);}
.section-navs .list-table > li{display: block;padding: 0;}
.section-navs .list-table .post-nav{padding: 9px 0;align-items: center;}
.section-navs .list-table .post-nav > span + span{margin-left: 16px;}
.section-navs .list-table .col-nav{font-size: 14px;color: var(--color-gray-02);}
.section-navs .list-table .row-title{align-items: center;flex: 1;overflow: hidden;max-width: 565px;margin-bottom: 0;}
.section-navs .list-table .row-title .tag{margin-right: 8px;flex-shrink: 0;}
.section-navs .list-table .row-meta{margin-top: 0;flex-shrink: 0;}
.section-navs .list-table .col-empty{flex: 1;font-size: 12px;color: var(--color-gray-02);text-align: center;}
@media all and (max-width: 1024px){
  .list-table{margin: 0 -20px;}
  .list-table > li{display: flex;flex-wrap: wrap;padding: 16px 20px;gap: 0 8px;}
  .list-table > li > .row .col + .col{margin-left: 0;}
  /* .list-table .row:not(.row-num){display: block;} */
  .list-table .row{flex-wrap: wrap;}
  .list-table .row-num,
  .list-table .row-tag{margin-bottom: 4px;}
  .list-table .row-num{width: auto;}
  .list-table .row-tag .col-date{font-size: 12px;font-weight: 400;}
  .list-table .row-title{width: 100%;flex-wrap: nowrap;}
  .list-table .list-content{min-height: auto;margin: 0px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;white-space: normal;}
  .list-table .col-info{width: 100%;}
  .list-table .col-info .info-title{font-size: 12px;}
  .list-table .row-meta{width: 100%;gap: 0 8px;display: grid;grid-template-columns: auto 80px;margin-top: 4px;}
  .list-table .row-meta .col-info{grid-column: 1;}
  .list-table .row-meta .col-btns{margin-top: 4px;grid-column: 2;grid-row: 1 / 4;align-self: flex-end;}
  .row-meta .col + .col{margin-left: 0;}

  .list-item-empty{min-height: 208px;}
  .empty-wrap .icon{width: 36px;height: 36px;}
  .empty-wrap p{font-size: 12px;font-weight: 400;}

  .section-navs .list-table{margin: 0;}
  .section-navs .list-table .col-nav{width: 100%;font-size: 12px;margin-bottom: 4px;}
  .section-navs .list-table:has(.col-empty) .col-nav{width: auto;margin-bottom: 0;}
  .section-navs .list-table .post-nav > span + span{margin-left: 0;}
  .section-navs .list-table .row-title{flex-wrap: nowrap;width: 100%;max-width: none;overflow: visible;margin-bottom: 0;}
  .section-navs .list-table .list-title{width: auto;}
  .section-navs .list-table .row-meta{width: 100%;margin-top: 8px;}
}

/* Table */
.table table{width: 100%;}
.table-detail{border-top: 1px solid var(--color-primary-02);border-bottom: 1px solid var(--color-gray-bg);font-size: 14px;}
.table-detail table{table-layout: fixed;word-break: break-all;}
.table-detail tbody th,
.table-detail tbody td{border-top: 1px solid var(--color-gray-bg);height: 48px;vertical-align: middle;padding: 8px 16px;}
.table-detail tbody tr:first-child th,
.table-detail tbody tr:first-child td{border-top: 0;}
.table-detail tbody th{background-color: var(--color-primary-bg);color: var(--color-primary-02);font-weight: 500;text-align: left;}
.table-detail tbody td{padding: 8px 16px;text-align: left;}
/* .table-detail tbody td .btn{margin: -4px 0;} */
@media all and (max-width: 768px){
  .table-detail{border-bottom: none;margin: 0 -4px;}
  .table-detail table,
  .table-detail tbody{display: block;}
  .table-detail table colgroup{display: none;}
  .table-detail table tr{display: grid;grid-template-columns: minmax(0, 100px) 1fr;}
  .table-detail tbody th, 
  .table-detail tbody td{height: 56px;display: flex;align-items: center;border-bottom: 1px solid var(--color-gray-bg);padding: 12px 16px;border-top: 0;}
  .table-detail tbody th{padding-right: 0;}
}
/* Tooltip */
.tooltip-div{display: flex;align-items: center;}
.tooltip{display: inline-block;width: 16px;height: 16px;position: relative;position: relative;vertical-align: bottom;margin-left: 4px;}
.tooltip .icon{width: 100%;height: 100%;}
.tooltip-msg{visibility: hidden;opacity: 0;width: 0;height: 0;overflow: hidden;position: absolute;padding: 7px;background-color: #fff;color: var(--color-black);z-index: 1;border-radius: 8px;font-size: 14px;border: 1px solid var(--color-primary-02);left: -51px;text-align: left;transition: opacity .5s;top: 100%;margin-top: 10px;font-weight: 400;}
.tooltip-msg::after{content: "";position: absolute;width: 8px;height: 8px;background-color: #fff;transform: rotate(45deg) skew(14deg, 14deg);left: 54px;bottom: calc(100% - 3px);border-left: 1px solid var(--color-primary-02);border-top: 1px solid var(--color-primary-02);border-top-left-radius: 4px;}
.tooltip-msg.top{bottom: 100%;margin-bottom: 10px;top: auto;}
.tooltip-msg.top::after{top: calc(100% - 4px);bottom: auto;border-top: 0;border-left: 0;border-bottom: 1px solid var(--color-primary-02);border-right: 1px solid var(--color-primary-02);border-bottom-right-radius: 3px;}
.tooltip-msg.right{left: auto;right: -15px;transform: none;}
.tooltip-msg.right::after{left: auto;right: 16px;}
.tooltip-msg .icon-btn{width: 10px;height: 10px;position: absolute;right: 16px;top: 50%;transform: translateY(-50%);flex-shrink: 0;}
.tooltip-msg.on{visibility: visible;opacity: 1;width: max-content;max-width: 424px;height: auto;padding: 16px;overflow: unset;font-size: 14px;padding-right: 50px;box-shadow: 2px 4px 4px rgba(0, 0, 0, .25);}
@media all and (max-width: 1024px){
  .tooltip{width: 16px;height: 16px;margin-left: 4px;}
  .tooltip-msg.on{max-width: 228px;font-size: 12px;padding-right: 30px;left: -44px;margin-top: 18px;}
  .tooltip-msg::after{width: 12px;height: 12px;left: 46px;bottom: calc(100% - 6px);}
}
/* Accordion */
.accordion .accordion-item{display: block;padding: 0;}
.accordion-trigger{display: flex;align-items: center;justify-content: space-between;padding: 8px 16px;}
.accordion-trigger .icon{color: var(--color-gray-02);}
.accordion-item .row-meta{margin-top: 4px;}
.accordion-item.is-open > .accordion-header{color: var(--color-primary-02);}
.accordion-item.is-open > .accordion-header .icon{color: var(--color-primary-02);transform: rotate(180deg);}
.accordion-panel{padding: 16px;border-top: 1px solid var(--color-gray-bg);}
.accordion-panel .list-title{color: var(--color-primary-02);}
.accordion-panel .panel-answer + .section-file-list{margin-top: 16px;}

/* Modal */
.ui-widget,
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button{font-family: var(--font-family);font-size: 14px;}
.ui-widget.ui-widget-content{border: 1px solid var(--color-gray-03);border-radius: 8px;}
.ui-widget-overlay{background-color: var(--color-black);opacity: .6;}
.ui-state-hover .ui-icon, 
.ui-state-focus .ui-icon, 
.ui-button:hover .ui-icon, 
.ui-button:focus .ui-icon{background-image: none;}
.ui-dialog-titlebar button{background-color: transparent;}
.ui-widget.ui-widget-content.ui-dialog{padding: 0;}
.ui-dialog .ui-dialog-titlebar{display: none;}
.ui-dialog .ui-dialog-content{padding: 0;}
.ui-dialog.modal{border: 0;}
.ui-dialog .modal-content{display: flex;flex-direction: column;overflow: hidden;padding-top: 0;}
.ui-dialog .modal-header{min-height: 48px;position: relative;padding: 16px 60px 8px 24px;flex-shrink: 0;}
.ui-dialog .modal-header .modal-title{font-size: 18px;font-weight: 600;}
.ui-dialog .modal-header .btn.close{width: 16px;height: 16px;position: absolute;top: 20px;right: 24px;}
.ui-dialog .modal-body{flex: 1;min-height: 0;padding-top: 8px;display: flex;flex-direction: column;overflow: hidden;}
.ui-dialog .modal-body .contents{flex: 1;min-height: 0;}
.ui-dialog .alert .modal-body,
.ui-dialog .confirm .modal-body{margin-top: 8px;padding: 0 24px 24px;overflow: visible;}
.ui-dialog .modal-body .content {padding: 24px;}
.ui-dialog .modal-body .content:first-child{padding-top: 0;}
.ui-dialog .alert .modal-body .content,
.ui-dialog .confirm .modal-body .content{padding: 0;}
.ui-dialog .alert .modal-body .contents,
.ui-dialog .confirm .modal-body .contents{height: auto;}
.ui-dialog .modal-footer{flex-shrink: 0;}
.ui-dialog .modal-footer .btns{gap: 0;}
.ui-dialog .modal-footer .btn{height: 40px;border-top-left-radius: 0;border-top-right-radius: 0;font-size: 16px;font-weight: 600;}
.ui-dialog .modal-footer > .btn{width: 100%;}
.ui-dialog .modal-footer > .btns .btn{flex: 1;}
.ui-dialog .modal-footer > .btns .btn + .btn{margin-left: 0;}
.ui-dialog .modal-footer > .btns .btn:first-child{border-bottom-right-radius: 0;}
.ui-dialog .modal-footer > .btns .btn:last-child{border-bottom-left-radius: 0;}
.modal-content.alert .modal-body,
.modal-content.confirm .modal-body{font-size: 20px;font-weight: 600;}
.modal-content .modal-body .search-bar{margin-bottom: 16px;}
.modal-content .modal-body .select-master-wrap{margin-bottom: 16px;margin-left: 16px;}
.modal-content .modal-body .select-master-wrap label{font-size: 14px;font-weight: 400;color: var(--color-gray-02);}
.modal-content .modal-body .selected-lists .list{min-height: 24px;padding-top: 8px;}
.modal-content .modal-body .selected-lists .list-title,
.modal-content .modal-body .selected-lists .title{font-size: 14px;margin-right: 4px;}
.modal-content .check-list{padding: 16px;font-size: 16px;font-weight: 500;border-top: 1px solid var(--color-gray-03);}
.modal-content .check-list fieldset{width: 100%;margin: -8px 0;}
.modal-content .check-list .form-check{margin: 8px 0;}
.modal-content .search-list-title{padding: 9px 16px;background-color: var(--color-primary-bg);font-size: 20px;font-weight: 600;border-top: 1px solid var(--color-primary-02);}
.modal-content .group-search-list{border-bottom: 2px solid var(--color-primary-02);}
@media all and (max-width: 1024px) {
  .ui-widget.ui-widget-content.ui-dialog.modal-lg{width: calc(100% - 32px) !important;}
  .ui-dialog .modal-header{min-height: 48px;padding: 16px 46px 4px 16px;}
  .ui-dialog .modal-header .modal-title{font-size: 16px;}
  .ui-dialog .modal-header .icon-btn{width: 16px;height: 16px;top: 20px;right: 16px;}
  .ui-dialog .modal-body{padding-top: 4px;}
  .ui-dialog .modal-body .content{padding: 16px;}
  .ui-dialog .modal-footer .btn{font-size: 16px;}
}

.ui-dialog.modal{position: fixed !important;left: 50% !important;top: 50dvh !important;transform: translate(-50%, -50%) !important;margin: 0 !important;display: flex;flex-direction: column;max-height: 90dvh;width: auto;box-shadow: 2px 4px 4px rgba(0, 0, 0, .25);}
/* dvh 미지원(일부 iOS/안드로이드 구형) 폴백: JS로 갱신되는 --vh 사용 */
@supports not (height: 100dvh){
  .ui-dialog.modal{top: calc(var(--vh, 1vh) * 50) !important;max-height: calc(var(--vh, 1vh) * 90);}
}

@media (hover: none) and (pointer: coarse) {
  .ui-dialog .modal-header .btn:focus,
  .ui-dialog .modal-header .btn:focus-visible {
    outline: 0;
    box-shadow: none;
  }
}

.ui-widget-overlay{position: fixed !important; inset: 0;}
.ui-dialog.modal .ui-dialog-content{display: flex;flex-direction: column;flex: 1 1 auto;min-height: 0;overflow: hidden;}
.ui-dialog .modal-header{flex: 0 0 auto;border: 1px solid var(--color-gray-03);border-bottom: 0;border-top-right-radius: 4px;border-top-left-radius: 4px;}
.ui-dialog .modal-footer{flex: 0 0 auto;}
.ui-dialog .modal-body{flex: 1 1 auto;min-height: 128px;display: flex;flex-direction: column;overflow: hidden;border-left: 1px solid var(--color-gray-03);border-right: 1px solid var(--color-gray-03);}
.ui-dialog .modal-body .contents{flex: 1 1 auto;min-height: 0;}

/* Toolbar */
.section-top + .toolbars{padding-top: 8px;}
.toolbar{border-bottom: 1px solid var(--color-gray-bg);background-color: var(--color-white);}
.toolbar .inner{display: flex;align-items: center;padding: 8px 20px;}
.toolbar-search{border-bottom: 0;}
.toolbar-search > .inner{max-width: 1040px;padding: 8px 16px;background-color: var(--color-primary-bg);gap: 4px 16px;border-radius: 4px;}
.toolbar-list-top{height: 48px;}
.toolbar-list-top > .inner{height: 100%;}

/* Toolbar / tabs */
.tab-panel .toolbar-search{padding-top: 8px;}
.toolbar-tabs .inner{padding: 0 16px;}
.toolbar .tabs{gap: 32px;}
.toolbar .tab{position: relative;}
.toolbar .tab::before{content: '';position: absolute;width: 1px;height: 18px;background-color: var(--color-gray-03);left: -16px;top: 50%;transform: translateY(-50%);}
.toolbar .tab:first-child::before{display: none;}

.toolbar .search-row{flex: 1;}

.toolbar-list-top .inner{justify-content: space-between;}

.toolbar-title .inner{display: block;padding: 14px 20px;}
.toolbar-title .detail-title{font-size: 18px;font-weight: 600;}
.toolbar-title .row-tag{margin-bottom: 4px;}
.toolbar-title .row-tag .tag{margin-right: 8px;}
.toolbar-title .row-tag .col-date{font-size: 14px;color: var(--color-gray);}
.toolbar-title .row-tag .tag.danger + .col-date{font-weight: 500;color: var(--color-danger);}
.toolbar-title .row-meta{margin-top: 8px;}
@media all and (max-width: 1024px){
  .toolbar,
  .toolbar .inner{min-height: 50px;}
  .toolbar .inner{padding: 16px 20px;}
  .toolbar-tabs .inner{padding: 0 16px;}
  .toolbar-search .inner{display: block;}
  /* .toolbar-search .inner .form-group,
  .toolbar-search .inner .form-item{flex-wrap: wrap;} */
  .toolbar-search .inner .form-item + .form-group{margin-top: 16px;}
  .toolbar-search .inner .form-label:not(.sr-only){width: 100%;margin-right: 0;margin-bottom: 4px;}
  .toolbar-list-top{height: 64px;}
  .section-top + .toolbars{padding: 0;}
  .tab-panel .toolbar-search{margin-top: 0;}
  
  .toolbar-title .row-tag{align-items: center;}
  .toolbar-title .row-tag .col-date{font-size: 12px;}
  .toolbar-title .detail-title{font-size: 18px;}
  .toolbar-title .row-meta{flex-wrap: wrap;}
  .toolbar-title .row-meta .col{width: 100%;}
  
}
@media all and (max-width: 768px){
  .toolbar-list-top{position: relative;}
  .toolbar-list-top .form-item-row{display: block;position: absolute;top: 100%;margin-top: 8px;right: 20px;}
  .toolbar-list-top .form-item-row .form-label{margin-right: 0;margin-bottom: 4px;}
  /* .toolbars:has(.toolbar-list-top .form-select) + .main-contents{padding-top: 90px;} */
  .toolbars:has(.toolbar-list-top .form-select) .toolbar{min-height: auto;height: auto;}
  .toolbars:has(.toolbar-list-top .form-select) .toolbar > .inner{padding: 8px 20px;}
  .toolbars:has(.toolbar-list-top .form-select) .form-item-row{position: static;margin-top: 0;}
  .toolbar .tabs{width: 100%;}
  .toolbar .tab{flex: 1;}
}

/* Section */
.section-header{display: flex;align-items: center;margin-bottom: 8px;}
.section-title{font-size: 18px;}
/* .section-title .desc{font-weight: 400;} */
.section-footer{border-top: 1px solid var(--color-gray-bg);margin-top: 24px;}
.section-footer .btns{margin-top: 16px;}
/* section-file-list */
.section-file-list .section-header{margin-bottom: 8px;}
.modal-content .section-file-list .section-header{margin-bottom: 8px;flex-wrap: wrap;}
.section-file-list .header-left{flex: 1;flex-wrap: wrap;}
.section-file-list .section-title{display: flex;flex-wrap: wrap;align-items: center;font-size: 18px;font-weight: 600;}
.section-file-list .section-title .title{display: flex;margin-right: 16px;}
.section-file-list .section-title .num{color: var(--color-primary-02);margin-left: 8px;}
.section-file-list .header-right .form-check label{font-size: 14px;font-weight: 400;color: var(--color-gray-02);}
.section-file-list .header-right > .form-item + .btn,
.section-file-list .header-right > .form-item + .btns{margin-left: 24px;}

.section-detail section + section {padding-top: 24px;border-top: 1px solid var(--color-gray-bg);margin-top: 24px;}
.section-detail .section-file-list + .section-file-list{border-top: 0;padding-top: 0;}
/* section-list */
.section-list .btn-more{width: 100%;margin-top: 24px;font-weight: 400;}
@media all and (max-width: 1024px) {
  .section-title .desc{font-size: 12px;}

  .section-file-list .section-title{font-size: 16px;}
  .section-file-list .header-right{margin-top: 8px;justify-content: space-between;}

  .section-detail section + section{margin: 24px -20px 0;padding: 24px 20px 0;}
  .section-detail .section-footer{margin: 24px -20px 0;padding: 0 20px;}
  .section-detail .section-footer .btns{margin-top: 8px;}
}
@media all and (max-width: 768px) {
  .section-file-list .section-header{display: block;margin-bottom: 8px;}
  .section-file-list .section-title{display: block;}
  .section-file-list .section-title .desc{margin-top: 4px;}
}

/* Layout */
body.dim{overflow: hidden;position: relative;}
body.dim::after{content: '';position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(38, 46, 43, .6);z-index: 99;}
.wrap{min-height: 100%; display: flex;flex-direction: column;}

/* Header */
header{height: var(--header-height);border-bottom: 1px solid var(--color-gray-03);background-color: var(--color-white);}
header > .inner{height: 100%;display: flex;justify-content: space-between;}
header a{display: block;}
header .logo-wrap{display: flex;align-items: center;gap: 32px;}
header .logo{position: relative;}
header h1 .logo::before{position: absolute;content: "";width: 1px;height: 18px;background-color: var(--color-gray-03);margin-left: -16px;}
header .gnb .menu-list{display: flex;gap: 16px;}
header .gnb .menu-list > li > a{min-width: 72px;text-align: center;padding: 12px 0;}
header .gnb .menu-list > li > a.active{box-shadow: inset 0 -2px 0 var(--color-primary-02);font-weight: 600;color: var(--color-primary-02);}
header > .inner > .user-area{display: flex;gap: 16px;margin-left: 32px;}
header > .inner > .user-area .btn{width: 72px;height: auto;min-width: auto;font-size: 14px;line-height: var(--header-height);font-weight: 400;}

.smart-header{position: fixed;top: 0;left: 0;right: 0;z-index: 100;transform: translateY(-100%);transition: transform .22s ease-out, box-shadow .18s ease;will-change: transform;backface-visibility: hidden;}
.smart-header.is-visible{transform: translateY(0);}
.smart-header.is-shadow{box-shadow: 0 4px 4px rgba(0, 0, 0, .25);}
body.has-smart-header{padding-top: var(--header-height);}

@media all and (max-width: 1024px){
  header > .inner{align-items: center;}
  header .logo-wrap{gap: 20px;}
  header .logo{width: 78px;}
  header h1 .logo::before{height: 12px;margin-left: -10px;}
  header .logo img{width: 100%;}
  header .h-btn{margin-left: auto;flex-shrink: 0;}
  .smart-header::after{content: '';position: fixed;height: var(--header-height);background: rgba(38, 46, 43, .6);opacity: 0;pointer-events: none;z-index: 10;top: 0;left:0;right: 0;}
  .smart-header{z-index: 100;}
   body.menu-open {
    pointer-events: none;
  }
  
  body.menu-open .smart-header,
  body.menu-open .gnb {
    pointer-events: auto;
  }
  body.menu-open .smart-header{transform: none !important;} 
  body.menu-open .smart-header::after{ opacity:1; pointer-events:auto; }
  body.menu-open .smart-header{transform:none !important;}
  .smart-header.is-shadow{box-shadow: 0 4px 4px rgba(0, 0, 0, .25);}
  .smart-header:not(.is-visible){box-shadow: none !important;}
  header .gnb{position: fixed;top: 0;right: 0;width: 300px;height: calc(var(--vh, 1vh) * 100);overflow: auto;background: #fff;transform: translateX(100%);transition: transform .35s ease;z-index: 4000;}
  header .gnb.on{transform: translateX(0);}
  header .gnb-top{height: var(--header-height);border-bottom: 1px solid var(--color-gray-03);}
  header .gnb-top .inner{height: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;}
  header .gnb-top .logo{width: auto;margin: 0;}
  header .gnb-top .close-btn{width: 14px;height: 14px;}
  header .gnb .quick-menu{width: 100%;border: none;padding: 16px 20px 24px;margin: 0;}
  header .gnb .menu-title{font-size: 12px;font-weight: 500;text-align: left;color: var(--color-gray-02);margin-bottom: 4px;border: none;}
  header .gnb .main-menu .menu-title{padding: 0 20px;}
  header .gnb .quick-menu ul{border: 1px solid var(--color-gray-03);border-radius: 4px;font-size: 12px;color: var(--color-gray);}
  header .gnb .quick-menu a{padding: 11px 0;}
  header .gnb .quick-menu .icon{width: 40px;height: 40px;margin: 0 auto;}
  header .gnb .contact-menu{padding: 24px 20px 48px;}
  header .gnb .contact-menu .menu-title{margin-bottom: 12px;}
  header .gnb .contact-menu-list .contact-title{font-size: 14px;font-weight: 500;color: var(--color-gray);margin-bottom: 4px;}
  header .gnb .contact-menu-list > li + li{margin-top: 12px;}
  header .gnb .contact-info-list{border: 1px solid var(--color-gray-03);border-radius: 4px;}
  header .gnb .contact-info-list li + li{border-top: 1px solid var(--color-gray-03);}
  header .gnb .contact-info-list a{padding: 8px 16px;display: flex;align-items: center;}
  header .gnb .contact-info-list .contact-infos{flex: 1;}
  header .gnb .contact-info-list .contact-info{display: block;}
  header .gnb .contact-info-list .icon{width: 32px;height: 32px;}
  header .gnb .contact-info-title{font-size: 14px;}
  header .gnb .contact-info-number{font-size: 12px;color: var(--color-gray);}
  header .gnb .user-area{padding: 16px;border-bottom: 1px solid var(--color-gray-03);}
  header .gnb .user-infos{display: flex;align-items: center;gap: 16px;margin-bottom: 16px;}
  header .gnb .user-info{font-size: 14px;}
  header .gnb .user-icon .icon{width: 48px;height: 48px;}
  header .gnb .user-name{color: var(--color-gray);font-size: 12px;}
  header .gnb .user-name em{font-size: 18px;font-weight: 600;color: var(--color-black);margin-right: 4px;}
  header .gnb .user-company{color: var(--color-gray-02);}
  header .gnb .user-area .btns{display: flex;gap: 16px;margin-top: 16px;}
  header .gnb .user-area .btn{flex: 1;height: 44px;line-height: 42px;margin-left: 0;}
  header .gnb .menu-list{display: block;}
  header .gnb .menu-list li{border-bottom: 1px solid var(--color-gray-03);}
  header .gnb .menu-list > li > a{min-width: auto;text-align: left;padding: 0;font-size: 16px;padding: 10px 20px;}
  header .gnb .menu-list > li > a.active{font-weight: 600;box-shadow: none;color: var(--color-primary-02);}
}

/* Main */
main{flex: 1;background: #fff url('../images/bg_pattern.png') no-repeat center top -778px;background-repeat: repeat;}

.user-box{min-width: 112px;padding: 8px 16px;backdrop-filter: blur(4px);box-shadow: inset 0px 0px 0px 1px #79afac, inset 0px 0px 1px 1px #9fa993;border-radius: 4px;position: relative;}
.user-box::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 4px;background: linear-gradient(130deg, rgb(255, 255, 255) 0%, transparent 3%, transparent 97%, rgb(171, 220, 217) 100%);}
.user-box::after{position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;border-radius: 4px;background: linear-gradient(45deg,rgba(49, 85, 67) 0%,transparent 3%,transparent 97%,rgba(24, 62, 65) 100%);}
.user-box .user-name{color: var(--color-gray-bg);font-size: 12px;margin-bottom: 2px;}
.user-box .user-name strong{font-size: 18px;color: var(--color-white);margin-right: 2px;}
.user-box .user-company{font-size: 14px;color: var(--color-gray-bg);} 

.page-title-bar{background: linear-gradient(95deg, var(--color-primary-02), var(--color-primary-03));}
.page-title-bar > .inner{display: grid;grid-template-columns: 1fr auto;align-items: center;padding: 17px 20px 17px;}
.page-title{font-size: 24px;font-weight: 700;color: var(--color-white);}
.page-title-bar .breadcrumb{font-size: 12px;color: var(--color-gray-bg);grid-column: 1;}
.page-title-bar .user-box{background-color: rgba(38, 46, 43, .15);box-shadow: inset -0.5px -0.5px 1px 1px #79afac, inset 0px 0px 0px 1px #9fa993;grid-column: 2;grid-row: 1 / 3;align-self: center;}
.page-title-bar .user-box::before{background: linear-gradient(130deg, rgb(255, 255, 255) 0%, transparent 3%, transparent 97%, rgb(255 255 255) 100%);}
.page-title-bar .user-box::after{background: linear-gradient(45deg, rgb(0 0 0) 0%, transparent 3%, transparent 97%, rgb(0 0 0) 100%);}

.main-contents{padding: 16px 0 40px;}
@media all and (max-width: 1080px){
  main{background: #fff;}
}
@media all and (max-width: 1024px){
  /* main{padding-bottom: 40px;} */
  .page-title{font-size: 24px;}
  .page-title-bar > .inner{grid-template-columns: 24px 1fr;gap: 0 10px;padding: 24px 20px 16px;min-height: 96px;}
  .page-title-bar .btn-back{grid-column: 1;grid-row: 1 / 3;}
  .page-title-bar .breadcrumb{grid-column: 2;padding-top: 2px;}
}
/* Footer */
footer{border-top: 1px solid var(--color-gray-bg);padding: 15px 0 16px;}
footer > .inner{display: flex;font-size: 12px;color: var(--color-gray-02);}
footer .logo{margin-right: 18px;}
footer .logo img{width: 158px;}
footer .contents{flex: 1;display: flex;justify-content: space-between;}
@media all and (max-width: 1080px){
  footer > .inner{display: block;}
  footer .contents{margin-top: 24px;justify-content: flex-start;}
  footer .contents .copyright{margin-left: 85px;}
}
@media all and (max-width: 768px){
  footer .logo img{width: 158px;}
  footer .contents{display: block;}
  footer .contents .copyright{margin-left: 0;margin-top: 8px;}
}

@media all and (max-width: 1024px){
  .page-community .toolbar .tabs{width: 100%;overflow-x: auto;gap: 0;white-space: nowrap;}
  .page-community .toolbar .tabs .simplebar-content{display: flex;}
  .page-community .toolbar .tabs .tab{min-width: 104px;}
  .page-community .toolbar .tabs .tab::before{left: -16px;}
  .page-community .toolbar .tabs .tab + .tab{margin-left: 32px;}
  .page-community .accordion-trigger{align-items: flex-start;}
  .page-community .accordion-trigger .icon{width: 16px;height: 16px;}
}

@media all and (max-width: 768px) {
  .page-community .toolbar .tabs .tab{min-width: auto;}
}

.quick-menu{width: 80px;background-color: var(--color-white);border: 1px solid var(--color-gray-03);border-radius: 8px;border-top-right-radius: 0;border-bottom-right-radius: 0;position: fixed;top: calc(50vh - 103px);right: -4px;overflow: hidden;box-shadow: -2px 4px 4px rgba(0, 0, 0, .25);z-index: 1;}
.quick-menu .menu-title{padding: 8px 0;font-size: 12px;color: var(--color-gray);text-align: center;}
.quick-menu > ul > li{border-top: 1px solid var(--color-gray-03);}
.quick-menu a{display: block;padding: 11px 0;font-size: 12px;color: var(--color-gray);text-align: center;}
.quick-menu a .icon{width: 40px;height: 40px;margin: 0 auto}
.quick-menu a span{display: block;}

@media all and (max-width: 1024px) {
  
  .quick-menu{width: calc(100% - 32px);position: static;margin: 40px auto 0;box-shadow: none;border-radius: 8px;}
  .quick-menu .menu-title{font-size: 12px;padding: 7px 0;border-bottom: 1px solid var(--color-gray-03);}
  .quick-menu > ul{display: flex;}
  .quick-menu > ul > li{border-top: none;flex: 1;text-align: center;}
  .quick-menu > ul > li + li{border-left: 1px solid var(--color-gray-03);}
  .quick-menu button{width: 100%;padding: 9px 0;}
  .quick-menu button .icon{display: block;width: 48px;height: 48px;margin: 0 auto;}
  
}

/* 로딩 loading */
.loading-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, 0.6);z-index: 9999;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .2s ease;}
.loading-overlay.is-active{opacity: 1;visibility: visible;pointer-events: auto;}
.loading-box{position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);text-align: center;}
.loading-icon{width: 40px;height: 40px;margin: 0 auto 4px;}
.loading-svg{width: 100%;height: 100%;display: block;animation: loading-rotate 1.2s linear infinite;transform-origin: 50% 50%;}
.loading-text{font-size: 14px;font-weight: 500;}

/* 회전 애니메이션 */
@keyframes loading-rotate {
  to {
    transform: rotate(360deg);
  }
}

/* 에러페이지 */
.page-error header,
.page-error .section-top,
.page-error .quick-menu{display: none;}
.page-error main{display: flex;flex-direction: column;background-color: #fff;background-image: url('../images/bg_pattern2.png');background-position: center -314px;}
.page-error .main-contents{flex: 1;display: flex;flex-direction: column;padding: 40px 0;}
.page-error .main-contents > .inner{flex: 1;display: flex;align-items: center;}
.page-error .section-error{text-align: center;}
.page-error .section-error img{margin: 0 auto;}
.page-error .section-error .content{font-size: 24px;color: var(--color-gray);font-weight: 500;margin-bottom: 50px;}
.page-error .section-error .desc{display: block;font-size: 18px;color: var(--color-gray);font-weight: 400;}
.page-error .section-error .section-footer{margin-top: 120px;}