@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{margin:0;padding:0;font-weight:400;/*-webkit-tap-highlight-color:rgba(0, 0, 0, 0);*/-webkit-text-size-adjust:none;}
body{min-height:100%;font-family:"Monda", "Noto Sans KR", sans-serif; color:#1D1D1D;-webkit-text-size-adjust:none;word-break:keep-all;word-wrap:break-word;line-height:1.4;}
body *{font-family:inherit;}
body:after{content:'';display:block;}
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;}
table{width:100%;border-collapse:collapse;border-spacing:0;}

.sr-only,
.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;}

.skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999}
.skipLink a:focus, 
.skipLink a:hover, 
.skipLink a:focus, 
.skipLink a:active{left:0px;top:0px}
.skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0;}

:root{
    --c-primary:#1D62CA;
}

@media all and (min-width:1025px){
    body{min-width: var(--min-width);}
}
@media all and (max-width:1024px){
    html {
        font-size: clamp(12.4px, 4.44vw, 22.2px);
    }
}


.c-red{ color:#EB003B !important;}

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


.ellips{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;}

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

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

 /* scrollbar */
body *::-webkit-scrollbar{-webkit-appearance:none;width:5px;height: 5px;}
body *::-webkit-scrollbar-thumb{ background-color:rgba(180, 196, 214,1); border-radius:10px; }
body *::-webkit-scrollbar-track{ background-color:rgba(0,0,0,.05); border-radius:10px; }

/* 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%;}

/* 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;min-height: 48px; background: #FFFFFF; border: 1px solid #CED4DA; border-radius: 4px;font-size:15px;padding:0 16px;font-weight:400;}
select{min-width: 100px; padding: 0px 40px 0 16px; color:#1E2124; 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='M5 7.5L10 13L15 7.5' stroke='%2333363D' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat top 50% right 16px;background-size:auto 20px;}
select:invalid{ color: #565656; }
textarea{height:80px;padding:16px;background:#fff !important;}

.input.disabled,
.textarea.disabled,
textarea:disabled,
select:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled, 
input[type="email"]:disabled,
input[type="password"]:disabled{border-color: #CED4DA !important; background-color:#F1F3F5 !important; -webkit-text-fill-color: #494949 !important;opacity: 1;}

select:disabled.readonly,
input[type="text"]:read-only:not(:disabled),
input[type="number"]:read-only:not(:disabled), 
input[type="email"]:read-only:not(:disabled),
input[type="password"]:read-only:not(:disabled){border-color: #CED4DA !important; background-color:#F1F3F5 !important; -webkit-text-fill-color: #494949 !important;opacity: 1;}

.input.focus,
.textarea.focus,
textarea:focus,
select:focus,
input[type=date]:focus,
input[type=phone]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus{border-color:#1D62CA !important;border-width: 1.5px;}

textarea.error,
select.error,
input.error{border-color: #D50136 !important;border-width: 1.5px;}

input[type='checkbox'],
input[type='radio']{content:'';display:inline-flex;min-width:18px;width:18px;height:18px;border:none;background:none;}
input[type='checkbox']:disabled,
input[type='radio']:disabled{opacity: 1;}
input[type='checkbox']:after,
input[type='radio']:after{content:'';display:inline-block;min-width:24px;width:24px;height:24px;transform:translate(-1px, -1px); border: 1px solid #CED4DA;border-radius:2px;background:#fff;}
input[type='checkbox']:checked:after{content:'';border-color: transparent; background:#1C4CBF 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 14px;}
input[type='checkbox']:disabled:after{background-color: #F1F3F5 !important;}
input[type='checkbox']:disabled:checked:after{border-color: #CED4DA;background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6L5.63158 9.5L10.5 2' stroke='%23DEE2E6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 14px}
input[type='radio']:after{border-radius:100%;}
input[type='radio']:checked:after{border:none; 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 0.700195C15.1362 0.700195 19.2998 4.86375 19.2998 10C19.2998 15.1362 15.1362 19.2998 10 19.2998C4.86375 19.2998 0.700195 15.1362 0.700195 10C0.700195 4.86375 4.86375 0.700195 10 0.700195Z' fill='white'/%3E%3Cpath d='M10 0.700195C15.1362 0.700195 19.2998 4.86375 19.2998 10C19.2998 15.1362 15.1362 19.2998 10 19.2998C4.86375 19.2998 0.700195 15.1362 0.700195 10C0.700195 4.86375 4.86375 0.700195 10 0.700195Z' stroke='%231C4CBF' stroke-width='1.4'/%3E%3Crect x='5' y='5' width='10' height='10' rx='5' fill='%231C4CBF'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size: 24px 24px;}
input[type='radio']:disabled:after{border-color: #CED4DA !important; background-color: #F1F3F5 !important;}
input[type='radio']:disabled:checked:after{background:#F1F3F5 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 0.700195C15.1362 0.700195 19.2998 4.86375 19.2998 10C19.2998 15.1362 15.1362 19.2998 10 19.2998C4.86375 19.2998 0.700195 15.1362 0.700195 10C0.700195 4.86375 4.86375 0.700195 10 0.700195Z' fill='white'/%3E%3Cpath d='M10 0.700195C15.1362 0.700195 19.2998 4.86375 19.2998 10C19.2998 15.1362 15.1362 19.2998 10 19.2998C4.86375 19.2998 0.700195 15.1362 0.700195 10C0.700195 4.86375 4.86375 0.700195 10 0.700195Z' stroke='%23E6E8EA' stroke-width='1.4'/%3E%3Crect x='5' y='5' width='10' height='10' rx='5' fill='%23E6E8EA'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size: 24px 24px;}

.input-choice-wrap{display:flex;align-items:center;flex-wrap: wrap;gap:8px 24px;}
.input-choice-wrap.st-line{border: 1px solid #DEE2E6; border-radius: 8px;padding: 16px;}
.input-choice{position:relative;display:inline-flex;align-items:center;gap:8px;}
.input-choice label{white-space: nowrap;font-size:16px;}
@media all and (max-width:1024px){
    .input-choice label{font-size:15px;}
}


/* n-dromdown */
.dropdown { position: relative;display:inline-block;color: #1A1D2B;}
.dropdown > .selected {display:inline-flex;align-items:center;border:none; color:#292E41;font-size:15px;min-height:32px;}
.dropdown > .selected:after{content:'';display:block;width: 20px;height:21px;margin-left:4px; 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='M14.5 8.5L10 13L5.5 8.5' stroke='%23373F57' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:auto 100%;}
.dropdown > .selected .fix > *{float:left;}
.dropdown > .selected .value {margin-left:5px;}
.dropdown.active .menu-layer { display: block; }

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

/* datepicker */
.datepicker {padding-right:32px;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='M13.499 1.66699C13.867 1.66717 14.1649 1.96508 14.165 2.33301V4.16699H15.999C16.8274 4.167 17.499 4.83857 17.499 5.66699V16C17.499 16.8284 16.8274 17.5 15.999 17.5H4C3.17157 17.5 2.5 16.8284 2.5 16V5.66699C2.5 4.83856 3.17157 4.16699 4 4.16699H5.83301V2.33301C5.83318 1.96497 6.13192 1.66699 6.5 1.66699C6.86808 1.66699 7.16682 1.96497 7.16699 2.33301V4.16699H12.832V2.33301C12.8322 1.96497 13.1309 1.66699 13.499 1.66699ZM3.83301 16C3.83301 16.092 3.90795 16.167 4 16.167H15.999C16.0911 16.167 16.166 16.092 16.166 16V9H3.83301V16ZM6.33496 11.667C6.79505 11.6672 7.16797 12.0399 7.16797 12.5C7.16797 12.9601 6.79505 13.3328 6.33496 13.333C5.87472 13.333 5.50098 12.9602 5.50098 12.5C5.50098 12.0398 5.87472 11.667 6.33496 11.667ZM10 11.667C10.4602 11.667 10.833 12.0398 10.833 12.5C10.833 12.9602 10.4602 13.333 10 13.333C9.53976 13.333 9.16699 12.9602 9.16699 12.5C9.16699 12.0398 9.53976 11.667 10 11.667ZM13.6689 11.667C14.129 11.6672 14.502 12.0399 14.502 12.5C14.502 12.9601 14.129 13.3328 13.6689 13.333C13.2087 13.333 12.835 12.9602 12.835 12.5C12.835 12.0398 13.2087 11.667 13.6689 11.667ZM4 5.5C3.90795 5.5 3.83301 5.57494 3.83301 5.66699V7.66699H16.166V5.66699C16.166 5.57494 16.0911 5.5 15.999 5.5H4Z' fill='%2333363D'/%3E%3C/svg%3E%0A") no-repeat right 10px top 50%;background-size: 20px 20px;}
.ui-datepicker{margin-top:5px;font-size:15px;}
.ui-datepicker .ui-datepicker-year,
.ui-datepicker .ui-datepicker-month{outline:none;border:none;background-position-x:90%;min-width: initial;}
.ui-widget-header{padding-bottom:6px !important;border-color:#fff;border-bottom:1px solid #d9d9d9;background:#fff;padding-top:0 !important;}
.ui-widget-header .ui-datepicker-title{display:flex;justify-content:center;align-items:center;height:40px;}
.ui-widget.ui-widget-content{border:1px solid #1D56BC;border-radius:10px;}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next{ width:30px;height:30px;border:1px solid #d9d9d9 !important;background:#fff;border-radius:5px;}
.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover{border-color: #246BEB !important;}
.ui-datepicker .ui-datepicker-prev{top:7px !important;left:5px !important;}
.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;}
.ui-datepicker .ui-datepicker-next{top:7px !important;right:5px !important;}
.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;}
.ui-datepicker td{text-align: center;color: #777777;}
.ui-datepicker th{ color:#656565;}
.ui-datepicker th:first-child,
.ui-datepicker td:first-child a{color: #999999 !important;}
.ui-datepicker th:last-child,
.ui-datepicker td:last-child a{color: #999999 !important;}
.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;}
.ui-datepicker .ui-state-default.ui-state-active{position:relative;border-radius:20px;padding:7px 0; color:#fff !important;background:#1D62CA;}
.ui-datepicker .ui-state-default.ui-state-highlight{position:relative;}
.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:#246BEB;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;}
.ui-datepicker.month table{display:none !important;}
.ui-datepicker.month .ui-datepicker-year,
.ui-datepicker.month .ui-datepicker-month{height:26px;margin-top:-1px;width:50%;}
.ui-datepicker.month .ui-datepicker-year{margin-right:3px;}
.ui-datepicker.month .ui-datepicker-month{margin-left:5px;width:30%;}
.ui-datepicker.month .ui-datepicker-buttonpane{margin-top:0;border-top:none;}

/* form-board — 가로형 입력 폼 */
.form-board{border-top:1px solid #E9ECEF;}
.form-board .form-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #E9ECEF;}
.form-board .form-label{flex-shrink:0;width:200px;font-weight:500;font-size:16px;line-height:1.4;color:#212529;}
.form-board .form-label .required{color:#1D62CA;}
.form-board .form-field{flex:1;min-width:0;}
.form-board .form-field input[type="email"]{width:100%}

.fm-wrap.has-count{position:relative;}
.fm-wrap.has-count input[type="text"],
.fm-wrap.has-count input[type="email"],
.fm-wrap.has-count textarea{width:100%;}
.fm-wrap.has-count textarea{height:120px;padding:12px 16px;line-height:1.5;}
.fm-wrap.has-count input{padding-right:72px;width:100%;}
.fm-wrap.has-count .fm-count{position:absolute;top:50%;right:16px;transform:translateY(-50%);font-family:'Monda', sans-serif;font-size:13px;line-height:1.5;letter-spacing:-0.5px;color:#8E8E8E;white-space:nowrap;}
.fm-wrap.has-count .fm-count em{font-style:normal;vertical-align:baseline;}
.fm-wrap.has-count.is-textarea{display:flex;flex-direction:column;height:120px;padding:12px 16px;border:1px solid #CED4DA;border-radius:4px;background:#fff;box-sizing:border-box;}
.fm-wrap.has-count.is-textarea:focus-within{border-color:#1D62CA;border-width:1.5px;}
.fm-wrap.has-count.is-textarea textarea{flex:1;min-height:0;height:auto;padding:0;border:none;background:transparent !important;}
.fm-wrap.has-count.is-textarea textarea:focus{border:none !important;}
.fm-wrap.has-count.is-textarea .fm-count{position:static;transform:none;align-self:flex-end;margin-top:auto;}

.form-board .form-file{display:flex;flex-direction:column;gap:16px;}
.form-board .file-upload{display:flex;align-items:flex-start;gap:16px;}
.form-board .btn-file{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:32px;padding:0 12px;border:1px solid #8E99A4;border-radius:4px;background:#fff;font-family:inherit;font-weight:350;font-size:14px;line-height:1.6;color:#343A40;cursor:pointer;}
.form-board .btn-file:hover{background:#F8F9FA;border-color:#6C757D;}
.form-board .btn-file:active{background:#E9ECEF;border-color:#495057;}
.form-board .file-guide{margin:0;flex:1;min-width:0;font-weight:350;font-size:14px;line-height:1.6;color:#646B73;}
.form-board .file-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.form-board .file-list li{display:flex;align-items:center;gap:8px;}
.form-board .file-list .file-name{font-weight:350;font-size:14px;line-height:1.6;color:#1D62CA;text-decoration:underline;}
.form-board .file-list .file-name:hover{color:#1650A7;}
.form-board .file-list .btn-file-del{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;cursor:pointer;color:#212529;}
.form-board .file-list .btn-file-del .ico{display:block;width:20px;height:20px;}
.form-board .file-list .btn-file-del:hover{color:#1D62CA;}
@media all and (max-width:1024px){
    .form-board .form-label{width:80px;font-weight:400;font-size:15px;line-height:1.5;}
    .form-board .file-upload{flex-direction:column;gap:8px;}
    .form-board .file-guide{font-weight:400;font-size:13px;line-height:1.4;}
}

.no-data{display:flex;justify-content:center;align-items:center;padding:100px 20px;font-size:16px;font-weight:500;flex-direction: column;gap:24px;}
.no-data:before{content:'';display:block;width:126px;height:126px; background:url('../images/common/ico-no-data.svg') no-repeat 0 0;background-size:auto 100%;}
@media all and (max-width:1024px){
    .no-data:before{width:100px;height:100px;}
}


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

@media all and (min-width:1025px){
    .thumb{position:relative;}
    .thumb:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255, 255, 255, 0);transition: all 0.5s ease;-webkit-transition: all 0.25s ease;}
    a:hover .thumb:after,
    button:hover .thumb:after{background:rgba(255, 255, 255, 0.4);}
}

/* ico */
[class*=ico-]{display:inline-block;background-position:50% 50% !important;background-repeat:no-repeat !important;background-size:100% 100% !important;width: 20px;height:20px;min-width: 20px;}
.btn-xsm .ico-arrow-r,
.btn-xsm .ico-down,
.btn-xsm .ico-download,
.btn-xsm .ico-outer-link{min-width: 16px;width: 16px;height:16px;/* 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='M9.66602 2.5C10.0342 2.50004 10.333 2.79883 10.333 3.16699C10.3328 3.53501 10.0341 3.83296 9.66602 3.83301H4C3.90795 3.83301 3.83301 3.90795 3.83301 4L3.83496 16C3.83497 16.092 3.90901 16.1669 4.00098 16.167H15.999C16.0911 16.167 16.166 16.092 16.166 16V10.333C16.1663 9.96504 16.465 9.66699 16.833 9.66699C17.2008 9.66721 17.4988 9.96518 17.499 10.333V16C17.499 16.8284 16.8275 17.5 15.999 17.5H4.00098C3.17268 17.4999 2.50106 16.8283 2.50098 16L2.5 4C2.5 3.17158 3.17156 2.5 4 2.5H9.66602ZM16.833 2.5C17.201 2.50018 17.499 2.79891 17.499 3.16699V7.66699C17.4989 8.035 17.201 8.33381 16.833 8.33398C16.4649 8.33398 16.1661 8.03511 16.166 7.66699V4.77637L9.6377 11.3047C9.37735 11.565 8.95469 11.565 8.69434 11.3047C8.43426 11.0444 8.43437 10.6226 8.69434 10.3623L15.2236 3.83301H12.333C11.9649 3.83301 11.6662 3.53503 11.666 3.16699C11.666 2.7988 11.9648 2.5 12.333 2.5H16.833Z' fill='%23212529'/%3E%3C/svg%3E");*/}
.ico-lang{width: 16px;min-width: 16px;height:16px;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='M7.99902 1.33301C11.6809 1.33301 14.666 4.3181 14.666 8C14.666 11.6819 11.6809 14.667 7.99902 14.667C4.31713 14.667 1.33203 11.6819 1.33203 8C1.33203 4.3181 4.31713 1.33301 7.99902 1.33301ZM5.83008 10.5332C5.96709 11.0857 6.14377 11.5824 6.35449 12.0039C6.86889 13.0327 7.48056 13.4665 7.99805 13.4668C8.51563 13.4668 9.12803 13.033 9.64258 12.0039C9.85329 11.5824 10.03 11.0857 10.167 10.5332H5.83008ZM3.00586 10.5332C3.59815 11.6983 4.58431 12.6292 5.79102 13.1475C5.64812 12.9389 5.51732 12.7153 5.40039 12.4814C5.11813 11.9169 4.89201 11.2571 4.73242 10.5332H3.00586ZM11.2646 10.5332C11.1051 11.2571 10.8789 11.9169 10.5967 12.4814C10.4796 12.7156 10.3472 12.9387 10.2041 13.1475C11.4119 12.6294 12.3995 11.6991 12.9922 10.5332H11.2646ZM2.59473 6.5332C2.46811 7.00083 2.39941 7.49232 2.39941 8C2.39941 8.51008 2.46793 9.00403 2.5957 9.47363C2.61849 9.47066 2.64144 9.4668 2.66504 9.4668H4.55176C4.49513 8.9941 4.46484 8.50283 4.46484 8C4.46485 7.49712 4.49511 7.00594 4.55176 6.5332H2.59473ZM11.4453 6.5332C11.502 7.00593 11.5322 7.49713 11.5322 8C11.5322 8.50283 11.5019 8.9941 11.4453 9.4668H13.332C13.3556 9.46681 13.3786 9.47065 13.4014 9.47363C13.5292 9.00396 13.5986 8.51017 13.5986 8C13.5986 7.49232 13.5299 7.00083 13.4033 6.5332H11.4453ZM5.62988 6.5332C5.56835 6.99884 5.53223 7.49012 5.53223 8C5.53223 8.50983 5.56836 9.00119 5.62988 9.4668H10.3672C10.4287 9.00119 10.4648 8.50983 10.4648 8C10.4648 7.49013 10.4287 6.99884 10.3672 6.5332H5.62988ZM10.2041 2.85156C10.3474 3.06052 10.4795 3.28414 10.5967 3.51855C10.8789 4.08302 11.1051 4.743 11.2646 5.4668H12.9922C12.3994 4.30075 11.4121 3.36962 10.2041 2.85156ZM5.79102 2.85156C4.58415 3.36983 3.59821 4.30154 3.00586 5.4668H4.73242C4.89201 4.74301 5.11816 4.08302 5.40039 3.51855C5.51745 3.28448 5.64793 3.06027 5.79102 2.85156ZM7.99805 2.5332C7.48056 2.53346 6.86888 2.96733 6.35449 3.99609C6.14377 4.41754 5.9671 4.91429 5.83008 5.4668H10.167C10.03 4.91428 9.8533 4.41754 9.64258 3.99609C9.12803 2.96701 8.51563 2.5332 7.99805 2.5332Z' fill='%23212529'/%3E%3C/svg%3E")}
.ico-clip{width: 20px;min-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 fill-rule='evenodd' clip-rule='evenodd' d='M9.87449 4.10326C11.6789 2.29891 14.6043 2.29891 16.4086 4.10327C18.213 5.90763 18.213 8.83307 16.4086 10.6374L9.99128 17.0547C9.73093 17.3151 9.30882 17.3151 9.04848 17.0547C8.78813 16.7944 8.78813 16.3723 9.04848 16.1119L15.4658 9.69461C16.7495 8.41096 16.7495 6.32974 15.4658 5.04607C14.1822 3.76243 12.101 3.76241 10.8173 5.04608L4.09963 11.7637C4.09963 11.7637 4.09964 11.7637 4.09963 11.7637C3.29666 12.5667 3.29665 13.8686 4.09963 14.6716C4.90262 15.4746 6.20451 15.4746 7.0075 14.6716L13.0346 8.64456C13.3235 8.35557 13.3235 7.887 13.0346 7.59801C12.7456 7.30904 12.277 7.30904 11.988 7.59801L6.26129 13.3248C6.00094 13.5851 5.57883 13.5851 5.31848 13.3248C5.05813 13.0644 5.05813 12.6423 5.31848 12.382L11.0452 6.65522C11.0452 6.65522 11.0452 6.65523 11.0452 6.65522C11.8549 5.84553 13.1677 5.84552 13.9774 6.65522C14.787 7.46491 14.787 8.77766 13.9774 9.58734L7.95031 15.6144C6.62662 16.9381 4.4805 16.9381 3.15682 15.6144C1.83315 14.2907 1.83314 12.1446 3.15681 10.8209L9.87449 4.10326Z' fill='%23212529'/%3E%3C/svg%3E");}
.ico-notice{width: 19px;height:15px;background-image: url("data:image/svg+xml,%3Csvg width='19' height='15' viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.73549 5.00781C1.32929 5.00781 1 5.3371 1 5.74331V8.27232C1 8.67852 1.32929 9.00781 1.73549 9.00781H3.5C3.77614 9.00781 4 9.23167 4 9.50781C4 9.78395 3.77614 10.0078 3.5 10.0078H1.73549C0.777007 10.0078 0 9.23081 0 8.27232V5.74331C0 4.78482 0.777007 4.00781 1.73549 4.00781H3.5C3.77614 4.00781 4 4.23167 4 4.50781C4 4.78395 3.77614 5.00781 3.5 5.00781H1.73549Z' fill='%231C4CBF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 1.73827C11 1.16059 10.3646 0.8084 9.87469 1.11457L4 4.78626V9.23201L9.87469 12.9037C10.3646 13.2099 11 12.8577 11 12.28V1.73827ZM9.3447 0.266573C10.5006 -0.455879 12 0.375151 12 1.73827V12.28C12 13.6431 10.5006 14.4741 9.3447 13.7517L3 9.78625V4.23201L9.3447 0.266573Z' fill='%231C4CBF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3979 1.63863C16.5932 1.8339 16.5932 2.15048 16.3979 2.34574L14.8536 3.89011C14.6583 4.08537 14.3417 4.08537 14.1464 3.89011C13.9512 3.69485 13.9512 3.37826 14.1464 3.183L15.6908 1.63863C15.8861 1.44337 16.2027 1.44337 16.3979 1.63863Z' fill='%231C4CBF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3979 11.7364C16.5932 11.5411 16.5932 11.2245 16.3979 11.0293L14.8536 9.48489C14.6583 9.28963 14.3417 9.28963 14.1464 9.48489C13.9512 9.68015 13.9512 9.99674 14.1464 10.192L15.6908 11.7364C15.8861 11.9316 16.2027 11.9316 16.3979 11.7364Z' fill='%231C4CBF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.0118 6.82702C18.0131 6.55088 17.7903 6.32596 17.5142 6.32465L15.2152 6.31374C14.9391 6.31243 14.7141 6.53522 14.7128 6.81136C14.7115 7.0875 14.9343 7.31241 15.2105 7.31373L17.5095 7.32464C17.7856 7.32595 18.0105 7.10316 18.0118 6.82702Z' fill='%231C4CBF'/%3E%3C/svg%3E") }

[class*=btn-] i:only-child{margin:0;}
.btn-menu,
.btn-xlg,
.btn-lg,
.btn-md, 
.btn-sm,
.btn-xsm{display:inline-flex;align-items: center;justify-content: center;padding:0 12px;border-radius:4px;white-space: nowrap;gap:6px;border:1px solid transparent;}
.btn-lg{height:48px;font-size:18px;min-width: 100px;line-height:48px;padding:0 24px;}
.btn-sm{height:40px; font-size:16px;line-height:40px;}
.btn-xsm{height:32px;font-size:15px;line-height:32px;min-width: 44px;}

[class*=btn]{border:1px solid transparent;}
[class*=btn]:disabled{opacity: 1;}
[class*=btn].btn-blue{background: var(--c-primary);border-color: #246BEB;  color:#fff;}
[class*=btn].btn-blue:hover{background-color: #1956B0;border-color: #1D56BC;}
[class*=btn].btn-blue:active{background-color: #16408D;border-color: #16408D;}
[class*=btn].btn-blue:disabled{background-color: #CDD1D5;border-color: #CDD1D5;}

[class*=btn].btn-white{background: #fff;border-color: #ADB5BD;  color:#343A40;}
[class*=btn].btn-white:hover{background:#F8F9FA;border-color:#868E96;}
[class*=btn].btn-white:active{background:#E9ECEF;border-color:#6C757D;}
[class*=btn].btn-white:disabled{background-color: #E6E8EA;border-color: #CDD1D5; color:#CDD1D5;}

[class*=btn].btn-blue-line{border: 1px solid var(--c-primary); color:var(--c-primary);background:#fff;}
[class*=btn].btn-blue-line:hover{background:#EBF0FF;}
[class*=btn].btn-blue-line:active{background:#D6E4FF;border-color:#1650A7;color:#1650A7;}
[class*=btn].btn-blue-line:disabled{background-color: #E6E8EA;border-color: #CDD1D5; color:#CDD1D5;}

[class*=btn].btn-bg-blue-line{background:#EBF0FF;border: 1px solid var(--c-primary); color:var(--c-primary);}
[class*=btn].btn-bg-blue-line:hover{background:#D6E4FF;}
[class*=btn].btn-bg-blue-line:active{background:#BDD3FF;border-color:#1650A7;color:#1650A7;}
[class*=btn].btn-bg-blue-line:disabled{background-color: #E6E8EA;border-color: #CDD1D5; color:#CDD1D5;}

[class*=btn].btn-noline-blue{ color:var(--c-primary);text-decoration: underline;gap:4px;}

.btn-line-link{font-weight:500;font-size:16px;line-height:1.6;color:#212529;text-decoration:underline;white-space:nowrap;}
.btn-line-link:hover{color:#1D62CA;}
@media (max-width:1024px){
    .btn-line-link{font-size:14px;}
}

.btn-filter{display:inline-flex;}

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

.loading-bar.selected{opacity:1;visibility:visible;}
.loading-bar .three-bounce{text-align:center;font-size:26px;position:relative;width:80px;pointer-events:none;}
.loading-bar .three-bounce > div{display:inline-block;width:18px;height:18px;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;/* Prevent first frame from flickering when animation starts */
}
.loading-bar .three-bounce .bounce1{-webkit-animation-delay: -0.32s;animation-delay: -0.32s;background:#1D56BC;}
.loading-bar .three-bounce .bounce2{-webkit-animation-delay: -0.16s;animation-delay: -0.16s;background:#1D56BC;}
.loading-bar .three-bounce .bounce3{background:#1D56BC;}

@-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);}}



/* tab */
.tab-type1{display:flex;align-items:center;gap:8px;margin-bottom:48px;}
.tab-type1 + *{margin-top:48px;}
.tab-type1 .tab{display:inline-flex;align-items:center;justify-content:center;border:1px solid #8E99A4;border-radius:999px;background:#fff;color:#495057;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .2s, border-color .2s, color .2s;}
.tab-type1 .tab.on{background:#1D62CA;border-color:#1D62CA;color:#fff;}
@media (min-width:1025px) {
    .tab-type1 .tab{height:40px;padding:0 24px;font-size:16px;}
    .tab-type1 .tab:hover{border-color:#1D62CA;color:#1D62CA;}
    .tab-type1 .tab.on:hover{background:#1650A7;border-color:#1650A7;color:#fff;}
}
@media (max-width:1024px) {
    .tab-type1{justify-content:center;gap:6px;}
    .tab-type1 + .data-list-util{margin-top:40px;}
    .tab-type1 .tab{height:36px;padding:0 16px;font-size:14px;}
    /* 탭 가로 스크롤 */
    .tab-type1{justify-content:flex-start;flex-wrap: wrap;overflow-x:auto;margin:0 -16px 24px;padding:0 16px;-ms-overflow-style:none;scrollbar-width:none;}
    .tab-type1::-webkit-scrollbar{display:none;}
    .tab-type1 .tab{flex-shrink:0;}    
}



/* tab-type2 — 세그먼트 탭 (제보/문의) */
.tab-type2{display:flex;align-items:stretch;width:100%;}
.tab-type2 + *{margin-top:48px;}
.tab-type2 .tab{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px 24px;border:0;background:#fff;font-family:inherit;font-size:18px;line-height:1.4;font-weight:500;color:#495057;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s, color .2s;}
.tab-type2 .tab.on{background:#212529;color:#fff;font-weight:700;}
.tab-type2 .tab:not(.on){border:1px solid #8E99A4;}
.tab-type2 .tab:first-child{border-radius:4px 0 0 4px;}
.tab-type2 .tab:last-child{border-radius:0 4px 4px 0;}
.tab-type2 .tab:not(.on):first-child{border-right:none;}
@media (min-width:1025px){
    .tab-type2 .tab{height:56px;}
    .tab-type2 .tab:not(.on):hover{background:#f9f9f9;}
}
@media (max-width:1024px){
    .tab-type2 + *{margin-top:40px;}
    .tab-type2 .tab{height:48px;font-size:15px;}
    .tab-type2 .tab.on{font-weight:500;}
    .tab-type2 .tab:not(.on){font-weight:400;line-height:1.5;}
}



.title-main-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;}
.title-main-wrap .tab-type1{margin-bottom:0;}
.title-main{letter-spacing:-0.5px; color:#212529;font-size:40px;font-weight:700;}
@media (max-width: 1300px) and (min-width: 1024px) {
    .title-main-wrap{padding-left:20px;padding-right:20px;}
}

@media all and (max-width:1024px){
    .title-main-wrap{flex-direction:column;align-items:stretch;gap:24px;margin-bottom:24px;}
    .title-main-wrap .tab-type1{justify-content:center;}
    .title-main{font-size:28px;text-align:center;}
}

* + .title-data-wrap{margin-top:40px;}
.title-data-wrap + *{margin-top:24px;}
.title-data-wrap{display:flex;align-items:center;flex-wrap: wrap;gap:16px;}
.title-data{letter-spacing: -1px;color: #111111;font-size: 20px;font-weight: 700;}
@media all and (max-width:1024px){
    .title-data-wrap + *{margin-top:20px;}
}

.select-ui { position: relative;  min-width: 100px;}
.select-ui .select-head {position:relative; display: inline-flex; align-items: center;width: 100%;gap: 8px;height: 40px; background: #FFFFFF; border: 1px solid #8A949E; border-radius: 5px;font-size:16px;}
.select-ui .select-head:after{content:'';display:block;width: 20px;height:20px;position:absolute;top:50%;right:16px; transform:translateY(-50%); 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='M5 7.5L10 13L15 7.5' stroke='%23343A40' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 100%;}
.select-ui .select-head button{width:100%; height:100%; white-space: nowrap;font-size:16px; padding: 0px 40px 0 16px; text-align:left;line-height:40px;}
.select-ui .select-head .placeholder {  color:#B1B8BE;}
.select-ui .select-head .selected {background: none; border: none; font-size: 16px; cursor: pointer; }
.select-ui.no-line{min-width: 0;}
.select-ui.no-line .select-head{border:none;height:24px;width:auto;padding-right:25px;position:relative;}
.select-ui.no-line .select-head button{display:inline-flex; line-height:24px;padding-left:0;padding-right:0;}
.select-ui.no-line .select-head .selected{color: #495057;font-weight: 600;font-size: 14px;}
.select-ui.no-line .select-head:after{position:absolute;top:2px;right:0; transform:translateY(0); content:'';display:block;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='M5 7.5L10 13L15 7.5' stroke='%23343A40' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A")}
.select-ui.focus .select-head{border-color: #1D56BC;}
.select-dropdown { position: absolute; background: #fff; border: 1px solid #8A949E; border-radius: 6px; z-index: 9999; box-shadow: 0 4px 12px rgba(0,0,0,0.1); max-height: 220px; overflow: auto; }
.select-dropdown ul { list-style: none; margin: 0; padding: 0; }
.select-dropdown li button { width: 100%; text-align: left; padding: 8px 14px; border: none; background: none; cursor: pointer;white-space: nowrap; font-size:15px;}
.select-dropdown li.selected button{ background: #EFF5FF; }
.select-dropdown li button:hover:not(:disabled) {color:#1D56BC}
.select-dropdown li button:disabled { color: #aaa; cursor: not-allowed; }

/* paging */
.pagination-wrap { display: flex; justify-content: center; align-items: center; margin-top:40px;}
.pagination-wrap .pagination { display: flex; gap: 4px; align-items: center; justify-content: center; }
.pagination-wrap .pagination .btn-first,
.pagination-wrap .pagination .btn-last,
.pagination-wrap .pagination .btn-next,
.pagination-wrap .pagination .btn-prev { width: 40px; height: 40px; border: none; background: transparent; border-radius: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
.pagination-wrap .pagination .btn-first: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%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.32885 16.4468C9.08254 16.7205 8.66101 16.7427 8.38734 16.4963L1.72068 10.4962C1.5802 10.3698 1.49999 10.1896 1.49999 10.0007C1.5 9.81166 1.58021 9.63155 1.72068 9.50513L8.38735 3.50513C8.66102 3.25882 9.08255 3.28101 9.32886 3.55468C9.57516 3.82835 9.55298 4.24988 9.2793 4.49619L3.16322 10.0007L9.27931 15.5053C9.55298 15.7516 9.57516 16.1731 9.32885 16.4468Z' fill='%23212529'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.3289 16.4468C17.0825 16.7205 16.661 16.7427 16.3873 16.4963L9.72068 10.4962C9.5802 10.3698 9.49999 10.1896 9.49999 10.0007C9.5 9.81166 9.58021 9.63155 9.72068 9.50513L16.3874 3.50513C16.661 3.25882 17.0826 3.28101 17.3289 3.55468C17.5752 3.82835 17.553 4.24988 17.2793 4.49619L11.1632 10.0007L17.2793 15.5053C17.553 15.7516 17.5752 16.1731 17.3289 16.4468Z' fill='%23212529'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}
.pagination-wrap .pagination .btn-last: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%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6711 16.4468C10.9175 16.7205 11.339 16.7427 11.6127 16.4963L18.2793 10.4962C18.4198 10.3698 18.5 10.1896 18.5 10.0007C18.5 9.81166 18.4198 9.63155 18.2793 9.50513L11.6126 3.50513C11.339 3.25882 10.9174 3.28101 10.6711 3.55468C10.4248 3.82835 10.447 4.24988 10.7207 4.49619L16.8368 10.0007L10.7207 15.5053C10.447 15.7516 10.4248 16.1731 10.6711 16.4468Z' fill='%23212529'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.67115 16.4468C2.91746 16.7205 3.33899 16.7427 3.61266 16.4963L10.2793 10.4962C10.4198 10.3698 10.5 10.1896 10.5 10.0007C10.5 9.81166 10.4198 9.63155 10.2793 9.50513L3.61265 3.50513C3.33898 3.25882 2.91745 3.28101 2.67114 3.55468C2.42484 3.82835 2.44702 4.24988 2.7207 4.49619L8.83678 10.0007L2.72069 15.5053C2.44702 15.7516 2.42484 16.1731 2.67115 16.4468Z' fill='%23212529'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}
.pagination-wrap .pagination .btn-prev: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%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9949 16.4468C12.7486 16.7205 12.327 16.7427 12.0534 16.4963L5.38669 10.4962C5.24622 10.3698 5.16601 10.1896 5.16601 10.0007C5.16601 9.81166 5.24623 9.63155 5.3867 9.50513L12.0534 3.50513C12.327 3.25882 12.7486 3.28101 12.9949 3.55468C13.2412 3.82835 13.219 4.24988 12.9453 4.49619L6.82923 10.0007L12.9453 15.5053C13.219 15.7516 13.2412 16.1731 12.9949 16.4468Z' fill='%23212529'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}
.pagination-wrap .pagination .btn-next: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%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.00512 16.4468C7.25142 16.7205 7.67295 16.7427 7.94662 16.4964L14.6133 10.4966C14.7538 10.3702 14.834 10.1901 14.834 10.0011C14.834 9.81209 14.7538 9.63198 14.6133 9.50555L7.94665 3.50514C7.67298 3.25883 7.25146 3.281 7.00514 3.55466C6.75883 3.82833 6.781 4.24986 7.05466 4.49617L13.1708 10.001L7.05469 15.5053C6.78101 15.7516 6.75882 16.1731 7.00512 16.4468Z' fill='%23212529'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}
.pagination-wrap .pagination ul { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; align-items: center; }
.pagination-wrap .pagination ul li { width: 40px; height: 40px; border-radius: 5px; background: transparent; }
.pagination-wrap .pagination ul li button { width: 100%; height: 100%; border: none; background: transparent;border-radius:100%; font-size: 16px; line-height: 1.5; letter-spacing: -0.1px; color: #000000; cursor: pointer; transition: background-color 0.2s; }
.pagination-wrap .pagination ul .on { background: #1650A7; border-radius: 50%; }
.pagination-wrap .pagination ul .on button { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; line-height: 1.4; color: #ffffff; font-weight: 700; border-radius: 50%; }
.pagination-wrap .pagination .btn-next { width: 40px; height: 40px; border: none; background: transparent; border-radius: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
.pagination-wrap .pagination .btn-first:disabled,
.pagination-wrap .pagination .btn-last:disabled,
.pagination-wrap .pagination .btn-prev:disabled,
.pagination-wrap .pagination .btn-next:disabled { cursor: default; pointer-events: none; }
.pagination-wrap .pagination .btn-first:disabled:after,
.pagination-wrap .pagination .btn-last:disabled:after,
.pagination-wrap .pagination .btn-prev:disabled:after,
.pagination-wrap .pagination .btn-next:disabled:after { opacity: 0.2; }
.pagination-wrap .pagination ul li button:disabled { cursor: default; pointer-events: none; opacity: 0.3; }
@media all and (min-width:1025px){
  .pagination-wrap .pagination ul li button:hover { background: rgba(0, 54, 117, 0.1); }
  .desktop-width-override{min-width: 720px !important;}
  .desktop-width-override-section{min-width: 1280px !important;}
}
@media all and (max-width:1024px){
    .pagination-wrap { margin-top:1.875rem;}
    .pagination-wrap .pagination { gap: 0.125rem; }
    .pagination-wrap .pagination .btn-first:after,
    .pagination-wrap .pagination .btn-last:after,
    .pagination-wrap .pagination .btn-prev:after,
    .pagination-wrap .pagination .btn-next:after{width: 1.125rem;height:1.125rem;}
    .pagination-wrap .pagination ul { gap: 0.125rem }
    .pagination-wrap .pagination ul li { width: 2.25rem; height: 2.25rem; border-radius: 0.3125rem; }
    .pagination-wrap .pagination ul li button {font-size: 0.9375rem; border-radius: 0.3125rem; }
    .pagination-wrap .pagination .btn-first,
    .pagination-wrap .pagination .btn-last,
    .pagination-wrap .pagination .btn-prev,
    .pagination-wrap .pagination .btn-next { width: 2.25rem; height: 2.25rem; border-radius: 0.3125rem; }
}

/* popup */
.popup-wrap{display:none; position:fixed;top:0;left:0;width: 100%;height:100%;z-index: 500;}
.popup-wrap .dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2a2a2a; opacity: 0.7; touch-action: none;}
.popup-wrap .pop-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.popup-wrap .pop-wrap .popup {display:flex;flex-direction: column;max-width: 90vw; width: 800px; border-radius: 10px; background: #fff;  max-height: 90vh;}
.popup-wrap .ico-x,
.popup-wrap .ico-close { width: 32px;height:32px;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='M3.98975 3.98926L16.0106 16.0101' stroke='%232D2D2D' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M16.0103 3.98926L3.98944 16.0101' stroke='%232D2D2D' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size: 20px 20px !important;}
.popup-wrap .pop-header { position: relative; min-height: 65px;padding:1px 32px 0 32px; display: flex; align-items: center; border-bottom:1px solid #DEE2E6;}
.popup-wrap .pop-header .right { margin-left: auto; }
.popup-wrap .btn-x,
.popup-wrap .btn-close,
.popup-wrap .pop-header [class*=btn-] { height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; }
.popup-wrap .pop-header .title {position:initial; font-size: 18px; font-weight: 700; color: #212529; display: block; flex: 1; }
.popup-wrap .pop-body {height:auto !important;padding:32px;overflow-x: hidden; overflow-y: auto;}
.popup-wrap .pop-body:last-child {padding-bottom:40px;}
.popup-wrap .pop-body > *:first-child{margin-top:0 !important;}
.popup-wrap .pop-body .pop-confirm{display:flex;flex-direction: column;text-align:center;}
.popup-wrap .pop-body .pop-confirm .confirm-title{font-size:20px;font-weight:700; color:#212529;line-height:1.4;padding-bottom:16px;}
.popup-wrap .pop-body .pop-confirm .confirm-text{font-size:16px;font-weight:400; color:#495057;line-height:1.6;}


.popup-wrap .pop-footer { position: relative; padding:16px 32px 24px;}
.popup-wrap .pop-footer.line-t{border-top:1px solid #DEE2E6;}
.popup-wrap .pop-footer .btn-wrap{gap:8px;display:flex;justify-content:center;align-items:center;}
.popup-wrap .pop-footer .btn-wrap [class*=btn-]{min-width: 82px;border-radius:6px;}
.popup-wrap .pop-footer .btn-wrap .right{margin-left:auto;display:flex;align-items:center;gap:10px;}
.popup-wrap .pop-footer .btn-wrap [class*=btn].btn-blue{background:var(--c-primary);}
.popup-wrap .pop-footer * + .btn-wrap{margin-top:20px;}

.popup-wrap .title-article{font-size:24px;}

@media all and (max-width:1024px){
    .popup-wrap .pop-header{padding-left:20px;padding-right:20px;}
    .popup-wrap .pop-body{padding:20px;}
    .popup-wrap .pop-body .pop-confirm .confirm-title{font-size:18px;}
    .popup-wrap .pop-body .pop-confirm .confirm-text{font-size:15px;}
}

.alert-popup { display: none; position: fixed; top: 0; left:0; width: 100%; height: 100%; z-index: 500; }
.alert-popup .dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2a2a2a; opacity: 0.7;  touch-action: none;}
.alert-popup .popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);display:flex;flex-direction:column;gap:40px;box-sizing:border-box;width:400px;max-width:calc(100vw - 40px);padding:32px 20px;background:#fff;border:0;border-radius:8px;}
.alert-popup .popup .pop-body{width:100%;}
.alert-popup .popup .pop-body .alert-txt{display:flex;flex-direction:column;align-items:center;width:100%;padding:0;text-align:center;color:#495057;}
.alert-popup .popup .pop-body .alert-tit{display:block;width:100%;margin:0 0 16px;font-weight:700;font-size:20px;line-height:1.4;color:#212529;text-align:center;}
.alert-popup .popup .pop-body .alert-txt p{margin:0;font-weight:350;font-size:16px;line-height:1.6;color:#495057;text-align:center;}
.alert-popup .popup .pop-body .alert-txt[class*=st-ic-]{gap:16px;padding:0;}
.alert-popup .popup .pop-body .alert-txt[class*=st-ic-]:before{content:'';display:block;width:32px;height:32px;border-radius:100%;background-repeat:no-repeat;background-position:50% 50%;}
.alert-popup .popup .pop-footer{width:100%;}
.alert-popup .popup .pop-footer .btn-wrap{display:flex;justify-content:flex-end;gap:10px;width:100%;}
.alert-popup .popup .pop-footer .btn-wrap .btn-alert{display:inline-flex;align-items:center;justify-content:center;min-width:auto;width:auto;height:48px;padding:0 24px;border-radius:4px;font-family:inherit;font-weight:350;font-size:18px;line-height:1.6;cursor:pointer;}
.alert-popup .popup .pop-footer .btn-wrap .btn-alert.st-line{background:#fff;border:1px solid #8E99A4;color:#343A40;}
.alert-popup .popup .pop-footer .btn-wrap .btn-alert.st-line:hover{border-color:#646B73;}
.alert-popup .popup .pop-footer .btn-wrap .btn-alert.st-primary{background:#1D62CA;border:1px solid #1D62CA;color:#fff;}
.alert-popup .popup .pop-footer .btn-wrap .btn-alert.st-primary:hover{background:#1956B0;border-color:#1956B0;}