@charset "utf-8";
/*Default set*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { font-family: 'poppins-Regular', 'NanumSquareR', 'Pretendard-Medium', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', 'dotum', sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-text-size-adjust: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; height: 100%; min-height: 100%; }
body { height: 100%; min-height: 100%; margin: 0; padding: 0; font-weight: normal; position: relative; word-wrap: break-word; word-break: break-all; /*-webkit-user-select: none;*/ -webkit-text-size-adjust: none; color: #121212; }
body, input, select, button, table, textarea, pre { font-size: 1.1rem; line-height: 1.25rem; font-family: inherit; }
input, select { touch-action: none }
p, ul, li, table, th, td, fieldset, legend, input, button, select, form, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; word-break: keep-all; font-weight: normal }
form, fieldset, img { border: 0 none }
table { width: 100%; border-collapse: collapse; border: 0; border-spacing: 0 }
th, td { border: 0; padding: 0 }
hr { display: none }
em, var, address { font-style: normal }
abbr { border: 0 none; text-decoration: none }
caption { overflow: hidden; width: 0; height: 0; text-indent: -99999px; font-size: 0; line-height: 0; }
legend { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }
img, fieldset, button { border: 0 none }
ul li { list-style: none outside }
ol li { list-style: decimal; margin-left: 18px }
img { vertical-align: middle }
i { font-style: normal; }
button { background-color: #f1f1f1; color: #606060; overflow: visible; margin: 0; padding: 0; border: none; background: 0; vertical-align: middle; cursor: pointer }
fieldset { margin: 0; padding: 0; border: none }
figure { margin: 0; padding: 0; }
legend { visibility: hidden; position: absolute; top: -1000px; left: -1000px; height: 0; font-size: 0; line-height: 0 }
label { display: inline-block; width: auto; height: 100% }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
 button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
table { width: 100%; border-collapse: collapse; border: 0; border-spacing: 0; table-layout: fixed; }
th { border: 0; text-align: center }
td { border: 0 }
*, *:before, *:after { }
input[type=checkbox] { -webkit-border-radius: 0; }
input[type=text], input[type=password], button { -webkit-appearance: none; -webkit-text-size-adjust: none }
input[type=text], input[type=password], input[type=number], input[type=email], input[type=date], input[type=tel] { width: 100%;  background-color: #fff; vertical-align: middle; line-height: 140%; padding: 7px 10px 6px; white-space: nowrap; text-overflow: ellipsis; -webkit-appearance: none; border-radius: 0; box-shadow:none}
input[type=text]:only-child, input[type=password]:only-child, input[type=number]:only-child, input[type=search]:only-child, select:only-child, input[type=month]:only-child, input[type=date]:only-child, input[type=datetime]:only-child, input[type=datetime-local]:only-child, input[type=time]:only-child { width: 100% }
input[type=date] { width: 100%; padding: 7px 10px 5px; border: 1px solid #e8e8e8; border-radius: 6px; background-color: #fff; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -webkit-appearance: none; }
input[type=checkbox], input[type=radio] { margin: 0; border: 0; vertical-align: middle }
input[type=checkbox] { width: 24px; height: 24px; margin-right: 8px; border: 1px solid rgba(0,0,0,.1); background: #fff url(../images/common/input-unchecked.svg) no-repeat center center; -webkit-appearance: none }
input[type=checkbox]:checked { background: #0678D3 url(../images/common/checkbox_checked.svg) no-repeat center center; -webkit-background-size: 100% auto; border: none }
input[type=radio] { width: 24px; height: 24px; border: 1px solid rgba(0,0,0,.1); border-radius: 100%; background: #fff url(../images/common/input-unchecked.svg) no-repeat center center; -webkit-appearance: none; position: relative; top: -1px }
input[type=radio]:checked { background: #fff url(../images/common/radio_checked.svg) no-repeat center center; -webkit-background-size: 100% auto; border: 1px solid #0678D3; }
input:disabled[type=checkbox], input:disabled[type=radio] { border: 1px solid rgba(0,0,0,.2); background: #eee; -webkit-appearance: none }
input:disabled[type=checkbox] + span, input:disabled[type=radio] + span { color: #ccc }
/**/
input[type=radio].check { width: 24px; height: 24px; border: 1px solid rgba(0,0,0,.1); border-radius: 100%; background: #fff; -webkit-appearance: none; position: relative; top: -1px }
input[type=radio].check:checked { background: #0678D3 url(../images/common/checkbox_checked.svg) no-repeat center center; -webkit-background-size: 100% auto; border: 1px solid #0678D3; }
input:disabled[type=radio].check { border: 1px solid rgba(0,0,0,.2); background: #eee; -webkit-appearance: none }
input:disabled[type=radio].check + span { color: #ccc }
/**/
pre { line-height: 170%; font-family: inherit; white-space: pre-wrap; word-break: break-all; overflow: auto; }
/* 체크박스 */
.check_style { display: flex; align-items: center }
.check_style input[type="checkbox"] { float: left; }
.check_style input[type="checkbox"] + label { float: left; width: auto; height: auto; display: inline-block; position: relative; cursor: pointer; padding: 0; margin: 0; line-height: 170%; color: #121212; }
.check_style span > em { color: #99ad00 }
/* 라디오박스 */
.radio_style { display: flex; align-items: center }
.radio_style input[type="radio"] { float: left; margin-right: 8px }
.radio_style input[type="radio"] + label { float: left; width: auto; height: auto; display: inline-block; position: relative; cursor: pointer; padding: 0; margin: 0; line-height: 170%; color: #121212; }
.radio_style span > em { color: #99ad00 }
input[type=file] { border: 1px solid #ccc; }
input[readonly^=readonly] { background: #f3f3f3 }
input[type=number] { }
input[type=number]::-webkit-outer-spin-button {
display: none
}
article, section { display: block; margin: 0; padding: 0; height: 100%; }
/*
 input::-webkit-input-placeholder {
color: #666; font-size: clamp(1.2rem, 6vw, 2.6rem);
}
*/
::placeholder {
 color: #d0d0d0;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #d0d0d0;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #d0d0d0;
}
*:focus { outline: none; }
input[type=password] { font-family: 'Pretendard-Medium'; } /*나눔고딕에는패스워드폰트가없습니다.*/
input:focus { outline: none; }
select:focus { outline: none; }
textarea:focus { outline: none; }
textarea { font-family: inherit; overflow: auto; width: 100%; border: none; border-bottom: 1px solid #e5e7ea; background-color: #fff; vertical-align: middle; line-height: 140%; padding: 6px 10px; background: 0; resize: none; }
pre { width: 100% }
a { text-decoration: none; color: #121212; }
/*a:focus { outline: 0; }*/
a:active { outline: 0; }
a:hover { outline: 0; -webkit-tap-highlight-color: transparent; }
/*pc단독패치*/
@media (hover: hover) {
a:hover { }
}
/*******************************************/
.sbtn { display: flex; align-items: center; }
select { font-size: 17px; min-width: 100px; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 2px 20px 2px 10px; background-color: #fff; background-image: url(../images/common/arrow_down.svg); background-position: right center; background-repeat: no-repeat; height: 41px; border: none; border-bottom: 1px solid #ebebeb; text-align: left; }
.select { font-size: 18px; overflow: hidden; border: none; border-bottom: 1px solid #e5e7ea; background-color: #fff; background-image: url(../images/common/arrow_down.svg); background-position: center right; background-size: 22px auto !important; background-repeat: no-repeat; line-height: 140%; padding: 8px 28px 8px 10px; vertical-align: middle; white-space: nowrap; -webkit-background-size: 18px auto; text-overflow: ellipsis; -webkit-appearance: none; }
.select:disabled { color: rgba(57, 61, 67, 0.3) }
.select:only-child { width: 100% }
.select option { color: #333; padding: 6px }
input[type="date"]::before { content: attr(data-placeholder); width: 100% }
input[type="date"]:focus::before, input[type="date"]:valid::before {
display:none
}
 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
transition: background-color 5000s;
-webkit-text-fill-color: #121212 !important;
}
/*파일찾기*/
.filebox { float: left; width: 100%; margin-bottom: 5px }
.filebox input[type="file"] { float: left; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.filebox .upload-name { float: left; width: calc(100% - 128px); margin-right: 0; display: inline-block; vertical-align: middle; height: 60px; padding: 0 10px; border: 1px solid #ebebeb; background-color: #EDEFF1; text-align: left; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.filebox label { float: left; display: flex; align-items: center; color: #555; background-color: #fff; cursor: pointer; height: 60px; border: 1px solid #dddcdc; padding: 0 30px; font-size: 17px; }
.filebox label:hover { background-color: #f5f5f5; }
.filebox .upload-display { float: left; width: 100%; display: inline-block; margin: 0 5px 5px 0 }
.filebox .upload-thumb-wrap { /* 추가될 이미지를 감싸는 요소 */ display: inline-block; padding: 2px; vertical-align: middle; border: 1px solid #ddd; background-color: #fff; }
.filebox .upload-display img { /* 추가될 이미지 */ display: block; max-width: 150px; min-width: 16px; max-height: 50px; width: 100% \9; height: auto; }
.fileComment .comment { display: inline-block; width: 100%; text-align: left; padding: 20px 0; color: #BDC1C6; font-size: 17px }
.fileComment .comment > em { color: #999; display: inline-block; float: left; height: 36px; line-height: 150%; }
.fileComment .comment > em::after { content: "|"; color: #ddd; margin: 0 10px; }
.fileComment .comment > span { float: left; display: inline-block; line-height: 150%; }
.fileComment .fileUrl { float: left; width: 100%; font-size: 14px; margin-bottom: 3px }
.fileComment .small.button { padding: 4px 10px; font-size: 13px; border: 1px solid #dddcdc; }
/*토글버튼*/
.toggle-switch input[type=checkbox] { display: none; }
.toggle-track { display: inline-block; position: relative; width: 60px; height: 24px; border-radius: 60px; background: #8b8b8b; }
.toggle-track:before { content: ''; display: block; position: absolute; top: -3px; left: -3px; width: 18px; height: 18px; margin: 5px; background: #fff; border-radius: 100%; border: 1px solid #8b8b8b; transition: left 0.1s; }
.toggle-switch input[type=checkbox] + label .toggle-track:after { content: 'OFF'; display: inline-block; position: absolute; right: 9px; top: 4px; color: #fff; font-size: 13px; }
.toggle-switch input[type=checkbox]:checked + label .toggle-track { background: #e51836; }
.toggle-switch input[type=checkbox]:checked + label .toggle-track:before { left: 33px; border: 1px solid #e51737; }
.toggle-switch input[type=checkbox]:checked + label .toggle-track:after { content: 'ON'; left: 9px; }
/*캘린더*/
/*.ui-widget-content::before { content: ""; width: 100%; height: 100vh; position: absolute; top:0; left:0; background: rgba(0,0,0,.2); z-index: 0}*/

.ui-datepicker { min-width: 264px; background: #fff; border: 1px solid #ccc !important; box-shadow: 0 0 800px rgba(0, 0, 0, .2); display: none; border-radius: 4px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 16px 20px; z-index: 99999 !important; left: auto !important; margin: 4px 20px }
.ui-datepicker { background: #fff; z-index: 99999 !important }
.ui-datepicker-header { line-height: 46px; margin: 0 0 12px; text-align: center; position: relative; font-weight: 500; color: #000; font-size: 18px }
.ui-datepicker-header .ui-corner-all { position: absolute; width: 20px; height: 20px; text-indent: -9999px; top: 8px; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 100%; }
.ui-datepicker-prev { margin-top: -6px; left: 8px; padding: 16px; border-radius: 3px; background: url("../images/common/icon_arrow_blk_s_toL.png") center center no-repeat; }
.ui-datepicker-prev:active { background: #fff url("../images/common/icon_arrow_blk_s_toL.png") center center no-repeat; box-shadow: none }
.ui-datepicker-next { margin-top: -6px; right: 8px; padding: 16px; border-radius: 3px; background: url(../images/common/icon_arrow_blk_s_toR.png) center center no-repeat; }
.ui-datepicker-next:active { background: #fff url("../images/common/icon_arrow_blk_s_toR.png") center center no-repeat; box-shadow: none }
.ui-datepicker-calendar { width: 100% }
.ui-datepicker-calendar { border-collapse: separate; border-spacing: 0 3px }
.ui-datepicker-calendar th, .ui-datepicker-calendar td { text-align: center; border-bottom: 1px solid #fff; width: 14.2%; height: 33px; font-size: 17px; line-height: 35px; }
.ui-datepicker-calendar tr:last-child th, .ui-datepicker-calendar tr:last-child td { border-bottom: 0 none; }
.ui-datepicker-calendar th span, .ui-datepicker-calendar td span, .ui-datepicker-calendar th a, .ui-datepicker-calendar td a { display: inline-block; line-height: 36px; border-radius: 100%; width: 33px; height: 33px; }
.ui-state-default { border-radius: 100%; width: 33px; height: 33px; margin: 0 auto }
.ui-datepicker-calendar td a:hover { background: #ff5575 !important; color: #fff !important; border-radius: 100%; margin: 0 auto }
td.ui-state-disabled span { color: #aaa; border-radius: 100%; height: 33px; width: 33px; margin: 0 auto; line-height: 36px; background: #fff !important }
.ui-datepicker-today { position: relative; }
.ui-datepicker-today:before { display: block; content: ''; border: 1px solid #dd092f; border-radius: 100%; width: 32px; height: 32px; position: absolute; left: 50%; transform: translateX(-50%); cursor: pointer; color: #d93954; }
.ui-datepicker-today { position: relative; }
.btn_list .ui-datepicker-trigger { padding: 12px; vertical-align: top; margin-left: 10px; border-radius: 4px; border: 1px solid #ccc; background: #f8f8f8 }
.btn_list .ui-datepicker-trigger:active { background: #f5f5f5; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset }
.ui-widget-content { float: left; border: 1px solid #ddd; background: #fff; color: #222222; }
.ui-datepicker-calendar .holiday a { color: #f00; text-decoration: underline; }
.ui-datepicker-calendar .holiday span { color: #f00; text-decoration: underline; }
.ui-datepicker-calendar .saturday a { color: #00f; }
.ui-datepicker-calendar .saturday span { color: #00f; }
.ui-datepicker-week-end:first-child { color: #f00; }
.ui-datepicker-week-end:last-child { color: #00f; }
.ui-datepicker-calendar > tbody td:first-child a { color: #f00; }
.ui-datepicker-calendar > tbody td:last-child a { color: #00f; }
.ui-datepicker .ui-datepicker-title { margin: 0 3em; line-height: 1.8em; text-align: center; font-size: 18px }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; border-radius: 4px }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { }
.ui-datepicker-current-day .ui-state-active { background: #ff5575 !important; color: #fff !important; border-radius: 100%; height: 33px; width: 33px; margin: 0 auto; line-height: 33px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 2.2em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; border-radius: 4px; border: none; background-color: #fff; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { }
.ui-datepicker .ui-datepicker-buttonpane { width: 100%; background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 10px 0 0 0; cursor: pointer; padding: 4px; width: 60px; height: auto; font-size:.9rem;
overflow: visible; border: 1px solid #ccc; border-radius: 30px; background: #fff; color: #666; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.seat_cal { height: auto !important; color: #666; text-align: center !important; width: 100px; border: none !important; background: #fff !important; font-size: 18px; line-height: 20px; }
.ui-widget-overlay { background: #AAA; opacity: .30; filter: Alpha(Opacity=30); }
/*캘린더깜빡임패치*/
#icon_cal { cursor: pointer; width: 30px; height: 30px; position: relative; top: 0 }
.ui-datepicker-trigger { cursor: pointer; margin: 1px 2px 0 3px; width: 30px; height: 30px; position: relative; top: 0 }
.input_cal { width: 100%; border: 1px solid #e8e8e8; border-radius: 6px; background: #fff; display: inline-flex; position: relative; }
.input_cal input[type=text] { background: #fff; border: none; height: 34px; }
.input_cal input[type=text]:disabled { background: #eaeaea !important; color: #a1a1a1 }
.input_cal .ui-datepicker-trigger { position: relative; top: 2px; margin: 0 4px 0 0; }
.input_cal.nonBorder { border: none; background: none; }
.input_cal.nonBorder input[type=text] { background: none; }
/**/
.select-date .input_cal input[type=text] { background: #fff; border: none; height: 34px; }

/*
::-webkit-scrollbar {
 width: 8px;
 height: 8px;
 border: 3px solid rgba(255,255,255,.5);
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
 display: block;
 height: 10px;
 background: rgba(0,0,0,.1);
}

::-webkit-scrollbar-track {
 background-color: rgba(0, 0, 0, .05);
 -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb {
 height: 50px;
 width: 50px;
 background: rgba(0, 0, 0, .1);
}
*/
/**************************** 버튼정의 ********************************/
.btn { display: inline-flex; height: 32px; padding: 0 14px; border: 1px solid rgba(0,0,0,.1); border-radius: 6px; font-size: 15px; align-items: center; justify-content: center; transition: .1s ease-in-out; cursor: pointer }
.btn > span { display: flex; align-items: center; justify-content: center; text-underline-position: under; width: 100% !important }
.btn > span > i { margin-right: 4px; font-size: 11px; opacity: .8 }
.btn.medium { height: 44px; padding: 0 20px; border-radius: 10px; font-size: 15px; }
.btn.small { height: 32px; padding: 0 14px; border-radius: 6px; font-size: 13px; }
.btn.large { height: 72px; padding: 0 20px; border-radius: 14px; font-size: 22px; }
.btn.fixed { width: 100% }
/************************************************************/
.btn.pri { color: var(--text-white01-color); background-color: var(--primary-default-color) }
.btn.pri:hover { background-color: var(--primary-hover-color) }
.btn.pri:active { background-color: var(--primary-pressed-color); }
.btn.sec { color: var(--text-black01-color); background-color: var(--second-default-color) }
.btn.sec:hover { background-color: var(--second-hover-color) }
.btn.sec:active { background-color: var(--second-pressed-color) }
.btn.sec-accent { color: var(--text-white01-color); background-color: var(--infor-default-color) }
.btn.sec-accent:hover { background-color: var(--infor-hover-color) }
.btn.sec-accent:active { background-color: var(--infor-pressed-color) }
.btn.accent { color: var(--text-white01-color); background-color: var(--accent-default-color) }
.btn.accent:hover { background-color: var(--accent-hover-color) }
.btn.accent:active { background-color: var(--accent-pressed-color) }
.btn.warning { color: var(--text-white01-color); background-color: var(--warning-default-color) }
.btn.warning:hover { background-color: var(--warning-hover-color) }
.btn.warning:active { background-color: var(--warning-pressed-color) }
.btn.sec-weak { background-color: var(--secWeak-default-color); color: var(--text-black02-color); }
.btn.sec-weak:hover { background-color: var(--secWeak-hover-color) }
.btn.sec-weak:active { background-color: var(--secWeak-pressed-color) }
.btn.accent-weak { background-color: var(--accWeak-default-color); color: var(--text-accent01-color); }
.btn.accent-weak:hover { background-color: var(--accWeak-hover-color) }
.btn.accent-weak:active { background-color: var(--accWeak-pressed-color) }
.btn.warning-weak { background-color: var(--warWeak-default-color); color: var(--text-warning01-color); }
.btn.warning-weak:hover { background-color: var(--warWeak-hover-color) }
.btn.warning-weak:active { background-color: var(--warWeak-pressed-color) }
.btn.sec-ghost { border: none; background-color: var(--secGhost-default-color); color: var(--text-black02-color); }
.btn.sec-ghost:hover { background-color: var(--secGhost-hover-color) }
.btn.sec-ghost:active { background-color: var(--secGhost-pressed-color) }
.btn.accent-ghost { border: none; background-color: var(--accGhost-default-color); color: var(--text-accent01-color); }
.btn.accent-ghost:hover { background-color: var(--accGhost-hover-color) }
.btn.accent-ghost:active { background-color: var(--accGhost-pressed-color) }
.btn.warning-ghost { border: none; background-color: var(--warGhost-default-color); color: var(--text-warning01-color); }
.btn.warning-ghost:hover { background-color: var(--warGhost-hover-color) }
.btn.warning-ghost:active { background-color: var(--warGhost-pressed-color) }
.btn.disable { background-color: var(--primary-disable-color); color: #bbb; pointer-events: none; user-select: none; }
.btn.disable span i.icm { opacity: .3 }
.btn.txt { height: 26px; padding: 0 4px; border-radius: 4px; font-size: 15px; }
.btn.txt.disable { background-color: var(--secGhost-disable-color); color: #bbb; pointer-events: none; user-select: none; }
.btn.txt.disable span i.icm { opacity: .3 }
.btn.txt-underline { height: 26px; padding: 0 4px; border-radius: 4px; font-size: 15px; text-decoration: underline; text-underline-position: under }
.btn.txt-underline.disable { background-color: var(--secGhost-disable-color); color: #bbb; pointer-events: none; user-select: none; }
.btn.txt-underline.disable span i.icm { opacity: .3 }
.btn.ico { position: static; width: 26px; height: 26px; padding: 0 4px; border-radius: 4px; }
.btn.ico i { margin: 0; opacity: 1; font-size: 12px; }
.btn.ico:hover i { color: #000 }

/*****************************************************/
.groupListBtn { position: relative; float: left; width: 100%; margin-top: 10px; margin-bottom: 20px }
.leftblockButton { float: left }
.leftblockButton ul li { display: inline; float: left; margin-right: 5px }
.leftblockButton ul li.margin { padding: 8px 0 0 12px }
.rightblockButton { float: right }
.rightblockButton ul li { display: inline; float: left; margin-left: 10px }


:root { /*1뎁스-확인,컨펌*/
--primary-default-color: #5C76F6;
--primary-hover-color: #345cd7;
--primary-pressed-color: #0043b8;
--primary-disable-color: #f9f9f9;
/*2뎁스컬러*/
--second-default-color: #fff;
--second-hover-color: #F6F7F8;
--second-pressed-color: #E9ECEE;
/*3뎁스컬러- 포인트컬러*/
--infor-default-color: #232B33;
--infor-hover-color: #000;
--infor-pressed-color: #000;
--accent-default-color: #46C5FC;
--accent-hover-color: #339BD8;
--accent-pressed-color: #2375B5;
--warning-default-color: #E4514E;
--warning-hover-color: #D14140;
--warning-pressed-color: #B93433;
--success-default-color: #0CB66E;
--success-hover-color: #00A469;
--success-pressed-color: #00905C;
--secWeak-default-color: #F6F7F8;
--secWeak-hover-color: #E9ECEE;
--secWeak-pressed-color: #E0E0E0;
--accWeak-default-color: #EFF5FF;
--accWeak-hover-color: #D2E4FF;
--accWeak-pressed-color: #B6D3FF;
--warWeak-default-color: #FDF3F2;
--warWeak-hover-color: #FBE6E6;
--warWeak-pressed-color: #F7CBCA;
--secGhost-default-color: transparent;
--secGhost-hover-color: #f6f7f8;
--secGhost-pressed-color: #e9ecee;
--accGhost-default-color: transparent;
--accGhost-hover-color: #EFF5FF;
--accGhost-pressed-color: #D2E4FF;
--warGhost-default-color: transparent;
--warGhost-hover-color: #FDF3F2;
--warGhost-pressed-color: #FBE6E6;
--greyscale-black-color: #232B33;
--greyscale-neutral-color: #000;
--greyscale-white-color: #fff;
--greyscale-dimm-color: #f9f9f9;
--text-white01-color: #fff;
--text-black01-color: #232B33;
--text-black02-color: #5E6977;
--text-black03-color: #9199A3;
--text-light01-color: #A2A5AD;
--text-light02-color: #BDBFC7;
--text-accent01-color: #6d3eff;
--text-warning01-color: #E4514E;


}