/* ===== 표준(default) CMS 스킨 ===== */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'Joseon100Years';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/ChosunCentennial.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-size:100%;
	padding:0;
    margin:0;
    border:0;
    vertical-align:top;
    line-height:135%;
    letter-spacing:-0.2px;
    font-style: normal;
    font-weight:400
}

html {scroll-behavior:smooth; overflow-x: hidden;}
body {color:var(--gray1);font-size:16px;font-family:'Pretendard', sans-serif;word-break:keep-all;}
address {font-style:normal;}
a {display:block;}
a:link, a:visited, a:active, a:hover {color:var(--gray1);text-decoration:none;}
b {font-weight: 700; vertical-align: baseline;}

html, body {height:100%;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}

form {width:100%;box-sizing:border-box;}
input, select {vertical-align:middle;}
input:not([type=radio],[type=checkbox]), select, textarea {color:var(--gray2);font-size:1rem;font-weight:400;font-family:'pretendard', sans-serif;vertical-align:middle;padding:0 1rem;margin:0;border:1px solid var(--gray7);border-radius:5rem;background-color:#fff;box-sizing:border-box;transition:0.2s; height: 48px;}
select {cursor:pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url('../image/icon/Caret_Down_MD.svg') calc(100% - 1rem) center / 24px no-repeat;}

textarea {padding:0.875rem 1rem; resize:none; height: auto; border-radius: 1.5rem; width: 100%; min-height: 160px;}
input:not([type=radio],[type=checkbox]):hover, select:hover, textarea:hover {border:1px solid var(--color1); transition: 0.15s ease;}
input:not([type=radio],[type=checkbox]):focus, select:focus, textarea:focus {color:var(--gray1);border:1px solid var(--color1);outline:1px solid var(--color1);}
button {font-family:'pretendard', sans-serif;padding:0;margin:0;border:0;border-radius:0;background:transparent;appearance:none;box-shadow:none;cursor:pointer;}

input[type=checkbox], input[type=radio] {width:15px;height:15px;margin:0 8px 0 0;border:1px solid var(--gray6);background-color:#fff;appearance:none;cursor:pointer;}
input[type=checkbox]:focus, input[type=radio]:focus {outline:5px solid var(--bg3);}
input[type=checkbox] {border-radius:100%;}
input[type=checkbox]:checked {border:4px solid var(--color1);}
input[type=radio] {border-radius:5rem;}
input[type=radio]:checked {border:4px solid var(--color1);}
input[type=file] {border:none; border-radius: 0;}
input[type=file]:hover {border:none;}

::placeholder {color:var(--gray3);}
::-webkit-input-placeholder {color:var(--gray3);}
::-ms-input-placeholder {color:var(--gray3);}

img { border:none;vertical-align:top; max-width: 100%;}

::selection {color:#fff;background-color:var(--color2);}
svg {
  shape-rendering: geometricPrecision; 
  image-rendering: -webkit-optimize-contrast;
}

.clearfix:after {content:"";display:block;clear:both;}
.site-wrap {height:100%;}
.hidden {position:absolute;top:-99999px;left:-99999px;color:transparent;font-size:0;width:0;height:0;line-height:0;}


li.dot {position: relative; padding-left: 1.25rem; position: relative;}
li.dot::before {position: absolute; left: 0; top:7px; content: ''; width: 8px; height: 8px; background: var(--color1);border-radius: 100%; opacity: 0.5;}
li.dot::after {position: absolute; left: 7px; top:7px; content: ''; width: 8px; height: 8px; background: var(--color1);border-radius: 100%; opacity: 0.7;}
li.dash {position: relative; padding-left: 1rem; position: relative;}
li.dash::before {position: absolute; left: 0; top:0px; content: '-';}
li.dot+li.dot, li.dash+li.dash {margin-top: .3rem;}
li.dot > ul {margin-top: .5rem;}


/* 스킵메뉴 */
#skip_menu {position:absolute;width:300px;z-index:9999;}
#skip_menu a {position:absolute;top:-100px;}
#skip_menu a:hover,
#skip_menu a:active,
#skip_menu a:focus {position:absolute;top:0;width:300px;height:20px;display:block;color:#fff;font-size:16px;font-weight:700;text-align:center;background-color:#333;}

/* 스크롤바 */
::-webkit-scrollbar {width: 6px; height: 6px;}
::-webkit-scrollbar-thumb {background: #cacaca;border-radius: 10px;}
::-webkit-scrollbar-track {background: #fff;}


:root {
    --color1:#F26A21;
    --color2:#e74961;
    --color3:#b94a88;
    --color4:#795492;
    --color5:#41537d;
    --color6:#2f4858;
    --gray1:#111111;
    --gray2:#333;
    --gray3:#555;
    --gray4:#767676;
    --gray5:#999;
    --gray6:#b2b2b2;
    --gray7:#d9d9d9;
    --gray8:#e9e9e9;
    --bg1:#f9f9f9;
    --bg2:#F7F8FA;
    --bg3:#F5F6F7;
    --bg4:#F2F2F2;
    --gra:linear-gradient(to right, #F26A21 0%, #cd4800 100%);
    --gra2:180deg, #F26A21 0%, #cd4800 100%;
    --inner:1440px;
    --font-one:'Paperozi';
    --border-l:32px;
    --border-m:24px;
    --border-s:12px;
    --shadow:0 4px 12px rgba(0, 0, 0, 0.05);
    --sub-inner:1280px;
}
.font-color1{color: var(--color1);}
.font-color2{color: var(--color2);}
.font-color3{color: var(--color3);}
.font-color4{color: var(--color4);}
.font-color5{color: var(--color5);}
.font-color6{color: var(--color6);}

/* label */
/* .label {padding: 4px 6px; font-size: 13px; color: #fff; font-weight: 500; display: inline-block;}
.label.color1 {background-color: var(--color1);}
.label.color2 {background-color: var(--color2);}
.label.color3 {background-color: var(--color3);}
.label.color4 {background-color: var(--color4);}
.label.color5 {background-color: var(--color5);}
.label.color6 {background-color: var(--color6);} */

/* flex-area */
.flex{display: flex;}
.flex-row{display: flex; flex-wrap: wrap;}
.flex-col{display: flex; flex-direction: column; align-items: flex-start;}
.gap4 {gap: 4px;}
.gap8 {gap: 8px;}
.gap12 {gap: 12px;}
.gap16 {gap: 16px;}

.pc-none {display: none !important;}
.m-none {display: block !important;}
.inner {margin: 0 auto; max-width: var(--inner);}

/* table */
table caption {position:absolute;top:-99999px;left:-99999px;color:transparent;font-size:0;width:0;height:0;line-height:0;}
.tbl-wr {margin-bottom: 1.5rem;}
.tbl-wr table {width: 100%; border-top: 2px solid #000;}
.tbl-wr table th {font-weight: 700; background: var(--bg1);}
.tbl-wr table th, .tbl-wr table td {padding: 14px 10px; box-sizing: border-box; text-align: center; border-bottom: 1px solid var(--gray8); vertical-align: middle;}
.tbl-wr table td {background: #fff;}
.tbl-wr table td.tit {font-weight: 700;}
.tbl-wr table th.txt-l, .tbl-wr table td.txt-l {text-align: left;}
.tbl-wr table th.border-r, .tbl-wr table td.border-r {border-right:1px solid var(--gray8)}
.tbl-wr table ul li.dots {text-align: left; padding-left: .75rem; position: relative;}
.tbl-wr table ul li.dots::after {position: absolute; content: ''; left: 0; top: 7px; width: 5px; height: 5px; background-color: var(--color1); border-radius: 100%;}
.tbl-wr table ul li.dots+li.dots {margin-top: .5rem;}
.tbl-wr table .label {font-weight: 500; text-align: center; font-size: .875rem; padding: 4px 12px; border-radius: var(--border-s);}
.tbl-wr table .label.color1 {color: var(--color1); background: #fff5f4;}

/* btn */
.btn {display:inline-flex;justify-content:center;align-items:center;gap:1rem;height:48px;padding:0 1.75rem;border:1px solid transparent;border-radius:5rem;box-sizing:border-box;transition:0.3s; font-size: 1rem; font-weight: 500;}
.btn.btn-primary {color:#111;background-color:var(--bg3); border: 0;}
.btn.btn-primary:hover {background-color: var(--gray8);}
.btn.btn-border {color: #555; border: 1px solid var(--gray8);}
.btn.btn-border:hover {background-color: var(--gray8);}
.btn.btn-color1 {color:#fff;background-color:var(--color1);}
.btn.btn-color1:hover {background-color: var(--color2);}
.btn.btn-color1.bd {color:var(--color1); background-color:#fff; border:1px solid var(--color1);}
.btn.btn-color1.bd:hover {background-color: var(--color1); color: #fff;}
.btn.btn-color2 {color:#fff;background-color:var(--color2);}
.btn.btn-color2:hover {background-color: var(--color2);}
.btn.btn-gra {color:#fff;background:linear-gradient(var(--gra));}
.btn.btn-color2:hover {background-color: var(--gray8); color: var(--color1);}
.btn.btn-gray {background: var(--bg3);}
.btn.btn-gray:hover {background: var(--gray8);}
a.btn-arrow {font-weight: 500; border: 1px solid var(--bg3); border-radius: var(--border-m);line-height: 48px; height:48px; padding:0 3rem 0 1.25rem; position: relative; transition: 0.15s ease; display: inline-block; background: var(--bg3);}
a.btn-arrow::after {position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); background: url(../image/icon/Arrow_Right_SM.svg) no-repeat; width: 22px; height: 22px; content: ''; background-size: cover;}
a.btn-arrow:hover {background: var(--gray8);}
a.btn-arrow-wh {color: #fff;font-weight: 500; border: 1px solid #fff; border-radius: var(--border-m); line-height: 48px; height:48px; padding:0 3rem 0 1.25rem; position: relative; transition: 0.15s ease; display: inline-block; background: rgba(255,255,255,0.1);}
a.btn-arrow-wh::after {position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); background: url(../image/icon/Arrow_Right_SM_wh.svg) no-repeat; width: 22px; height: 22px; content: ''; background-size: cover;}
a.btn-arrow-wh:hover {background: var(--color1);}
a.btn-arrow-color1 {color: #fff;font-weight: 500; border: 1px solid var(--color1); border-radius: var(--border-m); line-height: 48px; height:48px; padding:0 3rem 0 1.25rem; position: relative; transition: 0.15s ease; display: inline-block; background: var(--color1);}
a.btn-arrow-color1::after {position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); background: url(../image/icon/Arrow_Right_SM_wh.svg) no-repeat; width: 22px; height: 22px; content: ''; background-size: cover;}
a.btn-arrow-color1:hover {background: var(--color2);}
a.file {font-weight: 500; border: 1px solid var(--gray8); border-radius: var(--border-m); line-height: 48px; height:48px; padding:0 3rem 0 1.25rem; position: relative; transition: 0.15s ease; display: inline-block;}
a.file::after {position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); background: url(../image/icon/Paperclip_Attechment_Tilt.svg) no-repeat; width: 22px; height: 22px; content: ''; background-size: cover;}
a.file:hover {background: var(--bg3);}
a.link {font-weight: 500; padding-right: 1.5rem; position: relative; color: #333; display: inline-block; border-bottom: 2px solid #333;}
a.link::after {position: absolute; right: 0rem; top: 50%; transform: translateY(-50%); background: url(../image/icon/External_Link.svg) no-repeat; width: 22px; height: 22px; content: ''; background-size: cover;}

/* 탭 */
.tab-wr {margin-bottom: 1.25rem;}
.tab-wr ul {display: flex; gap: 3rem;}
.tab-wr ul li {text-align: center; transition: 0.15s ease; position: relative;}
.tab-wr ul li+li::after {position: absolute; left: -1.5rem; width: 1px; height: 16px; background: var(--gray7); content: ''; top: 5px;}
.tab-wr ul li a {font-weight: 500; color: var(--gray3); font-size: 1.25rem; position: relative;}
.tab-wr ul li a::after {position: absolute; bottom: -6px; left: 0; background: #fff; height: 3px; width: 100%; content: '';}
.tab-wr ul li.on a { color: var(--color1); font-weight: 700;}
.tab-wr ul li.on a::after {background: var(--color1);}
.tab-wr ul li:hover a{color: var(--color1);}
.tab-cont.on {display: block;}
.tab-cont {display: none; min-height: 500px;}


/* 모달 */
.modal-overlay {opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5); z-index: 9999; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);transition: opacity 0.3s ease, visibility 0.3s ease;}.modal-overlay.active {opacity: 1;visibility: visible;}
.modal-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -45%);background: #fff; padding: 30px 20px; width: 90%; max-width: 350px; text-align: center; border-radius: 20px; box-sizing: border-box;border: 1.5px solid transparent;background-image: linear-gradient(#fff, #fff), linear-gradient(var(--gra));background-origin: border-box; background-clip: padding-box, border-box;box-shadow: 0 20px 40px rgba(0,0,0,0.15);opacity: 0;transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); height: auto;}
.modal-overlay.active .modal-content {opacity: 1; transform: translate(-50%, -50%);}
.modal-title { margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #333; }.modal-text { font-size: 15px; color: #666; line-height: 1.5; margin-bottom: 20px; }.modal-close {width: 100%; padding: 12px; border: none; border-radius: 12px;background: linear-gradient(var(--gra));color: #fff; font-size: 16px; font-weight: 600; cursor: pointer;transition: opacity 0.2s;}.modal-close:active { opacity: 0.8; }


.noData {border: 1px solid var(--gray8); padding:4rem 2rem; text-align: center; font-family: var(--font-one); font-size: 1.25rem; font-weight: 400;}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0;}

.sub-inner {max-width: var(--sub-inner); margin: 0 auto; width: 96%;}

@media (max-width:1440px) { 
    :root {
        --inner:calc(100% - 40px)
    }
}
@media (max-width:1280px) {
    .pc-none {display: block !important;}
    .m-none {display: none !important;}

    :root {
        --sub-inner:calc(100% - 40px)
    }

}
@media (max-width:1024px) {
    body {font-size: 14px;}
    :root {
        --border-l:16px;
        --border-m:12px;
        --border-s:8px;
    }
    input:not([type=radio],[type=checkbox]), select, textarea,.btn {height: 42px; font-size: 0.875rem;}
    .btn {padding: 0 0.75rem; height: 42px; font-size: 0.875rem;}
    a.btn-arrow, a.btn-arrow-wh, a.btn-arrow-color1 {height: 42px; padding-left: 0.75rem; font-size: 0.875rem; line-height: 42px;}
    li.dot, li.dash {font-size: 0.875rem; padding-left: 1rem; }
    li.dot::before {width: 6px; height: 6px;}
    li.dot::after {width: 6px; height: 6px; left: 6px;}
    li.dot+li.dot, li.dash+li.dash {margin-top: .3rem;}
    a.arrow, a.file {font-weight: 500; border: 1px solid var(--gray8); border-radius: var(--border-m); padding: .75rem; padding-right: 2.25rem;}
    a.arrow::after, a.file::after {width: 20px; height: 20px; right: .75rem;}
    .tbl-wr {margin-bottom: 1rem; overflow-x: scroll;}
    .tbl-wr table {min-width: 768px;}
    .tbl-wr table th, .tbl-wr table td {padding: 8px;}

    .noData {font-size: 0.875rem;}

}

@media (max-width:480px) {
   textarea { padding: 0.75rem 1rem;}
}