@charset "utf-8";

/* ===========================================
    reset
=========================================== */
*{margin:0;padding:0;border:none;word-break:break-all;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-hyphens:auto;hyphens:auto;vertical-align:baseline;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;font-weight:inherit;letter-spacing: inherit;color:inherit}
*:before, *:after{box-sizing:border-box;-webkit-box-sizing:border-box;}
html{height:100%;}
html, body{font-weight:400;/*-webkit-tap-highlight-color:rgba(0, 0, 0, 0);*/-webkit-text-size-adjust:none;}
body{min-height:100%; font-family:"Montserrat", "Pretendard", "Sans-serif"; color:#222222;-webkit-text-size-adjust:none;word-break:keep-all;word-wrap:break-word;line-height:1.4;}
body:after{content:'';display:block;height:calc(0px + env(safe-area-inset-bottom));}
legend, caption, figcaption{display:none;}
ul, ol{list-style-image:none;list-style-position:outside;list-style-type:none;border:0;}
img, fieldset, frameset, frameborder, frame{border:0;}
a, img, span, b, input, select, em, textarea, label, strong{vertical-align:middle;outline-style:none;color:inherit;font-family:inherit;}
a{color:inherit;text-decoration:none;cursor:pointer;color:inherit;font-family:inherit;}
a:hover{text-decoration:none;}
b, strong{font-weight:700;}
i, em{font-style:normal;}
textarea{resize:none;}
button{border:none;background:none;outline:none;cursor:pointer;}
label, button{cursor:pointer;color:inherit;}
i, em{font-style:normal;}
br, hr{border:none;line-height:inherit;}

.hidden{border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important;}

:root{
    --min-outer-width:1600px;
    --min-width:1440px;
    --c-primary:#E52F42;
}

body{min-width: var(--min-width);}
.pc-hide{display:none !important;}

/* ===========================================
    form
=========================================== */

/* placeholder */
body  *::-webkit-input-placeholder{color:#888 !important;vertical-align:middle;font-weight:400;}

/* input 기본 스타일 초기화 */
select, textarea, input[type=tel],
input[type=date],
input[type=phone],
input[type=number],
input[type=email],
input[type=password],
input[type=text]{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:none;-webkit-box-shadow:none;}
textarea{width:100%;height:80px;padding:16px !important;background:#fff;}

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

select,
textarea,
input[type=date],
input[type=phone],
input[type=number],
input[type=email],
input[type=password],
input[type=text]{ height: 48px;color: #222;font-size: 16px; background: #FFFFFF; border: 1px solid #ddd; padding:0 16px;text-align:left;font-weight:400;}
select{min-width: 100px;padding-right:40px;padding-top:1px; background:#fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14L16 6H4L10 14Z' fill='%23444444'/%3E%3C/svg%3E%0A") no-repeat right 14px top 50%;background-size:auto 20px;}
select:invalid{ color: #888888; }

.input.disabled,
.textarea.disabled,
textarea:disabled,
select:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled{background-color:#F2F2F2; color:#777777;opacity: 1;}

.input.focus,
.textarea.focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus{border-color:var(--c-primary) !important;}

input.lg,
select.lg{height:56px !important;}
input.sm,
select.sm{height:40px !important;}


.inp-chk-wrap{display:flex;align-items:center;gap:24px;}
.inp-chk{position:relative;display:inline-block;cursor:pointer;white-space:nowrap;display:inline-flex;flex-direction:row;align-items:center;vertical-align: middle;gap:5px;}
.inp-chk .inp{display:inline-block;position:relative;vertical-align:middle;}
.inp-chk input{opacity:0;position:absolute;top:0;left:0;width:20px;height:20px;opacity:0;}
.inp-chk input ~ .ic{display:inline-block;overflow:hidden;width:20px;height:20px;border:1px solid; border-color:#888888;background-color: #fff;}
.inp-chk .t{display:inline-block;vertical-align:middle;font-size:16px;color:#444;line-height:1.2;}
.inp-chk [type='checkbox'] ~ .ic{background-repeat:no-repeat;}
.inp-chk [type='checkbox']:checked  ~ .ic{border-color: var(--c-primary);background-color: var(--c-primary);background-repeat:no-repeat !important;background-position:50% 50% !important;background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.69231L7.27245 12L13 4' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-size:auto 16px;}
.inp-chk [type='checkbox']:disabled  ~ .ic{background-color: #F2F2F2;}
.inp-chk [type='radio'] ~ .ic{position:relative;display:inline-block;overflow:hidden;border-radius:100%;border:1px solid #888;}
.inp-chk [type='radio']:checked  ~ .ic{border:none;}
.inp-chk [type='radio']:checked ~ .ic:after{content:'';display:block;border: none; position:absolute;top:0;left:0;width:100%;height:100%;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%23E52F42'/%3E%3Ccircle cx='10' cy='10' r='5' fill='%23E52F42'/%3E%3C/svg%3E%0A");background-size:auto 100%;}
.inp-chk [type='radio']:disabled  ~ .ic{border-color: #ccc;}
.inp-chk [type='radio']:checked:disabled  ~ .ic:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%23CCCCCC'/%3E%3Ccircle cx='10' cy='10' r='5' fill='%23CCCCCC'/%3E%3C/svg%3E%0A");}


.input-date{display:flex;align-items:center;gap:8px;}
.input-date .datepicker{width:178px; flex:1;height:40px !important;border-radius:6px;box-shadow: none;border: 1px solid #C6CEDC;overflow:hidden;}

.input-choice-wrap{display:flex;align-items:center;flex-wrap: wrap;gap:8px 24px;}
.input-choice-wrap.gap-st2{gap:8px;}
.input-choice{position:relative;display:flex;align-items:center;gap:8px;}
.input-choice input{position:absolute;top:0;left:0;width:20px;height:20px;z-index: 1;top:2px;opacity: 0;}
.input-choice i{display:inline-block; position:relative;min-width:20px;width:20px;height:20px;border:1px solid #5E687F;border-radius:4px;background:#fff;}
.input-choice label{font-size:14px; color:#373F57;line-height:1;}
.input-choice input:checked + i{border-color: #0082FF;}
.input-choice input[type='radio'] + i{border-radius:100%;width:20px;height:20px;min-width:20px;}
.input-choice input[type='checkbox']:checked + i{border:none; background:#0082FF url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 5.5L5.67763 8.5625L9.9375 2' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size: auto 12px;}
.input-choice input[type='radio']:checked + i{background:#fff url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='8' height='8' rx='4' fill='%230082FF'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size: auto 10px;}

.inp-search{display:flex;align-items:center;height:40px;width:340px;}
.inp-search input{flex:1;height:100%;}
.inp-search .btn-search{width:40px;height:40px;background:#444;display:flex;justify-content:center;align-items:center;}
.inp-search .btn-search:after{content:'';display:block;width: 20px;height:20px;background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.85' y='2.85' width='13.3' height='13.3' rx='6.65' stroke='white' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M14.5 14.5L17.5 17.5' stroke='white' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;;}

.file-wrap{padding:6px 0;}
.inp-file .file {position:relative;padding:0 20px; display:inline-flex;justify-content:center;align-items:center;height:48px;background:#333333; color:#fff;font-weight:500;font-size:18px;gap:4px;white-space: nowrap;}
.inp-file .file:before{content:'';display:block;width: 20px;height:20px;background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3V17' stroke='white' stroke-width='1.7'/%3E%3Cpath d='M17 10L3 10' stroke='white' stroke-width='1.7'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}
.inp-file .file input[type='file'] {position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0;cursor: pointer;}
.inp-file .file input[type='text'] {height:100%;border:none;flex:1;}
.inp-file .file .btn {width:100%;height:100%;}
* + .file-list {margin-top:8px;}
.file-list{display:block;font-size:16px;margin-top:16px;}
.file-list:first-child{margin-top:0;}
.file-list li {display:flex;flex-direction:row;align-items:center;gap:8px;}
.file-list li a{text-decoration: underline;}
.file-list li ~ li{margin-top:8px;}
.file-list li .del {width: 20px;height:20px;background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00061 4L16.0003 15.9997' stroke='%23888888' stroke-width='1.4'/%3E%3Cpath d='M15.9996 4.00024L3.99995 15.9999' stroke='%23888888' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}


.multi-select { position: relative;}
.multi-select .select-box {display:flex;align-items:center;gap:5px; height: 48px; color: #222; font-size: 16px; background: #FFFFFF; border: 1px solid #ddd; padding: 0 14px 0 16px; text-align: left; font-weight: 400;}
.multi-select .select-box .placeholder,
.multi-select .select-box .selected{flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;display:flex;align-items:center;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.3em;height:1.3em;}
.multi-select .select-box input { margin-right: 6px; }
.multi-select .select-box .arrow {width: 20px;height:20px; background:#fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14L16 6H4L10 14Z' fill='%23444444'/%3E%3C/svg%3E%0A") 0 0;background-size:auto 100%;}
.multi-select .dropdown { display: none; max-height: 200px; overflow-y:auto; position: absolute; top: calc(100% + 3px); left: 0; width: 100%;  padding: 16px 0; background: #FFFFFF; border: 1px solid #777777; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); }
.multi-select .dropdown .actions{padding:0 16px;display:flex;align-items:center;gap:6px;}
.multi-select .dropdown .actions .btn{  border-radius: 4px;height: 40px; border: solid 1px #d6d6d6; background-color: #fff;flex:1;display:flex;justify-content:center;align-items:center;font-size:14px;}
.multi-select .dropdown .inp-chk {height:32px;display:flex;align-items:center;padding:0 16px;gap:8px;}
.multi-select .dropdown .inp-chk.on {background-color: #f8f8f8;}
.multi-select .actions { display: flex; justify-content: space-between; margin-bottom: 12px;}
.multi-select.open .select-box{border-color: var(--c-primary);}

.search-select { position: relative;}
.search-select .select-box {display:flex;align-items:center;gap:5px; height: 48px; color: #222; font-size: 16px; background: #FFFFFF; border: 1px solid #ddd; padding: 0 14px 0 16px;text-align: left; font-weight: 400;}
.search-select .select-box .placeholder,
.search-select .select-box .selected{flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;display:flex;align-items:center;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.3em;height:1.3em;}
.search-select .select-box .arrow {width: 20px;height:20px; background:#fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14L16 6H4L10 14Z' fill='%23444444'/%3E%3C/svg%3E%0A") 0 0;background-size:auto 100%;}
.search-select .dropdown { display: none; max-height: 200px; overflow-y:auto; position: absolute; top: calc(100% + 3px); left: 0; width: 100%;padding: 16px 0; background: #FFFFFF; border: 1px solid #777777; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); }
.search-select .search-box {position: sticky;top:0; padding:0 16px 16px; background: #FFFFFF;}
.search-select .search-box .search-input{  height: 40px;border: 1px solid #DDDDDD;display:flex;}
.search-select .search-box input { flex:1;height:100% !important;border:none !important;}
.search-select .search-box button {width:40px;height:100%;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.85' y='2.85' width='13.3' height='13.3' rx='6.65' stroke='%23444444' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M14.5 14.5L17.5 17.5' stroke='%23444444' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;}
.search-select label.inp-opt { display:flex;align-items:center;flex-wrap: wrap; padding:5px 16px; color:#444;font-size:16px;}
.search-select label.inp-opt.on { background:#F8F8F8; }
.search-select label.inp-opt input {border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important;}
.search-select.open .select-box{border-color: var(--c-primary);}

/* datepicker */
html .datepicker {padding-right:40px;background:#fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 11.0833C12.8333 11.3043 12.9211 11.5163 13.0774 11.6726C13.2337 11.8289 13.4457 11.9167 13.6667 11.9167C13.8877 11.9167 14.0996 11.8289 14.2559 11.6726C14.4122 11.5163 14.5 11.3043 14.5 11.0833C14.5 10.8623 14.4122 10.6504 14.2559 10.4941C14.0996 10.3378 13.8877 10.25 13.6667 10.25C13.4457 10.25 13.2337 10.3378 13.0774 10.4941C12.9211 10.6504 12.8333 10.8623 12.8333 11.0833Z' fill='%23373F57'/%3E%3Cpath d='M12.8333 13.7498C12.8333 13.9709 12.9211 14.1828 13.0774 14.3391C13.2337 14.4954 13.4457 14.5832 13.6667 14.5832C13.8877 14.5832 14.0996 14.4954 14.2559 14.3391C14.4122 14.1828 14.5 13.9709 14.5 13.7498C14.5 13.5288 14.4122 13.3169 14.2559 13.1606C14.0996 13.0043 13.8877 12.9165 13.6667 12.9165C13.4457 12.9165 13.2337 13.0043 13.0774 13.1606C12.9211 13.3169 12.8333 13.5288 12.8333 13.7498Z' fill='%23373F57'/%3E%3Cpath d='M9.16732 11.0833C9.16732 11.3043 9.25512 11.5163 9.4114 11.6726C9.56768 11.8289 9.77964 11.9167 10.0007 11.9167C10.2217 11.9167 10.4336 11.8289 10.5899 11.6726C10.7462 11.5163 10.834 11.3043 10.834 11.0833C10.834 10.8623 10.7462 10.6504 10.5899 10.4941C10.4336 10.3378 10.2217 10.25 10.0007 10.25C9.77964 10.25 9.56768 10.3378 9.4114 10.4941C9.25512 10.6504 9.16732 10.8623 9.16732 11.0833Z' fill='%23373F57'/%3E%3Cpath d='M9.16732 13.7498C9.16732 13.9709 9.25512 14.1828 9.4114 14.3391C9.56768 14.4954 9.77964 14.5832 10.0007 14.5832C10.2217 14.5832 10.4336 14.4954 10.5899 14.3391C10.7462 14.1828 10.834 13.9709 10.834 13.7498C10.834 13.5288 10.7462 13.3169 10.5899 13.1606C10.4336 13.0043 10.2217 12.9165 10.0007 12.9165C9.77964 12.9165 9.56768 13.0043 9.4114 13.1606C9.25512 13.3169 9.16732 13.5288 9.16732 13.7498Z' fill='%23373F57'/%3E%3Cpath d='M5.49935 11.0833C5.49935 11.3043 5.58715 11.5163 5.74343 11.6726C5.89971 11.8289 6.11167 11.9167 6.33268 11.9167C6.5537 11.9167 6.76566 11.8289 6.92194 11.6726C7.07822 11.5163 7.16602 11.3043 7.16602 11.0833C7.16602 10.8623 7.07822 10.6504 6.92194 10.4941C6.76566 10.3378 6.5537 10.25 6.33268 10.25C6.11167 10.25 5.89971 10.3378 5.74343 10.4941C5.58715 10.6504 5.49935 10.8623 5.49935 11.0833Z' fill='%23373F57'/%3E%3Cpath d='M5.49935 13.7498C5.49935 13.9709 5.58715 14.1828 5.74343 14.3391C5.89971 14.4954 6.11167 14.5832 6.33268 14.5832C6.5537 14.5832 6.76566 14.4954 6.92194 14.3391C7.07822 14.1828 7.16602 13.9709 7.16602 13.7498C7.16602 13.5288 7.07822 13.3169 6.92194 13.1606C6.76566 13.0043 6.5537 12.9165 6.33268 12.9165C6.11167 12.9165 5.89971 13.0043 5.74343 13.1606C5.58715 13.3169 5.49935 13.5288 5.49935 13.7498Z' fill='%23373F57'/%3E%3Crect width='15' height='13' rx='1' transform='matrix(-1 0 0 1 17.5 4.25)' stroke='%23373F57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 8.25H2.5' stroke='%23373F57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5 2.75V5.75' stroke='%23373F57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 2.75V5.75' stroke='%23373F57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 15px top 50%;background-size: 20px 20px;}
html .ui-datepicker{margin-top:5px;font-size:16px;}
html .ui-datepicker .ui-datepicker-year,
html .ui-datepicker .ui-datepicker-month{outline:none;border:none;background-position-x:90%;min-width: initial;}
html .ui-widget-header{padding-bottom:6px !important;border-color:#fff;border-bottom:1px solid #d9d9d9;background:#fff;}
html .ui-widget-header .ui-datepicker-title{display:flex;justify-content:center;align-items:center;}
html .ui-widget.ui-widget-content{border:1px solid #2563eb;border-radius:10px;}
html .ui-datepicker .ui-datepicker-prev,
html .ui-datepicker .ui-datepicker-next{ width:30px;height:30px;border:1px solid #d9d9d9 !important;background:#fff;border-radius:5px;}
html .ui-datepicker .ui-datepicker-prev:hover,
html .ui-datepicker .ui-datepicker-next:hover{border-color: #2563eb !important;}
html .ui-datepicker .ui-datepicker-prev{top:7px !important;left:5px !important;}
html .ui-datepicker .ui-datepicker-prev span{background:#fff url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAQAAABZqbWHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkBAcJESfQVMC5AAABLUlEQVQoz33SvyvEcRzH8cedc3V+pGQhWWRUSmGRkiycUjKcFGVgtchfoAxWTIQMlBIWJlGOUiJSUpJkkBILIQM6d/flPX5ez17v1/vVJ1Trjym0aMl85A+5wrpqbfLDgXKdfdWgNMihy5wYXgxYyHYYtSSGey0WSHeImtYHzrW7JB0otqIJbOr2+PWYWlEl+S1PafuRU0CTpCq8GzbkLWX7taLPtCieJaylZw4LGzMjihuNmTIR8xLgUIfb7FKCm0wDeo2DWvtqgoAPI/q9otyOeCaQUwZHdnSIier2JBmUYVuDC+SYMPm731TICw22waANRUFXPGg1C1olVf7O8DPvVr1qFlIiYc91JgC7TsXlytPjynE2wJktcQUiOoWDmzxQ7wTchf799svmPgFg4ES94YFAOwAAAABJRU5ErkJggg==') no-repeat 50% 50%;background-size:auto 8px;}
html .ui-datepicker .ui-datepicker-next{top:7px !important;right:5px !important;}
html .ui-datepicker .ui-datepicker-next span{background:#fff url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAQAAABZqbWHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkBAcJFA7vkayQAAABN0lEQVQoz4XQvUubARTF4SfmTYKKQ3Up4iaCoxAoRQoKAaEkaBRc/CgpFAruXRwd7H/gFDSko25OLfiFIfixlAqiiIPSQRB0KS1kqA4aEvK+pWe853fvPZxYmoIJ836JVJsFq/L29f0LeAmGHHkVBcR7d1zKCnSZc+40DPDDrnEdEqbVVFpfQMVrZ4hZtiYZBrg0bAsUfNMdBrj3VhGMODDQnKGuvzb9lhHTY9ahq1YAqk7kJLWb8dP3MMCZr3K6xOWlbMfSUe302TQEym3+oygg7fB5/7NCELInfdGJmo9K4QufbOjEnTElaL6QsOIDuJB18TRsAC+sy4A9U+5aQ/arPtslYw27DrxxYBAPFr1Xaw4VYE5RCn+8sxHuYUlZCjdGwzaBG3Ai5zqqyXjvsSuBrNvoqh8B1TtGTnK061QAAAAASUVORK5CYII=') no-repeat 50% 50%;background-size:auto 8px;}
html .ui-datepicker td{text-align: center;color: #777777;}
html .ui-datepicker th{ color:#656565;}
html .ui-datepicker th:first-child,
html .ui-datepicker td:first-child a{color: #999999 !important;}
html .ui-datepicker th:last-child,
html .ui-datepicker td:last-child a{color: #999999 !important;}
html .ui-datepicker .ui-state-default{display:inline-flex;align-items: center;justify-content: center; height:100%;width:100%;padding:6px 0 10px 0;border:none;background:#fff;text-align: center;}
html .ui-datepicker .ui-state-default.ui-state-active{position:relative;border-radius:20px;padding:8px 0; color:#fff !important;background:#2563eb;}
html .ui-datepicker .ui-state-default.ui-state-highlight{position:relative;}
html .ui-datepicker .ui-state-default.ui-state-highlight:before{content:'';display:block;position:absolute;top:0;left:50%;width:3px;height:3px;border-radius:3px;background:#2563eb;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.ui-datepicker *{font-family:"NanumSquareNeo" !important;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{width:52%;font-size:0.9em;padding-right:30px;padding-left:10px;}
.ui-datepicker select.ui-datepicker-month{width:38% !important;}
html .ui-datepicker.month table{display:none !important;}
html .ui-datepicker.month .ui-datepicker-year,
html .ui-datepicker.month .ui-datepicker-month{height:26px;margin-top:-1px;width:50%;}
html .ui-datepicker.month .ui-datepicker-month{margin-left:5px;width:30%;}
html .ui-datepicker.month .ui-datepicker-buttonpane{margin-top:0;border-top:none;}


/* ===========================================
    common
=========================================== */

.w-full{width:100% !important;}
.c-red{ color:var(--c-primary) !important;}
.required:before{content:'*'; color:#EB003B;font-weight:700;margin-left:4px;}
.pointer{cursor: pointer !important;}

.align-l{text-align:left !important;}
.align-c{text-align:center !important;}
.align-r{text-align:right !important;}

/* ico */
[class*=ico-]{display:inline-block;background-position:50% 50% !important;background-repeat:no-repeat !important;background-size:100% 100% !important;}
.ico-clip{width: 20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.21814 15.6569C6.16786 17.6066 9.33949 17.6066 11.2892 15.6569L16.239 10.7071C16.4996 10.4464 16.4991 10.0245 16.239 9.76437C15.9787 9.50412 15.5568 9.50361 15.2961 9.76428L10.3464 14.714C8.91705 16.1433 6.59073 16.1438 5.16098 14.714C3.73123 13.2843 3.73166 10.958 5.16098 9.52864L10.3465 4.34316C11.2562 3.43338 12.7364 3.43338 13.6462 4.34316C14.556 5.25302 14.556 6.73318 13.6463 7.64296L8.93216 12.3571C8.54235 12.7469 7.90784 12.747 7.51794 12.3571C7.12805 11.9672 7.12814 11.3327 7.51794 10.9429L11.9963 6.46448C12.257 6.2038 12.2565 5.78189 11.9963 5.52173C11.7361 5.26148 11.3142 5.26097 11.0535 5.52164L6.57511 10C5.66533 10.9098 5.66541 12.39 6.57519 13.2998C7.48497 14.2096 8.96522 14.2097 9.875 13.2999L14.5891 8.5858C16.0183 7.15657 16.0188 4.83016 14.589 3.40032C13.1593 1.97057 10.8329 1.97109 9.40362 3.40032L4.21814 8.5858C2.26842 10.5355 2.26842 13.7071 4.21814 15.6569Z' fill='%23E52F42'/%3E%3C/svg%3E%0A");}
.ico-plus-white{width: 20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3V17' stroke='white' stroke-width='1.7'/%3E%3Cpath d='M17 10L3 10' stroke='white' stroke-width='1.7'/%3E%3C/svg%3E%0A");}
.ico-clip{width: 20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.21814 15.6568C6.16786 17.6066 9.33949 17.6066 11.2892 15.6568L16.239 10.7071C16.4996 10.4464 16.4991 10.0245 16.239 9.76434C15.9787 9.50409 15.5568 9.50358 15.2961 9.76425L10.3464 14.714C8.91705 16.1433 6.59073 16.1438 5.16098 14.714C3.73123 13.2842 3.73166 10.9579 5.16098 9.52861L10.3465 4.34313C11.2562 3.43335 12.7364 3.43335 13.6462 4.34313C14.556 5.25299 14.556 6.73315 13.6463 7.64293L8.93216 12.357C8.54235 12.7468 7.90784 12.7469 7.51794 12.357C7.12805 11.9671 7.12814 11.3326 7.51794 10.9428L11.9963 6.46445C12.257 6.20377 12.2565 5.78186 11.9963 5.5217C11.7361 5.26145 11.3142 5.26093 11.0535 5.52161L6.57511 9.99998C5.66533 10.9098 5.66541 12.39 6.57519 13.2998C7.48497 14.2096 8.96522 14.2097 9.875 13.2999L14.5891 8.58577C16.0183 7.15654 16.0188 4.83013 14.589 3.40029C13.1593 1.97054 10.8329 1.97106 9.40362 3.40029L4.21814 8.58577C2.26842 10.5355 2.26842 13.7071 4.21814 15.6568Z' fill='%23E52F42'/%3E%3C/svg%3E");}
.ico-download{width: 20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 12.3569C18 14.8783 17.482 16.9284 15 16.9284H4.99999C2.51799 16.9284 2 14.8783 2 12.3569' stroke='%23777777' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0951 11.5951V2.07129M10.0951 11.5951C9.42843 11.5951 7.03986 8.55319 6.57129 8.07129M10.0951 11.5951C10.7618 11.5951 13.1503 8.55319 13.6189 8.07129' stroke='%23777777' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.ico-excel{width: 20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1177_534' fill='white'%3E%3Cpath d='M11.6716 1C12.202 1 12.7107 1.21071 13.0858 1.58579L16.9142 5.41421C17.2893 5.78929 17.5 6.29799 17.5 6.82843V17C17.5 18.1046 16.6046 19 15.5 19H4.5C3.39543 19 2.5 18.1046 2.5 17V3C2.5 1.89543 3.39543 1 4.5 1H11.6716Z'/%3E%3C/mask%3E%3Cpath d='M16.9142 5.41421L17.9749 4.35355L16.9142 5.41421ZM13.0858 1.58579L12.0251 2.64645L13.0858 1.58579ZM13.0858 1.58579L12.0251 2.64645L15.8536 6.47487L16.9142 5.41421L17.9749 4.35355L14.1464 0.525126L13.0858 1.58579ZM17.5 6.82843H16V17H17.5H19V6.82843H17.5ZM15.5 19V17.5H4.5V19V20.5H15.5V19ZM2.5 17H4V3H2.5H1V17H2.5ZM4.5 1V2.5H11.6716V1V-0.5H4.5V1ZM2.5 3H4C4 2.72386 4.22386 2.5 4.5 2.5V1V-0.5C2.567 -0.5 1 1.067 1 3H2.5ZM4.5 19V17.5C4.22386 17.5 4 17.2761 4 17H2.5H1C1 18.933 2.567 20.5 4.5 20.5V19ZM17.5 17H16C16 17.2761 15.7761 17.5 15.5 17.5V19V20.5C17.433 20.5 19 18.933 19 17H17.5ZM16.9142 5.41421L15.8536 6.47487C15.9473 6.56864 16 6.69582 16 6.82843H17.5H19C19 5.90017 18.6313 5.00993 17.9749 4.35355L16.9142 5.41421ZM13.0858 1.58579L14.1464 0.525126C13.4901 -0.131251 12.5998 -0.5 11.6716 -0.5V1V2.5C11.8042 2.5 11.9314 2.55268 12.0251 2.64645L13.0858 1.58579Z' fill='%2334A853' mask='url(%23path-1-inside-1_1177_534)'/%3E%3Cpath d='M11.5 2.41421C11.5 1.52331 12.5771 1.07714 13.2071 1.70711L16.7929 5.29289C17.4229 5.92286 16.9767 7 16.0858 7H12.5C11.9477 7 11.5 6.55228 11.5 6V2.41421Z' fill='%2334A853'/%3E%3Cpath d='M7.58301 8.99951L12.4163 14.7995' stroke='%2334A853' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M12.4165 9L7.58317 14.8' stroke='%2334A853' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");}
.ico-plus{width:20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3V17' stroke='%23777777' stroke-width='1.7'/%3E%3Cpath d='M17 10L3 10' stroke='%23777777' stroke-width='1.7'/%3E%3C/svg%3E%0A");}
.ico-error{width:20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1177_1171)'%3E%3Cpath d='M8.29344 2.79256C9.07329 1.51643 10.9267 1.51643 11.7066 2.79256L19.1404 14.9571C19.9549 16.2898 18.9957 18 17.4339 18H2.56611C1.00425 18 0.045118 16.2898 0.85955 14.9571L8.29344 2.79256Z' fill='%23E52F42'/%3E%3Cpath d='M9.16699 14.3334H10.8337V16H9.16699V14.3334ZM9.16699 6.5H10.8337V12.6667H9.16699V6.5Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1177_1171'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.ico-home{width:20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L10 2L19 9' stroke='%23888888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 7V17H16V7' stroke='%23888888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 12L10 17' stroke='%23888888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.ico-link-white{width:20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3H4C3.44772 3 3 3.44772 3 4V16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16V12' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M12 3H16C16.5523 3 17 3.44772 17 4V8' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M16.5625 3.4375L7.375 12.625' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E%0A");}

/* btn */
.btn-wrap{display:flex;align-items:center;}
.btn-bottom-wrap{display:flex;align-items:center;justify-content: center; gap:16px;margin-top:40px;}
.btn-bottom-wrap.center{margin-top:120px;}
.btn-bottom-wrap [class*=btn-]{width:100px;}
.btn-bottom-wrap.center [class*=btn-]{width:280px;}
.btn-bottom-wrap .left,
.btn-bottom-wrap .right{display:flex;align-items:center;gap:8px;}
.btn-bottom-wrap .right{margin-left:auto;}
.btn-lg,
.btn-md,
.btn-sm{display:inline-flex;align-items:center;gap:4px;font-weight:500;font-size:18px;padding:0 20px;justify-content: center;}
.btn-lg:disabled,
.btn-md:disabled,
.btn-sm:disabled{background:#CCCCCC;cursor:not-allowed;}
.btn-lg{height:56px;}
.btn-md {height:48px;}
.btn-sm{height:40px;}

.st-primary{background: var(--c-primary); color:#fff;}
.st-grident{background: linear-gradient(90deg, #EF353D 0%, #F9884E 100%); color:#fff;}
.st-black{background:#333333; color:#fff;}
.st-gray{background:#888; color:#fff;}
.st-gray-line{background: #fff; color:#666666;border: 1px solid #CCCCCC;}

/* loading */
.loading-bar{width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto auto;z-index:501;pointer-events:none;display:flex;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.5);}

.loading-bar.selected{opacity:1;visibility:visible;}
.loading-bar .three-bounce{text-align:center;font-size:1.625rem;position:relative;width:5rem;pointer-events:none;}
.loading-bar .three-bounce > div{display:inline-block;width:1.125rem;height:1.125rem;border-radius:100%;background-color:rgba(0,0,0,0.65);pointer-events:none;
        -webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode:both;animation-fill-mode:both;
}
.loading-bar .three-bounce [class*=bounce]{box-shadow:0 0 0.8rem rgba(0, 0, 0, 0.2);}
.loading-bar .three-bounce .bounce1{-webkit-animation-delay: -0.32s;animation-delay: -0.32s;background:var(--c-primary);}
.loading-bar .three-bounce .bounce2{-webkit-animation-delay: -0.16s;animation-delay: -0.16s;background:var(--c-primary);}
.loading-bar .three-bounce .bounce3{background:var(--c-primary);}

@-webkit-keyframes bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) }}
@keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0);-webkit-transform: scale(0.0);} 40% { transform: scale(1.0);-webkit-transform: scale(1.0);}}


/* popup */
.popup-wrap{display:none; position:fixed;top:0;left:0;width: 100%;height:100%;z-index: 1000;}
.popup-wrap .dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2a2a2a; opacity: 0.7; }
.popup-wrap .pop-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.popup-wrap .pop-wrap .popup {display:flex;flex-direction: column; padding: 20px 0; width: 560px; border-radius: 12px; background: #fff;  max-height: 90vh;}
.popup-wrap .ico-close { width: 20px; height: 20px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00049 1.5L19 19.4995' stroke='%23666666' stroke-width='1.4'/%3E%3Cpath d='M18.9995 1.5L0.999989 19.4995' stroke='%23666666' stroke-width='1.4'/%3E%3C/svg%3E%0A");}
.popup-wrap .pop-header { position: relative; min-height: 60px; padding: 20px 40px; display: flex; align-items: center; }
.popup-wrap .pop-header .right { margin-left: auto; }
.popup-wrap .btn-close,
.popup-wrap .pop-header [class*=btn-] { height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; }
.popup-wrap .btn-close{position:absolute;top:34px;right:30px;z-index: 10;}
.popup-wrap .pop-header .tit {position:initial; font-size: 26px; font-weight: 700; color: #222; display: block; flex: 1; }
.popup-wrap .pop-txt{font-size:18px; color:#444;font-weight:500;}
.popup-wrap .pop-txt + .data-type4{margin-top:40px;}
.popup-wrap .pop-body {height:auto !important; display:flex;flex-direction: column;padding: 20px 40px;overflow-x: hidden; overflow-y: auto; }
.popup-wrap .pop-footer { position: relative; padding: 20px 40px; background: linear-gradient(180deg, rgba(254,255,254,0) 0%, rgba(255,255,255,1) 15%, rgba(254,255,254,1) 100%); border-radius: 0 0 8px 8px; z-index: 1; }
.popup-wrap .pop-footer .btn-wrap{gap:10px;justify-content: flex-end;}
.popup-wrap .pop-footer .btn-wrap [class*=btn-] { min-width: 96px; }


.alert-popup { display: none; position: fixed; top: 0; width: 100%; height: 100%; z-index: 110; }
.alert-popup .dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2a2a2a; opacity: 0.7; }
.alert-popup .popup { position: absolute; top: 50%; left: 50%;  padding:30px 40px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 560px;border-radius: 12px; background: #fff; }
.alert-popup .popup .btn-close { position: absolute; top: 35px; right: 32px; width: 34px; height: 34px;background: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00049 1.5L19 19.4995' stroke='%23666666' stroke-width='1.4'/%3E%3Cpath d='M18.9995 1.5L0.999989 19.4995' stroke='%23666666' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size: 20px 20px;}
.alert-popup .popup .pop-body {color:#1A1D2B;}
.alert-popup .popup .pop-body .alert-tit{font-weight:700;font-size:26px;}
.alert-popup .popup .pop-body .alert-txt{font-size:18px;margin-top:40px; color:#444444;font-weight:500;}
.alert-popup .popup .pop-footer .btn-wrap { margin-top: 40px; }
.alert-popup .popup .pop-footer .btn-wrap { display: flex;justify-content: flex-end; gap:10px;}
.alert-popup .popup .pop-footer .btn-wrap .btn-alert {min-width:120px;display:inline-flex;align-items:center;gap:4px;font-weight:500;font-size:18px;padding:0 20px;justify-content: center;height:48px;}

.sub-menu-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    text-align: center;
    width: 100%;
    color: inherit;
    font: inherit;
    text-decoration: none;
}

.sub-menu-btn:hover {
    color: var(--c-primary);
}