@charset "UTF-8";
/* ********** 깃발 가이드용 스타일 ********** */
.guide_g { display: block; padding: 6px 10px; font-weight: bold; font-size: 22px; background-color: tan; box-sizing: border-box; }

.guide_g2 { display: block; font-weight: 500; font-size: 15px; margin: 14px 0; padding: 4px 6px; background-color: #EAF0FB; color: #333; }

.guide_g3 { display: block; font-weight: 500; font-size: 14px; margin: 4px; padding: 3px 6px; border-radius: 3px; background-color: #EAF0F4; color: #333; }

.inner_guide { padding: 20px; }

.inner_guide:hover { background-color: rgba(0, 0, 0, 0.1); }

.bg_test { background-color: #02143F !important; }

.box { padding: 16px 20px; margin: 20px 0; border: 1px solid #999; background-color: #fff; }

.box .guide_g { margin-bottom: 10px; padding-left: 0; border-bottom: 1px solid #333; background-color: transparent; }

.box .tit { display: block; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; font-size: 26px; font-weight: 700; }

.box .desc_guide { display: inline-block; color: #919191; border-bottom: 1px solid #919191; }

.box .desc { display: block; font-weight: 500; font-size: 15px; margin: 10px 0; padding: 4px 6px; background-color: #EAF0FB; color: #333; }

.box #testCard .item_card:nth-child(4n+1) { margin-left: 0; }

.box_sub { display: inline-block; border: 1px solid rgba(0, 0, 0, 0.2); vertical-align: top; }

.box_sub.no_line { margin-top: 10px; border: 0; }

.box_sub h5, .box_sub h4, .box_sub .tit { display: block; padding: 6px; background-color: rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.box_sub .btn_popup { margin: 10px; }

.wrap_main .box { max-width: 1090px; margin-left: auto; margin-right: auto; }

@media (max-width: 900px) { .wrap_main .box { min-width: 0; } }

#imgTest .view_box { background-color: pink !important; }

#imgTest .bundle_cont, #imgTest .bundle_box { margin-top: 20px; }

#testIcon [class*="icon_"], #testIcon [class*="ico_"], #testIcon [class*="img_"] { display: inline-block; background-color: pink; }

.box .box_g { margin-left: 0; }

.box .box_r { width: 444px; }

.box.input div:not(.layer_box) .box_bizinp { width: 320px; }

.box.input .wrap_calendar2 { width: 320px; }

.box.input .wrap { display: flex; }

.box.input .wrap > div { margin-right: 40px; }

.box.stats .wrap { display: flex; flex-wrap: wrap; }

.box.stats .box_r { margin: 20px 20px 0 0; }

.guide { padding: 30px 0; background-color: #fff; margin: 30px 0; }

.guide:first-of-type { margin-top: 0; }

.guide .chart_line { margin-bottom: 50px; }

.guide .wrap_row { display: flex; justify-content: space-between; margin-bottom: 50px; }

.guide .wrap_row .chart_bar { flex-shrink: 0; }

.guide_color { padding: 0 0 30px; text-align: center; }

.guide_color li { display: inline-block; padding: 0 10px; }

.guide_color li .point_color { position: static; display: inline-block; }

/* ********** 깃발 가이드용 끝 ********** */
/* 개발) 모듈 (핀치-줌) */
.pinch-zoom-wrapper { position: relative; overflow: hidden; display: block; }

.pinch-zoom-content { height: inherit; }

.pz-dragging { cursor: all-scroll; }

.pz-zoom-button { position: absolute; z-index: 1000; color: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0ibm9uZSIvPjxnIGNsYXNzPSJjdXJyZW50TGF5ZXIiPjxwYXRoIGQ9Ik0xNS41IDE0aC0uNzlsLS4yOC0uMjdBNi40NzEgNi40NzEgMCAwMDE2IDkuNSA2LjUgNi41IDAgMTA5LjUgMTZjMS42MSAwIDMuMDktLjU5IDQuMjMtMS41N2wuMjcuMjh2Ljc5bDUgNC45OUwyMC40OSAxOWwtNC45OS01em0tNiAwQzcuMDEgMTQgNSAxMS45OSA1IDkuNVM3LjAxIDUgOS41IDUgMTQgNy4wMSAxNCA5LjUgMTEuOTkgMTQgOS41IDE0eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMiAxMGgtMnYySDl2LTJIN1Y5aDJWN2gxdjJoMnYxeiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0ibm9uZSIvPjxnIGNsYXNzPSJjdXJyZW50TGF5ZXIiPjxwYXRoIGQ9Ik0xNS41IDE0aC0uNzlsLS4yOC0uMjdBNi40NzEgNi40NzEgMCAwMDE2IDkuNSA2LjUgNi41IDAgMTA5LjUgMTZjMS42MSAwIDMuMDktLjU5IDQuMjMtMS41N2wuMjcuMjh2Ljc5bDUgNC45OUwyMC40OSAxOWwtNC45OS01em0tNiAwQzcuMDEgMTQgNSAxMS45OSA1IDkuNVM3LjAxIDUgOS41IDUgMTQgNy4wMSAxNCA5LjUgMTEuOTkgMTQgOS41IDE0ek03IDloNXYxSDd6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==); background-color: rgba(0, 0, 0, 0.8); background-position: 50%,-1000px; background-repeat: no-repeat,no-repeat; background-size: 40px; width: 56px; height: 56px; border-radius: 4px; opacity: .5; cursor: pointer; -webkit-transition: opacity .1s; transition: opacity .1s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.pz-zoom-button-out { background-position: -1000px,50%; }

.pz-zoom-button:hover { opacity: .7; }

.pz-zoom-button.pz-zoom-control-position-right { right: 16px; top: 50%; margin-top: -28px; }

.pz-zoom-button.pz-zoom-control-position-right-bottom { right: 16px; bottom: 32px; }

.pz-zoom-button.pz-zoom-control-position-bottom { bottom: 16px; left: 50%; margin-left: -28px; }

.pz-zoom-control { position: absolute; background-color: rgba(0, 0, 0, 0.8); border-radius: 4px; overflow: hidden; }

.pz-zoom-control.pz-zoom-control-position-right { right: 16px; top: 50%; margin-top: -48px; }

.pz-zoom-control.pz-zoom-control-position-right-bottom { right: 16px; bottom: 32px; }

.pz-zoom-control.pz-zoom-control-position-bottom { bottom: 16px; left: 50%; margin-left: -48px; }

.pz-zoom-in, .pz-zoom-out { width: 48px; height: 48px; background-position: 50%; background-repeat: no-repeat; opacity: 1; cursor: pointer; }

.pz-zoom-in:hover, .pz-zoom-out:hover { background-color: rgba(255, 255, 255, 0.2); }

.pz-zoom-control-position-bottom .pz-zoom-in, .pz-zoom-control-position-bottom .pz-zoom-out { float: right; }

.pz-disabled { opacity: .5; cursor: default; }

.pz-disabled:hover { background-color: rgba(255, 255, 255, 0); }

/* 이전 캘린더 라이브러리 css */
.vc-popover-content-wrapper[data-v-39b30300] { --popover-horizontal-content-offset: 8px; --popover-vertical-content-offset: 10px; --popover-slide-translation: 15px; --popover-transition-time: 0.14s ease-in-out; --popover-caret-horizontal-offset: 18px; --popover-caret-vertical-offset: 8px; position: absolute; display: block; outline: none; z-index: 10; }

.vc-popover-content-wrapper[data-v-39b30300]:not(.is-interactive) { pointer-events: none; }

.vc-popover-content[data-v-39b30300] { position: relative; outline: none; z-index: 10; box-shadow: var(--shadow-lg); }

.vc-popover-content.direction-bottom[data-v-39b30300] { margin-top: var(--popover-vertical-content-offset); }

.vc-popover-content.direction-top[data-v-39b30300] { margin-bottom: var(--popover-vertical-content-offset); }

.vc-popover-content.direction-left[data-v-39b30300] { margin-right: var(--popover-horizontal-content-offset); }

.vc-popover-content.direction-right[data-v-39b30300] { margin-left: var(--popover-horizontal-content-offset); }

.vc-popover-caret[data-v-39b30300] { content: ""; position: absolute; display: block; width: 12px; height: 12px; border-top: inherit; border-left: inherit; background-color: inherit; -webkit-user-select: none; user-select: none; z-index: -1; }

.vc-popover-caret.direction-bottom[data-v-39b30300] { top: 0; }

.vc-popover-caret.direction-bottom.align-left[data-v-39b30300] { transform: translateY(-50%) rotate(45deg); }

.vc-popover-caret.direction-bottom.align-center[data-v-39b30300] { transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.vc-popover-caret.direction-bottom.align-right[data-v-39b30300] { transform: translateY(-50%) rotate(45deg); }

.vc-popover-caret.direction-top[data-v-39b30300] { top: 100%; }

.vc-popover-caret.direction-top.align-left[data-v-39b30300] { transform: translateY(-50%) rotate(-135deg); }

.vc-popover-caret.direction-top.align-center[data-v-39b30300] { transform: translateX(-50%) translateY(-50%) rotate(-135deg); }

.vc-popover-caret.direction-top.align-right[data-v-39b30300] { transform: translateY(-50%) rotate(-135deg); }

.vc-popover-caret.direction-left[data-v-39b30300] { left: 100%; }

.vc-popover-caret.direction-left.align-top[data-v-39b30300] { transform: translateX(-50%) rotate(135deg); }

.vc-popover-caret.direction-left.align-middle[data-v-39b30300] { transform: translateY(-50%) translateX(-50%) rotate(135deg); }

.vc-popover-caret.direction-left.align-bottom[data-v-39b30300] { transform: translateX(-50%) rotate(135deg); }

.vc-popover-caret.direction-right[data-v-39b30300] { left: 0; }

.vc-popover-caret.direction-right.align-top[data-v-39b30300] { transform: translateX(-50%) rotate(-45deg); }

.vc-popover-caret.direction-right.align-middle[data-v-39b30300] { transform: translateY(-50%) translateX(-50%) rotate(-45deg); }

.vc-popover-caret.direction-right.align-bottom[data-v-39b30300] { transform: translateX(-50%) rotate(-45deg); }

.vc-popover-caret.align-left[data-v-39b30300] { left: var(--popover-caret-horizontal-offset); }

.vc-popover-caret.align-center[data-v-39b30300] { left: 50%; }

.vc-popover-caret.align-right[data-v-39b30300] { right: var(--popover-caret-horizontal-offset); }

.vc-popover-caret.align-top[data-v-39b30300] { top: var(--popover-caret-vertical-offset); }

.vc-popover-caret.align-middle[data-v-39b30300] { top: 50%; }

.vc-popover-caret.align-bottom[data-v-39b30300] { bottom: var(--popover-caret-vertical-offset); }

.fade-enter-active[data-v-39b30300], .fade-leave-active[data-v-39b30300], .slide-fade-enter-active[data-v-39b30300], .slide-fade-leave-active[data-v-39b30300] { transition: all var(--popover-transition-time); pointer-events: none; }

.fade-enter[data-v-39b30300], .fade-leave-to[data-v-39b30300], .slide-fade-enter[data-v-39b30300], .slide-fade-leave-to[data-v-39b30300] { opacity: 0; }

.slide-fade-enter.direction-bottom[data-v-39b30300], .slide-fade-leave-to.direction-bottom[data-v-39b30300] { transform: translateY(calc(var(--popover-slide-translation)*(-1))); }

.slide-fade-enter.direction-top[data-v-39b30300], .slide-fade-leave-to.direction-top[data-v-39b30300] { transform: translateY(var(--popover-slide-translation)); }

.slide-fade-enter.direction-left[data-v-39b30300], .slide-fade-leave-to.direction-left[data-v-39b30300] { transform: translateX(var(--popover-slide-translation)); }

.slide-fade-enter.direction-right[data-v-39b30300], .slide-fade-leave-to.direction-right[data-v-39b30300] { transform: translateX(calc(var(--popover-slide-translation)*(-1))); }

.vc-day-popover-row[data-v-eb5afd1a] { --day-content-transition-time: 0.13s ease-in; display: flex; align-items: center; transition: all var(--day-content-transition-time); }

.vc-day-popover-row[data-v-eb5afd1a]:not(:first-child) { margin-top: 3px; }

.vc-day-popover-row-indicator[data-v-eb5afd1a] { display: flex; justify-content: center; align-items: center; flex-grow: 0; width: 15px; margin-right: 3px; }

.vc-day-popover-row-indicator span[data-v-eb5afd1a] { transition: all var(--day-content-transition-time); }

.vc-day-popover-row-content[data-v-eb5afd1a] { display: flex; align-items: center; flex-wrap: none; flex-grow: 1; width: max-content; }

.vc-svg-icon[data-v-63f7b5ec] { display: inline-block; stroke: currentColor; stroke-width: 0; }

.vc-svg-icon path[data-v-63f7b5ec] { fill: currentColor; }

.vc-nav-header { display: flex; justify-content: space-between; }

.vc-nav-arrow { display: flex; justify-content: center; align-items: center; cursor: pointer; -webkit-user-select: none; user-select: none; line-height: var(--leading-snug); border-width: 2px; border-style: solid; border-color: transparent; border-radius: var(--rounded); }

.vc-nav-arrow.is-left { margin-right: auto; }

.vc-nav-arrow.is-right { margin-left: auto; }

.vc-nav-arrow.is-disabled { opacity: 0.25; pointer-events: none; cursor: not-allowed; }

.vc-nav-arrow:hover { background-color: var(--gray-900); }

.vc-nav-arrow:focus { border-color: var(--accent-600); }

.vc-nav-title { color: var(--accent-100); font-weight: var(--font-bold); line-height: var(--leading-snug); padding: 4px 8px; border-radius: var(--rounded); border-width: 2px; border-style: solid; border-color: transparent; -webkit-user-select: none; user-select: none; }

.vc-nav-title:hover { background-color: var(--gray-900); }

.vc-nav-title:focus { border-color: var(--accent-600); }

.vc-nav-items { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 2px; grid-column-gap: 5px; }

.vc-nav-item { width: 48px; text-align: center; line-height: var(--leading-snug); font-weight: var(--font-semibold); padding: 4px 0; cursor: pointer; border-color: transparent; border-width: 2px; border-style: solid; border-radius: var(--rounded); -webkit-user-select: none; user-select: none; }

.vc-nav-item:hover { color: var(--white); background-color: var(--gray-900); box-shadow: var(--shadow-inner); }

.vc-nav-item.is-active { color: var(--accent-900); background: var(--accent-100); font-weight: var(--font-bold); box-shadow: var(--shadow); }

.vc-nav-item.is-current { color: var(--accent-100); font-weight: var(--bold); border-color: var(--accent-100); }

.vc-nav-item:focus { border-color: var(--accent-600); }

.vc-nav-item.is-disabled { opacity: 0.25; pointer-events: none; }

.vc-is-dark .vc-nav-title { color: var(--gray-900); }

.vc-is-dark .vc-nav-title:hover { background-color: var(--gray-200); }

.vc-is-dark .vc-nav-title:focus { border-color: var(--accent-400); }

.vc-is-dark .vc-nav-arrow:hover { background-color: var(--gray-200); }

.vc-is-dark .vc-nav-arrow:focus { border-color: var(--accent-400); }

.vc-is-dark .vc-nav-item:hover { color: var(--gray-900); background-color: var(--gray-200); box-shadow: none; }

.vc-is-dark .vc-nav-item.is-active { color: var(--white); background: var(--accent-500); }

.vc-is-dark .vc-nav-item.is-current { color: var(--accent-600); border-color: var(--accent-500); }

.vc-is-dark .vc-nav-item:focus { border-color: var(--accent-400); }

.vc-day[data-v-4420d078] { position: relative; min-height: 32px; z-index: 1; }

.vc-day.is-not-in-month *[data-v-4420d078] { opacity: 0; pointer-events: none; }

.vc-day-layer[data-v-4420d078] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }

.vc-day-box-center-center[data-v-4420d078] { display: flex; justify-content: center; align-items: center; transform-origin: 50% 50%; }

.vc-day-box-left-center[data-v-4420d078] { display: flex; justify-content: flex-start; align-items: center; transform-origin: 0 50%; }

.vc-day-box-right-center[data-v-4420d078] { display: flex; justify-content: flex-end; align-items: center; transform-origin: 100% 50%; }

.vc-day-box-center-bottom[data-v-4420d078] { display: flex; justify-content: center; align-items: flex-end; }

.vc-day-content[data-v-4420d078] { display: flex; justify-content: center; align-items: center; font-size: var(--text-sm); font-weight: var(--font-medium); width: 28px; height: 28px; line-height: 28px; border-radius: var(--rounded-full); -webkit-user-select: none; user-select: none; cursor: pointer; }

.vc-day-content[data-v-4420d078]:hover { background-color: rgba(204, 214, 224, 0.3); }

.vc-day-content[data-v-4420d078]:focus { font-weight: var(--font-bold); background-color: rgba(204, 214, 224, 0.4); }

.vc-day-content.is-disabled[data-v-4420d078] { color: var(--gray-400); }

.vc-is-dark .vc-day-content[data-v-4420d078]:hover { background-color: rgba(114, 129, 151, 0.3); }

.vc-is-dark .vc-day-content[data-v-4420d078]:focus { background-color: rgba(114, 129, 151, 0.4); }

.vc-is-dark .vc-day-content.is-disabled[data-v-4420d078] { color: var(--gray-600); }

.vc-highlights[data-v-4420d078] { overflow: hidden; pointer-events: none; z-index: -1; }

.vc-highlight[data-v-4420d078] { width: 28px; height: 28px; }

.vc-highlight.vc-highlight-base-start[data-v-4420d078] { width: 50% !important; border-radius: 0 !important; border-right-width: 0 !important; }

.vc-highlight.vc-highlight-base-end[data-v-4420d078] { width: 50% !important; border-radius: 0 !important; border-left-width: 0 !important; }

.vc-highlight.vc-highlight-base-middle[data-v-4420d078] { width: 100%; border-radius: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; margin: 0 -1px; }

.vc-dots[data-v-4420d078] { display: flex; justify-content: center; align-items: center; }

.vc-dot[data-v-4420d078] { width: 5px; height: 5px; border-radius: 50%; transition: all var(--day-content-transition-time); }

.vc-dot[data-v-4420d078]:not(:last-child) { margin-right: 3px; }

.vc-bars[data-v-4420d078] { display: flex; justify-content: flex-start; align-items: center; width: 75%; }

.vc-bar[data-v-4420d078] { flex-grow: 1; height: 3px; transition: all var(--day-content-transition-time); }

.vc-pane[data-v-74ad501d] { min-width: 250px; }

.vc-header[data-v-74ad501d] { display: flex; justify-content: center; align-items: center; padding: 10px 18px 0; }

.vc-header.align-left[data-v-74ad501d] { justify-content: flex-start; }

.vc-header.align-right[data-v-74ad501d] { justify-content: flex-end; }

.vc-title[data-v-74ad501d] { font-size: var(--text-lg); color: var(--gray-800); font-weight: var(--font-semibold); line-height: 28px; cursor: pointer; -webkit-user-select: none; user-select: none; white-space: nowrap; }

.vc-title[data-v-74ad501d]:hover { opacity: 0.75; }

.vc-weeknumber[data-v-74ad501d] { position: relative; }

.vc-weeknumber-content[data-v-74ad501d], .vc-weeknumber[data-v-74ad501d] { display: flex; justify-content: center; align-items: center; }

.vc-weeknumber-content[data-v-74ad501d] { font-size: var(--text-xs); font-weight: var(--font-medium); font-style: italic; width: 28px; height: 28px; margin-top: 2px; color: var(--gray-500); -webkit-user-select: none; user-select: none; }

.vc-weeknumber-content.is-left-outside[data-v-74ad501d] { position: absolute; left: var(--weeknumber-offset); }

.vc-weeknumber-content.is-right-outside[data-v-74ad501d] { position: absolute; right: var(--weeknumber-offset); }

.vc-weeks[data-v-74ad501d] { display: grid; grid-template-columns: repeat(7, 1fr); position: relative; -webkit-overflow-scrolling: touch; padding: 5px; min-width: 250px; }

.vc-weeks.vc-show-weeknumbers[data-v-74ad501d] { grid-template-columns: auto repeat(7, 1fr); }

.vc-weeks.vc-show-weeknumbers.is-right[data-v-74ad501d] { grid-template-columns: repeat(7, 1fr) auto; }

.vc-weekday[data-v-74ad501d] { text-align: center; color: var(--gray-500); font-size: var(--text-sm); font-weight: var(--font-bold); line-height: 14px; padding-top: 4px; padding-bottom: 8px; cursor: default; -webkit-user-select: none; user-select: none; }

.vc-is-dark .vc-header[data-v-74ad501d] { color: var(--gray-200); }

.vc-is-dark .vc-title[data-v-74ad501d] { color: var(--gray-100); }

.vc-is-dark .vc-weekday[data-v-74ad501d] { color: var(--accent-200); }

.vc-nav-popover-container { color: var(--white); font-size: var(--text-sm); font-weight: var(--font-semibold); background-color: var(--gray-800); border: 1px solid; border-color: var(--gray-700); border-radius: var(--rounded-lg); padding: 4px; box-shadow: var(--shadow); }

.vc-is-dark .vc-nav-popover-container { color: var(--gray-800); background-color: var(--white); border-color: var(--gray-100); }

.none-enter-active[data-v-5be4b00c], .none-leave-active[data-v-5be4b00c] { transition-duration: 0s; }

.fade-enter-active[data-v-5be4b00c], .fade-leave-active[data-v-5be4b00c], .slide-down-enter-active[data-v-5be4b00c], .slide-down-leave-active[data-v-5be4b00c], .slide-left-enter-active[data-v-5be4b00c], .slide-left-leave-active[data-v-5be4b00c], .slide-right-enter-active[data-v-5be4b00c], .slide-right-leave-active[data-v-5be4b00c], .slide-up-enter-active[data-v-5be4b00c], .slide-up-leave-active[data-v-5be4b00c] { transition: transform var(--slide-duration) var(--slide-timing), opacity var(--slide-duration) var(--slide-timing); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.fade-leave-active[data-v-5be4b00c], .none-leave-active[data-v-5be4b00c], .slide-down-leave-active[data-v-5be4b00c], .slide-left-leave-active[data-v-5be4b00c], .slide-right-leave-active[data-v-5be4b00c], .slide-up-leave-active[data-v-5be4b00c] { position: absolute; width: 100%; }

.fade-enter[data-v-5be4b00c], .fade-leave-to[data-v-5be4b00c], .none-enter[data-v-5be4b00c], .none-leave-to[data-v-5be4b00c], .slide-down-enter[data-v-5be4b00c], .slide-down-leave-to[data-v-5be4b00c], .slide-left-enter[data-v-5be4b00c], .slide-left-leave-to[data-v-5be4b00c], .slide-right-enter[data-v-5be4b00c], .slide-right-leave-to[data-v-5be4b00c], .slide-up-enter[data-v-5be4b00c], .slide-up-leave-to[data-v-5be4b00c] { opacity: 0; }

.slide-left-enter[data-v-5be4b00c], .slide-right-leave-to[data-v-5be4b00c] { transform: translateX(var(--slide-translate)); }

.slide-left-leave-to[data-v-5be4b00c], .slide-right-enter[data-v-5be4b00c] { transform: translateX(calc(var(--slide-translate)*(-1))); }

.slide-down-leave-to[data-v-5be4b00c], .slide-up-enter[data-v-5be4b00c] { transform: translateY(var(--slide-translate)); }

.slide-down-enter[data-v-5be4b00c], .slide-up-leave-to[data-v-5be4b00c] { transform: translateY(calc(var(--slide-translate)*(-1))); }

.vc-container { --white: #fff; --black: #000; --gray-100: #f7fafc; --gray-200: #edf2f7; --gray-300: #e2e8f0; --gray-400: #cbd5e0; --gray-500: #a0aec0; --gray-600: #718096; --gray-700: #4a5568; --gray-800: #2d3748; --gray-900: #1a202c; --red-100: #fff5f5; --red-200: #fed7d7; --red-300: #feb2b2; --red-400: #fc8181; --red-500: #f56565; --red-600: #e53e3e; --red-700: #c53030; --red-800: #9b2c2c; --red-900: #742a2a; --orange-100: #fffaf0; --orange-200: #feebc8; --orange-300: #fbd38d; --orange-400: #f6ad55; --orange-500: #ed8936; --orange-600: #dd6b20; --orange-700: #c05621; --orange-800: #9c4221; --orange-900: #7b341e; --yellow-100: ivory; --yellow-200: #fefcbf; --yellow-300: #faf089; --yellow-400: #f6e05e; --yellow-500: #ecc94b; --yellow-600: #d69e2e; --yellow-700: #b7791f; --yellow-800: #975a16; --yellow-900: #744210; --green-100: #f0fff4; --green-200: #c6f6d5; --green-300: #9ae6b4; --green-400: #68d391; --green-500: #48bb78; --green-600: #38a169; --green-700: #2f855a; --green-800: #276749; --green-900: #22543d; --teal-100: #e6fffa; --teal-200: #b2f5ea; --teal-300: #81e6d9; --teal-400: #4fd1c5; --teal-500: #38b2ac; --teal-600: #319795; --teal-700: #2c7a7b; --teal-800: #285e61; --teal-900: #234e52; --blue-100: #ebf8ff; --blue-200: #bee3f8; --blue-300: #90cdf4; --blue-400: #63b3ed; --blue-500: #4299e1; --blue-600: #3182ce; --blue-700: #2b6cb0; --blue-800: #2c5282; --blue-900: #2a4365; --indigo-100: #ebf4ff; --indigo-200: #c3dafe; --indigo-300: #a3bffa; --indigo-400: #7f9cf5; --indigo-500: #667eea; --indigo-600: #5a67d8; --indigo-700: #4c51bf; --indigo-800: #434190; --indigo-900: #3c366b; --purple-100: #faf5ff; --purple-200: #e9d8fd; --purple-300: #d6bcfa; --purple-400: #b794f4; --purple-500: #9f7aea; --purple-600: #805ad5; --purple-700: #6b46c1; --purple-800: #553c9a; --purple-900: #44337a; --pink-100: #fff5f7; --pink-200: #fed7e2; --pink-300: #fbb6ce; --pink-400: #f687b3; --pink-500: #ed64a6; --pink-600: #d53f8c; --pink-700: #b83280; --pink-800: #97266d; --pink-900: #702459; }

.vc-container.vc-red { --accent-100: var(--red-100); --accent-200: var(--red-200); --accent-300: var(--red-300); --accent-400: var(--red-400); --accent-500: var(--red-500); --accent-600: var(--red-600); --accent-700: var(--red-700); --accent-800: var(--red-800); --accent-900: var(--red-900); }

.vc-container.vc-orange { --accent-100: var(--orange-100); --accent-200: var(--orange-200); --accent-300: var(--orange-300); --accent-400: var(--orange-400); --accent-500: var(--orange-500); --accent-600: var(--orange-600); --accent-700: var(--orange-700); --accent-800: var(--orange-800); --accent-900: var(--orange-900); }

.vc-container.vc-yellow { --accent-100: var(--yellow-100); --accent-200: var(--yellow-200); --accent-300: var(--yellow-300); --accent-400: var(--yellow-400); --accent-500: var(--yellow-500); --accent-600: var(--yellow-600); --accent-700: var(--yellow-700); --accent-800: var(--yellow-800); --accent-900: var(--yellow-900); }

.vc-container.vc-green { --accent-100: var(--green-100); --accent-200: var(--green-200); --accent-300: var(--green-300); --accent-400: var(--green-400); --accent-500: var(--green-500); --accent-600: var(--green-600); --accent-700: var(--green-700); --accent-800: var(--green-800); --accent-900: var(--green-900); }

.vc-container.vc-teal { --accent-100: var(--teal-100); --accent-200: var(--teal-200); --accent-300: var(--teal-300); --accent-400: var(--teal-400); --accent-500: var(--teal-500); --accent-600: var(--teal-600); --accent-700: var(--teal-700); --accent-800: var(--teal-800); --accent-900: var(--teal-900); }

.vc-container.vc-blue { --accent-100: var(--blue-100); --accent-200: var(--blue-200); --accent-300: var(--blue-300); --accent-400: var(--blue-400); --accent-500: var(--blue-500); --accent-600: var(--blue-600); --accent-700: var(--blue-700); --accent-800: var(--blue-800); --accent-900: var(--blue-900); }

.vc-container.vc-indigo { --accent-100: var(--indigo-100); --accent-200: var(--indigo-200); --accent-300: var(--indigo-300); --accent-400: var(--indigo-400); --accent-500: var(--indigo-500); --accent-600: var(--indigo-600); --accent-700: var(--indigo-700); --accent-800: var(--indigo-800); --accent-900: var(--indigo-900); }

.vc-container.vc-purple { --accent-100: var(--purple-100); --accent-200: var(--purple-200); --accent-300: var(--purple-300); --accent-400: var(--purple-400); --accent-500: var(--purple-500); --accent-600: var(--purple-600); --accent-700: var(--purple-700); --accent-800: var(--purple-800); --accent-900: var(--purple-900); }

.vc-container.vc-pink { --accent-100: var(--pink-100); --accent-200: var(--pink-200); --accent-300: var(--pink-300); --accent-400: var(--pink-400); --accent-500: var(--pink-500); --accent-600: var(--pink-600); --accent-700: var(--pink-700); --accent-800: var(--pink-800); --accent-900: var(--pink-900); }

.vc-container { --font-normal: 400; --font-medium: 500; --font-semibold: 600; --font-bold: 700; --text-xs: 12px; --text-sm: 14px; --text-base: 16px; --text-lg: 18px; --leading-snug: 1.375; --rounded: 0.25rem; --rounded-lg: 0.5rem; --rounded-full: 9999px; --shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06); --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05); --shadow-inner: inset 0 2px 4px 0 rgba(0,0,0,0.06); --slide-translate: 22px; --slide-duration: 0.15s; --slide-timing: ease; --day-content-transition-time: 0.13s ease-in; --weeknumber-offset: -34px; position: relative; display: inline-flex; width: max-content; height: max-content; font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif; color: var(--gray-900); background-color: var(--white); border: 1px solid; border-color: var(--gray-400); border-radius: var(--rounded-lg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; }

.vc-container, .vc-container * { box-sizing: border-box; }

.vc-container :focus, .vc-container:focus { outline: none; }

.vc-container [role=button], .vc-container button { cursor: pointer; }

.vc-container.vc-is-expanded { min-width: 100%; }

.vc-container .vc-container { border: none; }

.vc-container.vc-is-dark { color: var(--gray-100); background-color: var(--gray-900); border-color: var(--gray-700); }

.vc-pane-container { width: 100%; position: relative; }

.vc-pane-container.in-transition { overflow: hidden; }

.vc-pane-layout { display: grid; }

.vc-arrow { display: flex; justify-content: center; align-items: center; cursor: pointer; -webkit-user-select: none; user-select: none; pointer-events: auto; color: var(--gray-600); border-width: 2px; border-style: solid; border-radius: var(--rounded); border-color: transparent; }

.vc-arrow:hover { background: var(--gray-200); }

.vc-arrow:focus { border-color: var(--gray-300); }

.vc-arrow.is-disabled { opacity: 0.25; pointer-events: none; cursor: not-allowed; }

.vc-day-popover-container { color: var(--white); background-color: var(--gray-800); border: 1px solid; border-color: var(--gray-700); border-radius: var(--rounded); font-size: var(--text-xs); font-weight: var(--font-medium); padding: 4px 8px; box-shadow: var(--shadow); }

.vc-day-popover-header { font-size: var(--text-xs); color: var(--gray-300); font-weight: var(--font-semibold); text-align: center; }

.vc-arrows-container { width: 100%; position: absolute; top: 0; display: flex; justify-content: space-between; padding: 8px 10px; pointer-events: none; }

.vc-arrows-container.title-left { justify-content: flex-end; }

.vc-arrows-container.title-right { justify-content: flex-start; }

.vc-is-dark .vc-arrow { color: var(--white); }

.vc-is-dark .vc-arrow:hover { background: var(--gray-800); }

.vc-is-dark .vc-arrow:focus { border-color: var(--gray-700); }

.vc-is-dark .vc-day-popover-container { color: var(--gray-800); background-color: var(--white); border-color: var(--gray-100); }

.vc-is-dark .vc-day-popover-header { color: var(--gray-700); }

.vc-select[data-v-7b2eaf0a] { position: relative; }

.vc-select select[data-v-7b2eaf0a] { flex-grow: 1; display: block; -webkit-appearance: none; appearance: none; width: 52px; height: 30px; font-size: var(--text-base); font-weight: var(--font-medium); text-align: left; background-color: var(--gray-200); border: 2px solid; border-color: var(--gray-200); color: var(--gray-900); padding: 0 20px 0 8px; border-radius: var(--rounded); line-height: var(--leading-tight); text-indent: 0; cursor: pointer; -moz-padding-start: 3px; background-image: none; }

.vc-select select[data-v-7b2eaf0a]:hover { color: var(--gray-600); }

.vc-select select[data-v-7b2eaf0a]:focus { outline: 0; border-color: var(--accent-400); background-color: var(--white); }

.vc-select-arrow[data-v-7b2eaf0a] { display: flex; align-items: center; pointer-events: none; position: absolute; top: 0; bottom: 0; right: 0; padding: 0 4px 0 0; color: var(--gray-500); }

.vc-select-arrow svg[data-v-7b2eaf0a] { width: 16px; height: 16px; fill: currentColor; }

.vc-is-dark select[data-v-7b2eaf0a] { background: var(--gray-700); color: var(--gray-100); border-color: var(--gray-700); }

.vc-is-dark select[data-v-7b2eaf0a]:hover { color: var(--gray-400); }

.vc-is-dark select[data-v-7b2eaf0a]:focus { border-color: var(--accent-500); background-color: var(--gray-800); }

.vc-time-picker[data-v-f4e11af8] { display: flex; align-items: center; padding: 8px; }

.vc-time-picker.vc-invalid[data-v-f4e11af8] { pointer-events: none; opacity: 0.5; }

.vc-time-picker.vc-bordered[data-v-f4e11af8] { border-top: 1px solid var(--gray-400); }

.vc-date-time[data-v-f4e11af8] { margin-left: 8px; }

.vc-disabled[data-v-f4e11af8] { pointer-events: none; opacity: 0.5; }

.vc-time-icon[data-v-f4e11af8] { width: 16px; height: 16px; color: var(--gray-600); }

.vc-date[data-v-f4e11af8] { display: flex; align-items: center; font-size: var(--text-sm); font-weight: var(--font-semibold); text-transform: uppercase; padding: 0 0 4px 4px; margin-top: -4px; }

.vc-date .vc-weekday[data-v-f4e11af8] { color: var(--gray-700); letter-spacing: var(--tracking-wide); }

.vc-date .vc-month[data-v-f4e11af8] { color: var(--accent-600); margin-left: 8px; }

.vc-date .vc-day[data-v-f4e11af8] { color: var(--accent-600); margin-left: 4px; }

.vc-date .vc-year[data-v-f4e11af8] { color: var(--gray-500); margin-left: 8px; }

.vc-am-pm[data-v-f4e11af8], .vc-time[data-v-f4e11af8] { display: flex; align-items: center; }

.vc-am-pm[data-v-f4e11af8] { background: var(--gray-200); margin-left: 8px; padding: 4px; border-radius: var(--rounded); height: 30px; }

.vc-am-pm button[data-v-f4e11af8] { color: var(--gray-900); font-size: var(--text-sm); font-weight: var(--font-medium); padding: 0 4px; background: transparent; border: 2px solid transparent; border-radius: var(--rounded); line-height: var(--leading-snug); }

.vc-am-pm button[data-v-f4e11af8]:hover { color: var(--gray-600); }

.vc-am-pm button[data-v-f4e11af8]:focus { border-color: var(--accent-400); }

.vc-am-pm button.active[data-v-f4e11af8] { background: var(--accent-600); color: var(--white); }

.vc-am-pm button.active[data-v-f4e11af8]:hover { background: var(--accent-500); }

.vc-am-pm button.active[data-v-f4e11af8]:focus { border-color: var(--accent-400); }

.vc-is-dark .vc-time-picker[data-v-f4e11af8] { border-color: var(--gray-700); }

.vc-is-dark .vc-time-icon[data-v-f4e11af8], .vc-is-dark .vc-weekday[data-v-f4e11af8] { color: var(--gray-400); }

.vc-is-dark .vc-day[data-v-f4e11af8], .vc-is-dark .vc-month[data-v-f4e11af8] { color: var(--accent-400); }

.vc-is-dark .vc-year[data-v-f4e11af8] { color: var(--gray-500); }

.vc-is-dark .vc-am-pm[data-v-f4e11af8] { background: var(--gray-700); }

.vc-is-dark .vc-am-pm[data-v-f4e11af8]:focus { border-color: var(--accent-500); }

.vc-is-dark .vc-am-pm button[data-v-f4e11af8] { color: var(--gray-100); }

.vc-is-dark .vc-am-pm button[data-v-f4e11af8]:hover { color: var(--gray-400); }

.vc-is-dark .vc-am-pm button[data-v-f4e11af8]:focus { border-color: var(--accent-500); }

.vc-is-dark .vc-am-pm button.active[data-v-f4e11af8] { background: var(--accent-500); color: var(--white); }

.vc-is-dark .vc-am-pm button.active[data-v-f4e11af8]:hover { background: var(--accent-600); }

.vc-is-dark .vc-am-pm button.active[data-v-f4e11af8]:focus { border-color: var(--accent-500); }

/* 2024 개편 캘린더 라이브러리CSS - 깃발 확인용 2024-11-18 위치 변경 */
/* 캘린더 v3 */
.vc-popover-content-wrapper { --popover-horizontal-content-offset: 8px; --popover-vertical-content-offset: 10px; --popover-caret-horizontal-offset: 18px; --popover-caret-vertical-offset: 8px; display: block; outline: none; position: absolute; z-index: 10; }

.vc-popover-content-wrapper:not(.is-interactive) { pointer-events: none; }

.vc-popover-content { background-color: var(--vc-popover-content-bg); border: 1px solid; border-color: var(--vc-popover-content-border); border-radius: var(--vc-rounded-lg); box-shadow: var(--vc-shadow-lg); color: var(--vc-popover-content-color); font-weight: var(--vc-font-medium); outline: none; padding: 4px; position: relative; z-index: 10; }

.vc-popover-content.direction-bottom { margin-top: var(--popover-vertical-content-offset); }

.vc-popover-content.direction-top { margin-bottom: var(--popover-vertical-content-offset); }

.vc-popover-content.direction-left { margin-right: var(--popover-horizontal-content-offset); }

.vc-popover-content.direction-right { margin-left: var(--popover-horizontal-content-offset); }

.vc-popover-caret { background-color: inherit; border-left: inherit; border-top: inherit; content: ""; display: block; height: 12px; position: absolute; width: 12px; z-index: -1; }

.vc-popover-caret.direction-bottom { top: 0; }

.vc-popover-caret.direction-bottom.align-left { transform: translateY(-50%) rotate(45deg); }

.vc-popover-caret.direction-bottom.align-center { transform: translate(-50%) translateY(-50%) rotate(45deg); }

.vc-popover-caret.direction-bottom.align-right { transform: translateY(-50%) rotate(45deg); }

.vc-popover-caret.direction-top { top: 100%; }

.vc-popover-caret.direction-top.align-left { transform: translateY(-50%) rotate(-135deg); }

.vc-popover-caret.direction-top.align-center { transform: translate(-50%) translateY(-50%) rotate(-135deg); }

.vc-popover-caret.direction-top.align-right { transform: translateY(-50%) rotate(-135deg); }

.vc-popover-caret.direction-left { left: 100%; }

.vc-popover-caret.direction-left.align-top { transform: translate(-50%) rotate(135deg); }

.vc-popover-caret.direction-left.align-middle { transform: translateY(-50%) translate(-50%) rotate(135deg); }

.vc-popover-caret.direction-left.align-bottom { transform: translate(-50%) rotate(135deg); }

.vc-popover-caret.direction-right { left: 0; }

.vc-popover-caret.direction-right.align-top { transform: translate(-50%) rotate(-45deg); }

.vc-popover-caret.direction-right.align-middle { transform: translateY(-50%) translate(-50%) rotate(-45deg); }

.vc-popover-caret.direction-right.align-bottom { transform: translate(-50%) rotate(-45deg); }

.vc-popover-caret.align-left { left: var(--popover-caret-horizontal-offset); }

.vc-popover-caret.align-center { left: 50%; }

.vc-popover-caret.align-right { right: var(--popover-caret-horizontal-offset); }

.vc-popover-caret.align-top { top: var(--popover-caret-vertical-offset); }

.vc-popover-caret.align-middle { top: 50%; }

.vc-popover-caret.align-bottom { bottom: var(--popover-caret-vertical-offset); }

.vc-day-popover-row { align-items: center; display: flex; transition: var(--vc-day-content-transition); }

.vc-day-popover-row-indicator { align-items: center; display: flex; flex-grow: 0; justify-content: center; width: 15px; }

.vc-day-popover-row-indicator span { transition: var(--vc-day-content-transition); }

.vc-day-popover-row-label { align-items: center; display: flex; flex-grow: 1; flex-wrap: none; font-size: var(--vc-text-xs); line-height: var(--vc-leading-normal); margin-left: 4px; margin-right: 4px; width: max-content; }

.vc-day-popover-row-highlight { border-radius: 3px; height: 5px; width: 8px; }

.vc-day-popover-row-bar { height: 3px; width: 10px; }

.vc-base-icon { display: inline-block; stroke: currentColor; stroke-width: 2; fill: none; }

.vc-header { display: grid; grid-gap: 4px; align-items: center; height: 30px; margin-top: 10px; padding-left: 10px; padding-right: 10px; }

.vc-header.is-lg { font-size: var(--vc-text-lg); }

.vc-header.is-xl { font-size: var(--vc-text-xl); }

.vc-header.is-2xl { font-size: var(--vc-text-2xl); }

.vc-header .vc-title-wrapper { grid-column: title; grid-row: 1; }

.vc-header .vc-prev { grid-column: prev; grid-row: 1; }

.vc-header .vc-next { grid-column: next; grid-row: 1; }

.vc-header .vc-next, .vc-header .vc-prev, .vc-header .vc-title { align-items: center; border: 0; border-radius: var(--vc-rounded); cursor: pointer; display: flex; pointer-events: auto; -webkit-user-select: none; user-select: none; }

.vc-header .vc-title { color: var(--vc-header-title-color); font-weight: var(--vc-font-semibold); line-height: 30px; margin: 0; padding: 0 8px; white-space: nowrap; }

.vc-header .vc-title:hover { opacity: .75; }

.vc-header .vc-arrow { align-items: center; color: var(--vc-header-arrow-color); display: flex; height: 30px; justify-content: center; margin: 0; padding: 0; width: 28px; }

.vc-header .vc-arrow:hover { background: var(--vc-header-arrow-hover-bg); }

.vc-header .vc-arrow:disabled { opacity: .25; pointer-events: none; }

.vc-nav-header { display: flex; justify-content: space-between; }

.vc-nav-arrow, .vc-nav-item, .vc-nav-title { border: 0; border-radius: var(--vc-rounded); cursor: pointer; font-size: var(--vc-text-sm); margin: 0; -webkit-user-select: none; user-select: none; white-space: nowrap; }

.vc-nav-arrow:hover, .vc-nav-item:hover, .vc-nav-title:hover { background-color: var(--vc-nav-hover-bg); }

.vc-nav-arrow:disabled, .vc-nav-item:disabled, .vc-nav-title:disabled { opacity: .25; pointer-events: none; }

.vc-nav-title { color: var(--vc-nav-title-color); font-weight: var(--vc-font-bold); height: 30px; line-height: var(--vc-leading-snug); padding: 0 6px; }

.vc-nav-arrow { align-items: center; color: var(--vc-header-arrow-color); display: flex; height: 30px; justify-content: center; padding: 0; width: 26px; }

.vc-nav-items { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 2px; grid-column-gap: 5px; margin-top: 2px; }

.vc-nav-item { font-weight: var(--vc-font-semibold); line-height: var(--vc-leading-snug); padding: 6px 0; text-align: center; width: 48px; }

.vc-nav-item.is-active { background-color: var(--vc-nav-item-active-bg); color: var(--vc-nav-item-active-color); font-weight: var(--vc-font-bold); }

.vc-nav-item.is-active:not(:focus) { box-shadow: var(--vc-nav-item-active-box-shadow); }

.vc-nav-item.is-current { color: var(--vc-nav-item-current-color); }

.vc-day { min-height: 32px; position: relative; z-index: 1; }

.vc-monthly .is-not-in-month * { opacity: 0; pointer-events: none; }

.vc-day-layer { bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; }

.vc-day-box-center-center { align-items: center; display: flex; justify-content: center; transform-origin: 50% 50%; }

.vc-day-box-left-center { align-items: center; display: flex; justify-content: flex-start; transform-origin: 0 50%; }

.vc-day-box-right-center { align-items: center; display: flex; justify-content: flex-end; transform-origin: 100% 50%; }

.vc-day-box-center-bottom { align-items: flex-end; display: flex; justify-content: center; }

.vc-day-content { align-items: center; border-radius: var(--vc-rounded-full); cursor: pointer; display: flex; font-size: var(--vc-text-sm); font-weight: var(--vc-font-medium); height: 28px; justify-content: center; line-height: 28px; -webkit-user-select: none; user-select: none; width: 28px; }

.vc-day-content:hover { background-color: var(--vc-day-content-hover-bg); }

.vc-day-content.vc-disabled { color: var(--vc-day-content-disabled-color); }

.vc-content:not(.vc-base) { color: var(--vc-content-color); font-weight: var(--vc-font-bold); }

.vc-highlights { overflow: hidden; pointer-events: none; z-index: -1; }

.vc-highlight { height: 28px; width: 28px; }

.vc-highlight.vc-highlight-base-start { border-radius: 0 !important; border-right-width: 0 !important; width: 50% !important; }

.vc-highlight.vc-highlight-base-end { border-left-width: 0 !important; border-radius: 0 !important; width: 50% !important; }

.vc-highlight.vc-highlight-base-middle { border-left-width: 0 !important; border-radius: 0 !important; border-right-width: 0 !important; margin: 0 -1px; width: 100%; }

.vc-highlight-bg-none, .vc-highlight-bg-outline { background-color: var(--vc-highlight-outline-bg); border: 2px solid; border-color: var(--vc-highlight-outline-border); border-radius: var(--vc-rounded-full); }

.vc-highlight-bg-light { background-color: var(--vc-highlight-light-bg); border-radius: var(--vc-rounded-full); }

.vc-highlight-bg-solid { background-color: var(--vc-highlight-solid-bg); border-radius: var(--vc-rounded-full); }

.vc-highlight-content-none, .vc-highlight-content-outline { color: var(--vc-highlight-outline-content-color); font-weight: var(--vc-font-bold); }

.vc-highlight-content-light { color: var(--vc-highlight-light-content-color); font-weight: var(--vc-font-bold); }

.vc-highlight-content-solid { color: var(--vc-highlight-solid-content-color); font-weight: var(--vc-font-bold); }

.vc-dots { align-items: center; display: flex; justify-content: center; }

.vc-dot { border-radius: 9999px; height: 5px; transition: var(--vc-day-content-transition); width: 5px; }

.vc-dot:not(:last-child) { margin-right: 3px; }

.vc-bars { align-items: center; display: flex; justify-content: flex-start; width: 75%; }

.vc-bar { flex-grow: 1; height: 3px; transition: var(--vc-day-content-transition); }

.vc-dot { background-color: var(--vc-dot-bg); }

.vc-bar { background-color: var(--vc-bar-bg); }

.vc-pane { min-width: 250px; }

.vc-weeknumber { align-items: center; display: flex; justify-content: center; position: absolute; }

.vc-weeknumber.is-left { left: calc(var(--vc-weeknumber-offset-inside)*-1); }

.vc-weeknumber.is-right { right: calc(var(--vc-weeknumber-offset-inside)*-1); }

.vc-weeknumber.is-left-outside { left: calc(var(--vc-weeknumber-offset-outside)*-1); }

.vc-weeknumber.is-right-outside { right: calc(var(--vc-weeknumber-offset-outside)*-1); }

.vc-weeknumber-content { align-items: center; color: var(--vc-weeknumber-color); display: flex; font-size: var(--vc-text-xs); font-style: italic; font-weight: var(--vc-font-medium); height: 28px; justify-content: center; margin-top: 2px; -webkit-user-select: none; user-select: none; width: 28px; }

.vc-weeks { position: relative; -webkit-overflow-scrolling: touch; min-width: 232px; padding: 6px; }

.vc-weeks.vc-show-weeknumbers-left { margin-left: var(--vc-weeknumber-offset-inside); }

.vc-weeks.vc-show-weeknumbers-right { margin-right: var(--vc-weeknumber-offset-inside); }

.vc-weekday { color: var(--vc-weekday-color); cursor: default; font-size: var(--vc-text-sm); font-weight: var(--vc-font-bold); line-height: 14px; padding-bottom: 8px; padding-top: 4px; text-align: center; -webkit-user-select: none; user-select: none; }

.vc-week, .vc-weekdays { display: grid; grid-template-columns: repeat(7, 1fr); position: relative; }

.vc-pane-container { position: relative; width: 100%; }

.vc-pane-container.in-transition { overflow: hidden; }

.vc-pane-layout { display: grid; }

.vc-pane-header-wrapper { pointer-events: none; position: absolute; top: 0; width: 100%; }

.vc-day-popover-container { font-size: var(--vc-text-xs); font-weight: var(--vc-font-medium); }

.vc-day-popover-header { color: var(--vc-day-popover-header-color); font-size: var(--vc-text-xs); font-weight: var(--vc-font-semibold); text-align: center; }

.vc-base-select { align-items: center; display: flex; font-size: var(--vc-text-base); font-weight: var(--vc-font-medium); height: 30px; justify-content: center; position: relative; }

.vc-base-select.vc-has-icon select { padding: 0 27px 0 9px; }

.vc-base-select.vc-has-icon .vc-base-sizer { padding: 0 28px 0 10px; }

.vc-base-select.vc-fit-content select { left: 0; position: absolute; top: 0; width: 100%; }

.vc-base-select .vc-base-icon { opacity: .6; pointer-events: none; position: absolute; right: 4px; top: 6px; }

.vc-base-select .vc-base-sizer { color: #0000; font-size: var(--vc-text-base); font-weight: var(--vc-font-medium); margin: 0; padding: 0 8px; }

.vc-base-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--vc-select-bg); background-image: none; border-radius: var(--vc-rounded); color: var(--vc-select-color); cursor: pointer; display: inline-flex; display: block; height: 30px; justify-content: center; line-height: var(--leading-none); margin: 0; padding: 0 7px; text-align: center; text-indent: 0; width: max-content; }

.vc-base-select select:hover { background-color: var(--vc-select-hover-bg); }

.vc-base-select select.vc-align-left { text-align: left; }

.vc-base-select select.vc-align-right { text-align: right; }

.vc-time-picker { align-items: center; display: flex; flex-direction: column; padding: 8px 4px; }

.vc-time-picker.vc-invalid { opacity: .5; pointer-events: none; }

.vc-time-picker.vc-attached { border-top: 1px solid var(--vc-time-picker-border); }

.vc-time-picker > * + * { margin-top: 4px; }

.vc-time-header { align-items: center; display: flex; font-size: var(--vc-text-sm); font-weight: var(--vc-font-semibold); line-height: 21px; margin-top: -4px; padding-left: 4px; padding-right: 4px; text-transform: uppercase; }

.vc-time-select-group { align-items: center; background: var(--vc-time-select-group-bg); border: 1px solid var(--vc-time-select-group-border); border-radius: var(--vc-rounded-md); display: inline-flex; padding: 0 4px; }

.vc-time-select-group .vc-base-icon { color: var(--vc-time-select-group-icon-color); margin-right: 4px; }

.vc-time-select-group select { background: #0000; padding: 0 4px; }

.vc-time-weekday { color: var(--vc-time-weekday-color); letter-spacing: var(--tracking-wide); }

.vc-time-month { color: var(--vc-time-month-color); margin-left: 8px; }

.vc-time-day { color: var(--vc-time-day-color); margin-left: 4px; }

.vc-time-year { color: var(--vc-time-year-color); margin-left: 8px; }

.vc-time-colon { margin: 0 1px 2px 2px; }

.vc-time-decimal { margin: 0 0 0 1px; }

.vc-none-enter-active, .vc-none-leave-active { transition-duration: 0s; }

.vc-fade-enter-active, .vc-fade-leave-active, .vc-slide-down-enter-active, .vc-slide-down-leave-active, .vc-slide-fade-enter-active, .vc-slide-fade-leave-active, .vc-slide-left-enter-active, .vc-slide-left-leave-active, .vc-slide-right-enter-active, .vc-slide-right-leave-active, .vc-slide-up-enter-active, .vc-slide-up-leave-active { -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; transition: transform var(--vc-slide-duration) var(--vc-slide-timing), opacity var(--vc-slide-duration) var(--vc-slide-timing); }

.vc-fade-leave-active, .vc-none-leave-active, .vc-slide-down-leave-active, .vc-slide-left-leave-active, .vc-slide-right-leave-active, .vc-slide-up-leave-active { position: absolute !important; width: 100%; }

.vc-fade-enter-from, .vc-fade-leave-to, .vc-none-enter-from, .vc-none-leave-to, .vc-slide-down-enter-from, .vc-slide-down-leave-to, .vc-slide-fade-enter-from, .vc-slide-fade-leave-to, .vc-slide-left-enter-from, .vc-slide-left-leave-to, .vc-slide-right-enter-from, .vc-slide-right-leave-to, .vc-slide-up-enter-from, .vc-slide-up-leave-to { opacity: 0; }

.vc-slide-fade-enter-from.direction-left, .vc-slide-fade-leave-to.direction-left, .vc-slide-left-enter-from, .vc-slide-right-leave-to { transform: translate(var(--vc-slide-translate)); }

.vc-slide-fade-enter-from.direction-right, .vc-slide-fade-leave-to.direction-right, .vc-slide-left-leave-to, .vc-slide-right-enter-from { transform: translate(calc(var(--vc-slide-translate)*-1)); }

.vc-slide-down-leave-to, .vc-slide-fade-enter-from.direction-top, .vc-slide-fade-leave-to.direction-top, .vc-slide-up-enter-from { transform: translateY(var(--vc-slide-translate)); }

.vc-slide-down-enter-from, .vc-slide-fade-enter-from.direction-bottom, .vc-slide-fade-leave-to.direction-bottom, .vc-slide-up-leave-to { transform: translateY(calc(var(--vc-slide-translate)*-1)); }

:root { --vc-white: #fff; --vc-black: #000; --vc-gray-50: #f8fafc; --vc-gray-100: #f1f5f9; --vc-gray-200: #e2e8f0; --vc-gray-300: #cbd5e1; --vc-gray-400: #94a3b8; --vc-gray-500: #64748b; --vc-gray-600: #475569; --vc-gray-700: #334155; --vc-gray-800: #1e293b; --vc-gray-900: #0f172a; --vc-font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif; --vc-font-normal: 400; --vc-font-medium: 500; --vc-font-semibold: 600; --vc-font-bold: 700; --vc-text-2xs: 10px; --vc-text-xs: 12px; --vc-text-sm: 14px; --vc-text-base: 16px; --vc-text-lg: 18px; --vc-text-xl: 20px; --vc-text-2xl: 24px; --vc-leading-none: 1; --vc-leading-tight: 1.25; --vc-leading-snug: 1.375; --vc-leading-normal: 1.5; --vc-rounded: .25rem; --vc-rounded-md: .375rem; --vc-rounded-lg: .5rem; --vc-rounded-full: 9999px; --vc-shadow: 0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f; --vc-shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d; --vc-shadow-inner: inset 0 2px 4px 0 #0000000f; --vc-slide-translate: 22px; --vc-slide-duration: .15s; --vc-slide-timing: ease; --vc-day-content-transition: all .13s ease-in; --vc-weeknumber-offset-inside: 26px; --vc-weeknumber-offset-outside: 34px
; }

.vc-gray { --vc-accent-50: var(--vc-gray-50); --vc-accent-100: var(--vc-gray-100); --vc-accent-200: var(--vc-gray-200); --vc-accent-300: var(--vc-gray-300); --vc-accent-400: var(--vc-gray-400); --vc-accent-500: var(--vc-gray-500); --vc-accent-600: var(--vc-gray-600); --vc-accent-700: var(--vc-gray-700); --vc-accent-800: var(--vc-gray-800); --vc-accent-900: var(--vc-gray-900)
; }

.vc-red { --vc-accent-50: #fef2f2; --vc-accent-100: #fee2e2; --vc-accent-200: #fecaca; --vc-accent-300: #fca5a5; --vc-accent-400: #f87171; --vc-accent-500: #ef4444; --vc-accent-600: #dc2626; --vc-accent-700: #b91c1c; --vc-accent-800: #991b1b; --vc-accent-900: #7f1d1d
; }

.vc-orange { --vc-accent-50: #fff7ed; --vc-accent-100: #ffedd5; --vc-accent-200: #fed7aa; --vc-accent-300: #fdba74; --vc-accent-400: #fb923c; --vc-accent-500: #f97316; --vc-accent-600: #ea580c; --vc-accent-700: #c2410c; --vc-accent-800: #9a3412; --vc-accent-900: #7c2d12
; }

.vc-yellow { --vc-accent-50: #fefce8; --vc-accent-100: #fef9c3; --vc-accent-200: #fef08a; --vc-accent-300: #fde047; --vc-accent-400: #facc15; --vc-accent-500: #eab308; --vc-accent-600: #ca8a04; --vc-accent-700: #a16207; --vc-accent-800: #854d0e; --vc-accent-900: #713f12
; }

.vc-green { --vc-accent-50: #f0fdf4; --vc-accent-100: #dcfce7; --vc-accent-200: #bbf7d0; --vc-accent-300: #86efac; --vc-accent-400: #4ade80; --vc-accent-500: #22c55e; --vc-accent-600: #16a34a; --vc-accent-700: #15803d; --vc-accent-800: #166534; --vc-accent-900: #14532d
; }

.vc-teal { --vc-accent-50: #f0fdfa; --vc-accent-100: #ccfbf1; --vc-accent-200: #99f6e4; --vc-accent-300: #5eead4; --vc-accent-400: #2dd4bf; --vc-accent-500: #14b8a6; --vc-accent-600: #0d9488; --vc-accent-700: #0f766e; --vc-accent-800: #115e59; --vc-accent-900: #134e4a
; }

.vc-blue { --vc-accent-50: #eff6ff; --vc-accent-100: #dbeafe; --vc-accent-200: #bfdbfe; --vc-accent-300: #93c5fd; --vc-accent-400: #60a5fa; --vc-accent-500: #3b82f6; --vc-accent-600: #2563eb; --vc-accent-700: #1d4ed8; --vc-accent-800: #1e40af; --vc-accent-900: #1e3a8a
; }

.vc-indigo { --vc-accent-50: #eef2ff; --vc-accent-100: #e0e7ff; --vc-accent-200: #c7d2fe; --vc-accent-300: #a5b4fc; --vc-accent-400: #818cf8; --vc-accent-500: #6366f1; --vc-accent-600: #4f46e5; --vc-accent-700: #4338ca; --vc-accent-800: #3730a3; --vc-accent-900: #312e81
; }

.vc-purple { --vc-accent-50: #faf5ff; --vc-accent-100: #f3e8ff; --vc-accent-200: #e9d5ff; --vc-accent-300: #d8b4fe; --vc-accent-400: #c084fc; --vc-accent-500: #a855f7; --vc-accent-600: #9333ea; --vc-accent-700: #7e22ce; --vc-accent-800: #6b21a8; --vc-accent-900: #581c87
; }

.vc-pink { --vc-accent-50: #fdf2f8; --vc-accent-100: #fce7f3; --vc-accent-200: #fbcfe8; --vc-accent-300: #f9a8d4; --vc-accent-400: #f472b6; --vc-accent-500: #ec4899; --vc-accent-600: #db2777; --vc-accent-700: #be185d; --vc-accent-800: #9d174d; --vc-accent-900: #831843
; }

.vc-focus:focus-within { box-shadow: var(--vc-focus-ring); outline: 0; }

.vc-light { --vc-color: var(--vc-gray-900); --vc-bg: var(--vc-white); --vc-border: var(--vc-gray-300); --vc-hover-bg: #ccd6e04d; --vc-focus-ring: 0 0 0 2px #3b83f666; --vc-header-arrow-color: var(--vc-gray-500); --vc-header-arrow-hover-bg: var(--vc-gray-200); --vc-header-title-color: var(--vc-gray-900); --vc-weekday-color: var(--vc-gray-500); --vc-weeknumber-color: var(--vc-gray-400); --vc-nav-hover-bg: var(--vc-gray-200); --vc-nav-title-color: var(--vc-gray-900); --vc-nav-item-hover-box-shadow: none; --vc-nav-item-active-color: var(--vc-white); --vc-nav-item-active-bg: var(--vc-accent-500); --vc-nav-item-active-box-shadow: var(--vc-shadow); --vc-nav-item-current-color: var(--vc-accent-600); --vc-day-popover-container-color: var(--vc-white); --vc-day-popover-container-bg: var(--vc-gray-800); --vc-day-popover-container-border: var(--vc-gray-700); --vc-day-popover-header-color: var(--vc-gray-700); --vc-popover-content-color: var(--vc-gray-900); --vc-popover-content-bg: var(--vc-gray-50); --vc-popover-content-border: var(--vc-gray-300); --vc-time-picker-border: var(--vc-gray-300); --vc-time-weekday-color: var(--vc-gray-700); --vc-time-month-color: var(--vc-accent-600); --vc-time-day-color: var(--vc-accent-600); --vc-time-year-color: var(--vc-gray-500); --vc-time-select-group-bg: var(--vc-gray-50); --vc-time-select-group-border: var(--vc-gray-300); --vc-time-select-group-icon-color: var(--vc-accent-500); --vc-select-color: var(--vc-gray-900); --vc-select-bg: var(--vc-gray-100); --vc-select-hover-bg: var(--vc-gray-200); --vc-day-content-hover-bg: var(--vc-hover-bg); --vc-day-content-disabled-color: var(--vc-gray-400)
; }

.vc-light .vc-attr, .vc-light.vc-attr { --vc-content-color: var(--vc-accent-600); --vc-highlight-outline-bg: var(--vc-white); --vc-highlight-outline-border: var(--vc-accent-600); --vc-highlight-outline-content-color: var(--vc-accent-700); --vc-highlight-light-bg: var(--vc-accent-200); --vc-highlight-light-content-color: var(--vc-accent-900); --vc-highlight-solid-bg: var(--vc-accent-600); --vc-highlight-solid-content-color: var(--vc-white); --vc-dot-bg: var(--vc-accent-600); --vc-bar-bg: var(--vc-accent-600)
; }

.vc-dark { --vc-color: var(--vc-white); --vc-bg: var(--vc-gray-900); --vc-border: var(--vc-gray-700); --vc-hover-bg: #7281974d; --vc-focus-ring: 0 0 0 2px #3b82f6b3; --vc-header-arrow-color: var(--vc-gray-300); --vc-header-arrow-hover-bg: var(--vc-gray-800); --vc-header-title-color: var(--vc-gray-100); --vc-weekday-color: var(--vc-accent-200); --vc-weeknumber-color: var(--vc-gray-500); --vc-nav-hover-bg: var(--vc-gray-700); --vc-nav-title-color: var(--vc-gray-100); --vc-nav-item-hover-box-shadow: none; --vc-nav-item-active-color: var(--vc-white); --vc-nav-item-active-bg: var(--vc-accent-500); --vc-nav-item-active-box-shadow: none; --vc-nav-item-current-color: var(--vc-accent-400); --vc-day-popover-container-color: var(--vc-gray-800); --vc-day-popover-container-bg: var(--vc-white); --vc-day-popover-container-border: var(--vc-gray-100); --vc-day-popover-header-color: var(--vc-gray-300); --vc-popover-content-color: var(--vc-white); --vc-popover-content-bg: var(--vc-gray-800); --vc-popover-content-border: var(--vc-gray-700); --vc-time-picker-border: var(--vc-gray-700); --vc-time-weekday-color: var(--vc-gray-400); --vc-time-month-color: var(--vc-accent-400); --vc-time-day-color: var(--vc-accent-400); --vc-time-year-color: var(--vc-gray-500); --vc-time-select-group-bg: var(--vc-gray-700); --vc-time-select-group-border: var(--vc-gray-500); --vc-time-select-group-icon-color: var(--vc-accent-400); --vc-select-color: var(--vc-gray-200); --vc-select-bg: var(--vc-gray-700); --vc-select-hover-bg: var(--vc-gray-600); --vc-day-content-hover-bg: var(--vc-hover-bg); --vc-day-content-disabled-color: var(--vc-gray-600)
; }

.vc-dark .vc-attr, .vc-dark.vc-attr { --vc-content-color: var(--vc-accent-500); --vc-highlight-outline-bg: var(--vc-gray-900); --vc-highlight-outline-border: var(--vc-accent-300); --vc-highlight-outline-content-color: var(--vc-accent-200); --vc-highlight-light-bg: var(--vc-accent-800); --vc-highlight-light-content-color: var(--vc-accent-100); --vc-highlight-solid-bg: var(--vc-accent-500); --vc-highlight-solid-content-color: var(--vc-white); --vc-dot-bg: var(--vc-accent-500); --vc-bar-bg: var(--vc-accent-500)
; }

.vc-container { background-color: var(--vc-bg); color: var(--vc-color); display: inline-flex; font-family: var(--vc-font-family); height: max-content; position: relative; width: max-content; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; }

.vc-container, .vc-container * { box-sizing: border-box; }

.vc-container :focus, .vc-container:focus { outline: none; }

.vc-container .vc-container { border: none; }

.vc-bordered { border: 1px solid; border-color: var(--vc-border); border-radius: var(--vc-rounded-lg); }

.vc-expanded { min-width: 100%; }

.vc-transparent { background-color: initial; }

.vc-date-picker-content { background-color: var(--vc-bg); padding: 0; }

.vc-date-picker-content .vc-container { border: 0; }

/* 사업자정보관리 비즈공통 */
:root, :host { --gray900s: #191919; --gray700s: #424242; --gray600s: #595959; --gray550s: #8e8e8e; --gray500s: #949494; --gray400s: #B2B2B2; --gray300s: #CCCCCC; --gray200s: #DDDDDD; --gray100s: #EEEEEE; --gray050s: #F5F5F5; --gray000s: #F7F7F7; --gray700a: rgba(0,0,0,.7); --gray400a: rgba(0,0,0,.3); --gray200a: rgba(0,0,0,.14); --gray150a: rgba(0,0,0,.12); --gray120a: rgba(0,0,0,.1); --gray070a: rgba(0,0,0,.06); --gray050a: rgba(0,0,0,.04); --gray000a: rgba(0,0,0,.03); --white000s: #fff; --blue700s: #19234B; --blue500s: #326EDC; --purple500s: #745FFF; --blue300s: #ABC1D1; --blue100s: #F4F9FF; --red500s: #F4551E; --red100s: #FDF3F0; --yellow500s: #FEE500; }

@media screen and (prefers-color-scheme: dark) { :root { --gray900s: #191919; --gray700s: #424242; --gray600s: #595959; --gray550s: #8e8e8e; --gray500s: #949494; --gray400s: #B2B2B2; --gray300s: #CCCCCC; --gray200s: #DDDDDD; --gray100s: #EEEEEE; --gray050s: #F5F5F5; --gray000s: #F7F7F7; --gray700a: rgba(0,0,0,.7); --gray400a: rgba(0,0,0,.3); --gray200a: rgba(0,0,0,.14); --gray150a: rgba(0,0,0,.12); --gray120a: rgba(0,0,0,.1); --gray070a: rgba(0,0,0,.06); --gray050a: rgba(0,0,0,.04); --gray000a: rgba(0,0,0,.03); --white000s: #fff; --blue700s: #19234B; --blue500s: #326EDC; --purple500s: #745FFF; --blue300s: #ABC1D1; --blue100s: #F4F9FF; --red500s: #F4551E; --red100s: #FDF3F0; --yellow500s: #FEE500; } }

/* icon */
.ico_comm { display: inline-block; overflow: hidden; font-size: 0; line-height: 0; background: url(//t1.daumcdn.net/biz/ui/bizcomm/comm/ico_comm.png) 0 0 no-repeat; background-size: 400px auto; text-indent: -9999px; vertical-align: top; }

/** popup **/
.dimmed_layer { position: fixed; left: 0; top: 0; z-index: 998; width: 100%; height: 100%; background-color: var(--gray400a); }

.wrap_layer { display: flex; align-items: center; justify-content: center; overflow: auto; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; }

.wrap_layer .layer_foot { padding-top: 20px; text-align: right; font-size: 0; }

.wrap_layer .layer_foot [class*="btn_g"] { margin-left: 10px; }

/* alert */
.alert_layer { width: 400px; min-height: 200px; padding: 30px; background-color: var(--white000s); box-sizing: border-box; }

.alert_layer .layer_body { min-height: 80px; }

.alert_layer .tit_layer { display: block; padding-bottom: 10px; font-size: 18px; line-height: 26px; }

.alert_layer .desc_layer { font-size: 14px; line-height: 20px; }

/* layer */
.basic_layer { position: relative; width: 640px; padding: 30px; background-color: var(--white000s); box-sizing: border-box; }

.basic_layer .layer_head { padding-bottom: 20px; border-bottom: 1px solid var(--gray900s); }

.basic_layer .layer_head .tit_layer { display: block; font-size: 18px; line-height: 26px; font-weight: 700; }

.basic_layer .layer_head .desc_layer { margin-top: 10px; font-size: 12px; line-height: 17px; color: var(--gray600s); }

.basic_layer .layer_body { margin-top: 20px; }

.basic_layer.type_wide { width: 900px; }

.basic_layer .btn_close { position: absolute; top: 0; right: 0; padding: 18px; }

.basic_layer .btn_close .ico_close { width: 14px; height: 14px; background-position: -85px -120px; }

/* 버튼 CSS */
/* (공통)기본버튼 */
.btn_gb, .btn_gm, .btn_gs { display: inline-block; background: var(--gray000a); text-align: center; box-sizing: border-box; vertical-align: top; }

.btn_gb:hover, .btn_gm:hover, .btn_gs:hover { background: var(--gray070a); text-decoration: none; }

.btn_gb .inner_g, .btn_gm .inner_g, .btn_gs .inner_g { display: block; border: 1px solid var(--gray070a); color: var(--gray900s); box-sizing: border-box; }

/* 기본버튼 > 비활성화 */
.btn_gb:disabled, .btn_gm:disabled, .btn_gs:disabled, .btn_gb.disabled, .btn_gm.disabled, .btn_gs.disabled { pointer-events: none; cursor: default; }

.btn_gb:disabled:hover, .btn_gm:disabled:hover, .btn_gs:disabled:hover, .btn_gb.disabled:hover, .btn_gm.disabled:hover, .btn_gs.disabled:hover { background: var(--gray000a); }

.btn_gb:disabled .inner_g, .btn_gm:disabled .inner_g, .btn_gs:disabled .inner_g, .btn_gb.disabled .inner_g, .btn_gm.disabled .inner_g, .btn_gs.disabled .inner_g { color: var(--gray400s); }

/* (공통)강조버튼 */
.btn_gb.g_emph, .btn_gm.g_emph, .btn_gs.g_emph { background: var(--blue500s); }

.btn_gb.g_emph:hover .inner_g, .btn_gm.g_emph:hover .inner_g, .btn_gs.g_emph:hover .inner_g { background: var(--gray120a); }

.btn_gb.g_emph .inner_g, .btn_gm.g_emph .inner_g, .btn_gs.g_emph .inner_g { border-color: transparent; color: var(--white000s); }

/* 강조버튼 > 비활성화 */
.btn_gb.g_emph.disabled, .btn_gm.g_emph.disabled, .btn_gs.g_emph.disabled { background: var(--gray000a); }

.btn_gb.g_emph.disabled:hover .inner_g, .btn_gm.g_emph.disabled:hover .inner_g, .btn_gs.g_emph.disabled:hover .inner_g { background: none; }

.btn_gb.g_emph.disabled .inner_g, .btn_gm.g_emph.disabled .inner_g, .btn_gs.g_emph.disabled .inner_g { color: var(--gray400s); }

/* (공통)라인강조버튼 */
.btn_gb.g_line, .btn_gm.g_line, .btn_gs.g_line { background: var(--white000s); }

.btn_gb.g_line .inner_g { border-color: var(--gray120a); }

.btn_gm.g_line .inner_g { border-color: var(--gray150a); }

.btn_gs.g_line .inner_g { border-color: var(--gray150a); }

.btn_gb.g_line:hover .inner_g { background: var(--gray050a); }

.btn_gm.g_line:hover .inner_g { background: var(--gray050a); }

.btn_gs.g_line:hover .inner_g { background: var(--gray050a); }

/* 라인강조버튼 > 비활성화 */
.btn_gb.g_line.disabled, .btn_gm.g_line.disabled, .btn_gs.g_line.disabled { background: var(--white000s); }

.btn_gb.g_line.disabled .inner_g, .btn_gm.g_line.disabled .inner_g, .btn_gs.g_line.disabled .inner_g { color: var(--gray400s); }

.btn_gb.g_line.disabled:hover .inner_g, .btn_gm.g_line.disabled:hover .inner_g, .btn_gs.g_line.disabled:hover .inner_g { background: none; }

/* (공통)라인강조버튼2 */
.btn_gb.g_line2, .btn_gm.g_line2, .btn_gs.g_line2 { background: var(--white000s); }

.btn_gb.g_line2 .inner_g, .btn_gm.g_line2 .inner_g, .btn_gs.g_line2 .inner_g { border-color: var(--gray700a); }

.btn_gb.g_line2:hover .inner_g, .btn_gm.g_line2:hover .inner_g, .btn_gs.g_line2:hover .inner_g { background: var(--gray050a); }

/* 라인강조버튼2 > 비활성화 */
.btn_gb.g_line2.disabled, .btn_gm.g_line2.disabled, .btn_gs.g_line2.disabled { background: var(--white000s); }

.btn_gb.g_line2.disabled .inner_g, .btn_gm.g_line2.disabled .inner_g, .btn_gs.g_line2.disabled .inner_g { color: var(--gray400s); border-color: var(--gray150a); }

.btn_gb.g_line2.disabled:hover .inner_g, .btn_gm.g_line2.disabled:hover .inner_g, .btn_gs.g_line2.disabled:hover .inner_g { background: none; }

/* 버튼 - large */
.btn_gb { min-width: 140px; }

.btn_gb .inner_g { height: 50px; padding: 13px 19px; font-size: 16px; line-height: 20px; }

.btn_gb .ico_comm { display: inline-block; width: 16px; height: 16px; margin: 3px 7px 0 0; vertical-align: top; }

.btn_gb .ico_talk { background-position: -20px 0; }

.btn_gb .ico_add { background-position: -80px 0; }

.btn_gb.g_emph .ico_talk { background-position: 0 0; }

.btn_gb.g_emph .ico_add { background-position: -60px 0; }

.btn_gb.disabled .ico_talk, .btn_gb.g_emph.disabled .ico_talk { background-position: -40px 0; }

.btn_gb.disabled .ico_add, .btn_gb.g_emph.disabled .ico_add { background-position: -100px 0; }

/* 버튼 - Medium */
.btn_gm .inner_g { height: 40px; padding: 10px 19px; font-size: 14px; line-height: 18px; }

.btn_gm .ico_comm { display: inline-block; width: 14px; height: 14px; margin: 2px 6px 0 0; vertical-align: top; }

.btn_gm .ico_talk { background-position: -20px -20px; }

.btn_gm .ico_add { background-position: -80px -20px; }

.btn_gm.g_emph .ico_talk { background-position: 0 -20px; }

.btn_gm.g_emph .ico_add { background-position: -60px -20px; }

.btn_gm.disabled .ico_talk, .btn_gm.g_emph.disabled .ico_talk { background-position: -40px -20px; }

.btn_gm.disabled .ico_add, .btn_gm.g_emph.disabled .ico_add { background-position: -100px -20px; }

/* 버튼 - Small */
.btn_gs .inner_g { height: 30px; padding: 5px 14px; font-size: 12px; line-height: 18px; }

.btn_gs .ico_comm { display: inline-block; width: 12px; height: 12px; margin: 3px 2px 0 0; vertical-align: top; }

.btn_gs .ico_talk { background-position: -15px -40px; }

.btn_gs .ico_add { background-position: -60px -40px; }

.btn_gs.g_emph .ico_talk { background-position: 0 -40px; }

.btn_gs.g_emph .ico_add { background-position: -45px -40px; }

.btn_gs.disabled .ico_talk, .btn_gs.g_emph.disabled .ico_talk { background-position: -30px -40px; }

.btn_gs.disabled .ico_add, .btn_gs.g_emph.disabled .ico_add { background-position: -75px -40px; }

/* (공통)텍스트 버튼 */
.link_gb, .link_gm, .link_gs { display: inline-block; color: var(--gray900s); vertical-align: top; }

.link_eb, .link_em, .link_es { display: inline-block; color: var(--blue500s); vertical-align: top; }

.link_eb.g_line, .link_em.g_line, .link_es.g_line, .link_gb.g_line, .link_gm.g_line, .link_gs.g_line { position: relative; }

.link_eb.g_line:after, .link_em.g_line:after, .link_es.g_line:after, .link_gb.g_line:after, .link_gm.g_line:after, .link_gs.g_line:after { content: ''; position: absolute; left: 0; right: 0; border-bottom: 1px solid var(--gray900s); }

.link_eb.g_line:after, .link_em.g_line:after, .link_es.g_line:after { border-bottom-color: var(--blue500s); }

.link_eb.g_line:after, .link_gb.g_line:after, .link_em.g_line:after, .link_gm.g_line:after, .link_es.g_line:after, .link_gs.g_line:after { bottom: 1px; }

.link_eb.g_line, .link_em.g_line, .link_es.g_line, .link_gb.g_line, .link_gm.g_line, .link_gs.g_line, .link_gb.g_line.disabled:hover, .link_gm.g_line.disabled:hover, .link_gs.g_line.disabled:hover { text-decoration: none; }

.link_gb.disabled, .link_gm.disabled, .link_gs.disabled { color: var(--gray400s); pointer-events: none; cursor: default; }

.link_gb.disabled:hover, .link_gm.disabled:hover, .link_gs.disabled:hover { text-decoration: none; }

.link_eb.disabled, .link_em.disabled, .link_es.disabled { opacity: 0.3; pointer-events: none; cursor: default; }

.link_gb.disabled:after, .link_gm.disabled:after, .link_gs.disabled:after { border-color: var(--gray400s); }

/* 텍스트버튼 - large */
.link_gb, .link_eb { font-size: 16px; line-height: 23px; }

.link_gb .ico_comm, .link_eb .ico_comm { display: inline-block; width: 16px; height: 16px; margin: 5px 0 0 0; vertical-align: top; }

.link_gb .ico_arr { background-position: -140px 0; }

.link_gb.disabled .ico_arr { background-position: -160px 0; }

.link_eb .ico_arr { background-position: -120px 0; }

/* 텍스트버튼 - Medium */
.link_gm, .link_em { font-size: 14px; line-height: 20px; }

.link_gm .ico_comm, .link_em .ico_comm { display: inline-block; width: 14px; height: 14px; margin: 4px 0 0 0; vertical-align: top; }

.link_gm .ico_arr { background-position: -140px -20px; }

.link_gm.disabled .ico_arr { background-position: -160px -20px; }

.link_em .ico_arr { background-position: -120px -20px; }

/* 텍스트버튼 - Small */
.link_gs, .link_es { font-size: 12px; line-height: 17px; }

.link_gs .ico_comm, .link_es .ico_comm { display: inline-block; width: 12px; height: 12px; margin: 3px 0 0 0; vertical-align: top; }

.link_gs .ico_arr { background-position: -105px -40px; }

.link_gs.disabled .ico_arr { background-position: -120px -40px; }

.link_es .ico_arr { background-position: -90px -40px; }

/** 체크박스 **/
.inp_comm { border: 0; background: none; border-radius: 0; appearance: none; outline: 0; opacity: .001; }

.item_choice { display: inline-block; position: relative; min-width: 18px; min-height: 18px; vertical-align: top; }

.item_choice .inp_comm { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.item_choice .lab_choice { display: block; position: relative; min-height: 18px; cursor: pointer; }

.item_choice .ico_comm { position: absolute; top: 50%; left: 0; width: 18px; height: 18px; margin-top: -9px; }

.item_choice .ico_check { background-position: 0 -75px; }

.item_choice .inp_comm:disabled + .lab_choice .ico_check { background-position: -20px -75px; cursor: default; }

.item_choice .inp_comm:checked + .lab_choice .ico_check { background-position: -40px -75px; }

.item_choice .inp_comm:checked:disabled + .lab_choice .ico_check { background-position: -60px -75px; }

/* 체크모양 타입 */
.item_choice.type_check .ico_check { background-position: 0 -95px; }

.item_choice.type_check .inp_comm:disabled + .lab_choice .ico_check { background-position: -20px -95px; cursor: default; }

.item_choice.type_check .inp_comm:checked + .lab_choice .ico_check { background-position: -40px -95px; }

.item_choice.type_check .inp_comm:checked:disabled + .lab_choice .ico_check { background-position: -60px -95px; }

/* 카탈로그 타입 */
.item_choice.type_catalog .ico_check { background-position: 0 -115px; }

.item_choice.type_catalog .inp_comm:disabled + .lab_choice .ico_check { background-position: -20px -115px; cursor: default; }

.item_choice.type_catalog .inp_comm:checked + .lab_choice .ico_check { background-position: -40px -115px; }

.item_choice.type_catalog .inp_comm:checked:disabled + .lab_choice .ico_check { background-position: -60px -115px; }

/* 라벨 노출시 */
.item_choice .txt_choice { display: block; padding-left: 28px; font-size: 14px; line-height: 20px; }

/** 라디오버튼 **/
.item_choice .ico_radio { background-position: 0 -55px; }

.item_choice .inp_comm:disabled + .lab_choice .ico_radio { background-position: -20px -55px; cursor: default; }

.item_choice .inp_comm:checked + .lab_choice .ico_radio { background-position: -40px -55px; }

.item_choice .inp_comm:checked:disabled + .lab_choice .ico_radio { background-position: -60px -55px; }

[class*="tab_basic"] .link_tab:hover { text-decoration: none; }

/* tab - Filled형 type1 */
.tab_basic .list_tab { position: relative; height: 50px; background: var(--white000s); border: 1px solid var(--gray200s); border-left: 0 none; box-sizing: border-box; }

.tab_basic .list_tab li { float: left; }

.tab_basic .list_tab li .link_tab { position: relative; z-index: 1; display: inline-block; height: 50px; padding: 0 30px; margin-top: -1px; border: 1px solid var(--gray200s); font-size: 15px; line-height: 50px; color: var(--gray600s); background: var(--white000s); box-sizing: border-box; vertical-align: top; text-align: center; }

.tab_basic .list_tab li + li .link_tab { border-left: none; }

.tab_basic .list_tab li .link_tab[aria-selected="true"] { border-color: var(--blue700s); color: var(--white000s); font-weight: bold; background: var(--blue700s); }

/* tab - Filled형 type2 */
.tab_basic2 .list_tab { position: relative; height: 50px; background: var(--gray000s); border: 1px solid var(--gray200s); border-left: 0 none; box-sizing: border-box; }

.tab_basic2 .list_tab li { float: left; }

.tab_basic2 .list_tab li .link_tab { position: relative; z-index: 1; display: inline-block; height: 50px; padding: 0 30px; margin-top: -1px; border: 1px solid var(--gray200s); font-size: 15px; line-height: 50px; color: var(--gray600s); background: var(--gray000s); box-sizing: border-box; vertical-align: top; }

.tab_basic2 .list_tab li + li .link_tab { border-left: none; }

.tab_basic2 .list_tab li .link_tab[aria-selected="true"] { border-bottom-color: var(--white000s); color: var(--gray900s); font-weight: bold; background: var(--white000s); }

/* tab - Filled형 type3 */
.tab_basic3 .list_tab { position: relative; height: 30px; background: var(--white000s); border: 1px solid var(--gray200s); border-left: 0 none; box-sizing: border-box; }

.tab_basic3 .list_tab li { float: left; }

.tab_basic3 .list_tab li .link_tab { position: relative; z-index: 1; display: inline-block; height: 30px; padding: 0 12px; margin-top: -1px; border: 1px solid var(--gray200s); font-size: 12px; line-height: 30px; color: var(--gray600s); background: var(--white000s); box-sizing: border-box; vertical-align: top; }

.tab_basic3 .list_tab li + li .link_tab { border-left: none; }

.tab_basic3 .list_tab li .link_tab[aria-selected="true"] { border-color: var(--blue700s); color: var(--white000s); background: var(--blue700s); }

/* tab - line형 type1 */
.tab_line .list_tab { overflow: hidden; position: relative; height: 50px; background: var(--white000s); }

.tab_line .list_tab:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: var(--gray200s); }

.tab_line .list_tab li { float: left; box-sizing: border-box; }

.tab_line .list_tab li .link_tab { display: inline-block; height: 50px; padding: 0 16px; font-size: 14px; line-height: 50px; color: var(--gray600s); background: var(--white000s); box-sizing: border-box; vertical-align: top; }

.tab_line .list_tab li .link_tab:after { display: none; content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--gray900s); }

.tab_line .list_tab li .link_tab:hover { text-decoration: none; }

.tab_line .list_tab li + li { margin-left: 10px; }

.tab_line .list_tab li + li .link_tab { border-left: none; }

.tab_line .list_tab li .link_tab[aria-selected="true"] { position: relative; color: var(--gray900s); font-weight: bold; }

.tab_line .list_tab li .link_tab[aria-selected="true"]:after { display: block; }

/* tab - line형 type2 */
.tab_line2 .list_tab { overflow: hidden; position: relative; height: 34px; background: var(--white000s); }

.tab_line2 .list_tab:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: var(--gray200s); }

.tab_line2 .list_tab li { float: left; padding: 0; box-sizing: border-box; }

/* 여백확인필요 */
.tab_line2 .list_tab li .link_tab { position: relative; display: inline-block; height: 34px; font-size: 26px; line-height: 34px; color: var(--gray600s); box-sizing: border-box; vertical-align: top; }

.tab_line2 .list_tab li .link_tab:after { display: none; content: ''; position: absolute; bottom: 0; left: 5px; right: 0; height: 2px; background: var(--gray900s); }

.tab_line2 .list_tab li:last-child .link_tab { padding-right: 0; }

.tab_line2 .list_tab li:first-child .link_tab:after { left: 0; }

.tab_line2 .list_tab li:last-child .link_tab:after { right: 0; }

.tab_line2 .list_tab li .link_tab:hover { text-decoration: none; }

.tab_line2 .list_tab li + li .link_tab { margin-left: 30px; border-left: none; }

.tab_line2 .list_tab li .link_tab[aria-selected="true"] { color: var(--gray900s); font-weight: bold; }

.tab_line2 .list_tab li .link_tab[aria-selected="true"]:after { display: block; }

/** Table(세로형) **/
.tblg_wrap { border-top: 1px solid var(--gray200s); border-bottom: 1px solid var(--gray200s); }

.tblg_wrap .tbl_g { table-layout: fixed; width: 100%; border-collapse: collapse; background-color: var(--white000s); border: none; }

.tblg_wrap .tbl_g .txt_limit { display: block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }

.tblg_wrap .tbl_g .txt_limit2 { display: -webkit-box; overflow: hidden; max-height: 42px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.tblg_wrap .tbl_g thead th { height: 49px; border-right: 1px solid var(--gray100s); border-bottom: 1px solid var(--gray100s); font-size: 12px; font-weight: 400; color: var(--gray600s); background: var(--gray000s); text-align: left; }

.tblg_wrap .tbl_g thead th:last-child { border-right: none; }

.tblg_wrap .tbl_g tbody tr:hover { background: var(--gray000s); }

.tblg_wrap .tbl_g tbody tr.on { background-color: var(--blue100s); }

.tblg_wrap .tbl_g tbody td { border-right: 1px solid var(--gray100s); border-bottom: 1px solid var(--gray100s); font-size: 14px; color: var(--gray900s); word-break: break-all; }

.tblg_noline .tbl_g thead th, .tblg_noline .tbl_g tbody td { border-right-color: transparent; }

/* 테이블 내 라인 없는 경우 */
.tblg_wrap .tbl_g tbody tr td:last-child { border-right: 0 none; }

.tblg_wrap .tbl_g tbody tr:last-child td { border-bottom: none; }

.tblg_wrap .tbl_g .inner_tbl { position: relative; width: 100%; padding: 14px 10px 14px 12px; line-height: 20px; box-sizing: border-box; }

.tblg_wrap .tbl_g th.align_c, .tblg_wrap .tbl_g td.align_c { text-align: center; }

.tblg_wrap .tbl_g th.align_c .inner_tbl, .tblg_wrap .tbl_g td.align_c .inner_tbl { padding-left: 0; padding-right: 0; }

.tblg_wrap .tbl_g th.align_r, .tblg_wrap .tbl_g td.align_r { text-align: right; }

.tblg_wrap .tbl_g th.align_l, .tblg_wrap .tbl_g td.align_l { text-align: left; }

.tblg_wrap .tbl_g .btn_gs + .btn_gs { margin-left: 6px; }

.tblg_wrap .tbl_g .inner_tbl .txt_sub { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; }

/* Table Filter */
.tblg_filter { min-height: 60px; padding: 10px 12px; background-color: var(--gray100s); box-sizing: border-box; }

.tblg_filter + .tblg_wrap { border-top: 0 none; }

.tblg_filter .group_tf { float: left; font-size: 0; }

.tblg_filter .group_tf + .group_tf { margin-left: 20px; }

.tblg_filter .tit_g { display: inline-block; padding-right: 12px; font-weight: 400; font-size: 12px; line-height: 40px; color: var(--gray600s); letter-spacing: -0.4px; vertical-align: top; }

.tblg_filter .item_select + .item_txtinp { margin-left: 10px; }

.tblg_filter .box_sorting .item_select + .item_txtinp { margin-left: 0; }

/* scroll */
.tblg_wrap.tblg_scroll { overflow: hidden; overflow-x: scroll; }

/* tblg_scroll scroll */
.tblg_scroll::-webkit-scrollbar-track { background-color: #F7F7F7; }

.tblg_scroll::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 10px; }

.tblg_scroll::-webkit-scrollbar-thumb:hover { background-color: #919191; }

.tblg_scroll::-webkit-scrollbar-button { width: 6px; height: 6px; background: transparent; }

/** Table (가로형) **/
.tblg_wrap2 { border-top: 1px solid var(--gray200s); border-bottom: 1px solid var(--gray200s); }

.tblg_wrap2 .tbl_g { table-layout: fixed; width: 100%; border-collapse: collapse; background-color: var(--white000s); border: none; }

.tblg_wrap2 .tbl_g thead th { height: 49px; border-right: 1px solid var(--gray100s); border-bottom: 1px solid var(--gray100s); font-size: 12px; font-weight: 400; color: var(--gray600s); background: var(--gray000s); text-align: left; }

.tblg_wrap2 .tbl_g thead th:last-child { border-right: none; }

.tblg_wrap2 .tbl_g tbody th { height: 50px; border-right: 1px solid var(--gray100s); border-bottom: 1px solid var(--gray100s); font-size: 14px; font-weight: 400; color: var(--gray900s); background: var(--gray000s); text-align: left; }

.tblg_wrap2 .tbl_g tbody td { height: 50px; border-right: 1px solid var(--gray100s); border-bottom: 1px solid var(--gray100s); font-size: 14px; color: var(--gray900s); word-break: break-all; }

.tblg_wrap2 .tbl_g tbody tr td:last-child { border-right: none; }

.tblg_wrap2 .tbl_g tbody tr:last-child th, .tblg_wrap2 .tbl_g tbody tr:last-child td { border-bottom: none; }

.tblg_wrap2 .tbl_g .inner_tbl { position: relative; width: 100%; padding: 14px 10px 14px 12px; line-height: 20px; letter-spacing: -0.8px; box-sizing: border-box; }

.tblg_wrap2 .tbl_g .inner_tbl .btn_gs { margin-top: -4px; margin-bottom: -4px; }

.tblg_wrap2 .tbl_g .inner_tbl .fw_bold + .btn_gs { margin-left: 7px; }

/** dropdown **/
.item_select { display: inline-block; position: relative; min-width: 170px; max-width: 300px; border: 1px solid var(--gray200s); font-weight: 400; font-size: 14px; background: var(--white000s); vertical-align: top; box-sizing: border-box; }

.item_select + .item_select { margin-left: 10px; }

.item_select:hover { border-color: var(--gray700s); }

.item_select.open { border-color: var(--gray700s); }

.item_select.disabled { pointer-events: none; }

.item_select .link_selected { display: flex; align-items: center; overflow: hidden; position: relative; min-height: 38px; padding: 0 40px 0 10px; line-height: 20px; text-align: left; text-decoration: none; box-sizing: border-box; }

.item_select .link_selected .ico_select { display: inline-block; width: 24px; height: 24px; margin-right: 6px; background-position: -310px -65px; }

.item_select .link_selected .ico_select.type2 { background-position: -335px -65px; }

.item_select .link_selected .ico_select.type3 { background-position: -360px -65px; }

.item_select .link_selected .img_thumb { width: 24px; margin-right: 6px; }

.item_select .link_selected .txt_selected { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.item_select .link_selected .ico_arrow { position: absolute; right: 10px; top: 50%; width: 18px; height: 18px; margin-top: -9px; background-position: -180px 0; vertical-align: middle; }

.item_select.open .link_selected .ico_arrow { transform: rotate(180deg); }

/* select disabled */
.item_select.disabled:hover { border-color: var(--gray200s); pointer-events: none; }

.item_select.disabled .link_selected { cursor: default; background-color: var(--gray000s); color: var(--gray500s); }

.item_select.disabled .link_selected .ico_arrow { background-position: -180px -20px; }

.item_select.disabled .link_selected .ico_select, .item_select.disabled .link_selected .img_thumb { opacity: .3; }

/* select error */
.item_select.error { border-color: var(--red500s); }

/* select option */
.item_select .layer_option { display: none; position: absolute; left: -1px; right: -1px; top: 38px; min-width: 100%; background: var(--white000s); border: 1px solid var(--gray700s); z-index: 30; box-shadow: 0px 4px 8px var(--gray120a); }

.item_select.open .layer_option { display: block; }

.item_select .list_option { overflow-y: auto; max-height: 200px; }

.item_select .list_option li { overflow: hidden; }

.item_select .list_option .link_option { display: block; overflow: hidden; min-height: 40px; padding: 10px; line-height: 20px; box-sizing: border-box; text-decoration: none; text-align: left; text-overflow: ellipsis; white-space: nowrap; }

.item_select .list_option li .link_option:hover { background-color: var(--gray000s); }

.item_select .list_option li.on .link_option { font-weight: 700; }

.item_select .list_option li.on > .link_option { background-color: var(--blue100s); }

/* check, radio option */
.item_select .list_option .item_choice { width: 100%; padding: 10px; box-sizing: border-box; }

.item_select .list_option li > .item_choice:hover { background-color: var(--gray000s); }

.item_select .list_option li.on > .item_choice { background-color: var(--blue100s); }

.item_select .list_option li.on > .item_choice .txt_choice { font-weight: 700; }

.list_option .list_suboption .item_choice { padding-left: 37px; }

.item_select .list_option li.disabled .link_option { color: var(--gray400s); pointer-events: none; }

/* select scroll */
.item_select .list_option::-webkit-scrollbar { width: 6px; height: 6px; }

.item_select .list_option::-webkit-scrollbar-track { background-color: transparent; }

.item_select .list_option::-webkit-scrollbar-thumb { background-color: #eee; border-radius: 10px; }

.item_select .list_option::-webkit-scrollbar-thumb:hover { background-color: #919191; }

.item_select .list_option::-webkit-scrollbar-button { width: 6px; height: 6px; background: transparent; }

/* dropdown sorting */
.box_sorting { display: inline-flex; align-items: center; width: 300px; box-sizing: border-box; border: 1px solid var(--gray200s); }

.box_sorting:hover { border-color: var(--gray700s); }

.box_sorting.on { border-color: var(--gray700s); }

.box_sorting.on_inp .btn_del { display: block; }

.box_sorting.error { border-color: var(--red500s); }

.box_sorting.disabled { pointer-events: none; cursor: default; }

.box_sorting.disabled .item_select, .box_sorting.disabled .box_tf { background-color: var(--gray000s); }

.box_sorting.disabled .link_selected { color: var(--gray500s); }

.box_sorting.disabled .link_selected .ico_arrow { background-position: -180px -20px; }

.box_sorting .item_select { flex: none; min-width: 76px; border: 0 none; }

.box_sorting .box_tf { flex: 1; border: 0 none; }

.box_sorting .box_tf .inp_txt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 썸네일형 - 레이어 상세 케이스 */
.layer_option .item_userinfo { display: flex; align-items: center; }

.layer_option .item_userinfo .img_thumb { flex: none; margin-right: 6px; }

.layer_option .item_userinfo .tit_info { display: block; font-size: 14px; line-height: 21px; font-weight: normal; }

.layer_option .desc_userinfo { margin-top: 3px; white-space: normal; }

.layer_option li.on .desc_userinfo { font-weight: normal; }

/** Input **/
.item_txtinp { display: inline-block; vertical-align: top; width: 100%; }

.item_txtinp:hover .box_tf, .item_txtinp.on .box_tf { border-color: var(--gray700s); }

.item_txtinp.error .box_tf, .item_txtinp[class*="disabled"].error:hover .box_tf { border-color: var(--red500s); }

.item_txtinp[class*="disabled"] .box_tf { background-color: var(--gray000s); pointer-events: none; }

.item_txtinp[class*="disabled"]:hover .box_tf { border-color: var(--gray200s); }

.item_txtinp[class*="disabled"] .tf_comm { color: var(--gray500s); pointer-events: none; }

.item_txtinp[class*="disabled"] .txt_unit { color: var(--gray300s); }

.item_txtinp.disabled2 .box_tf { background-color: var(--gray050s); }

.item_txtinp.check .box_tf, .item_txtinp.check:hover .box_tf { border-color: var(--blue500s); }

/* Text input */
.box_tf { display: flex; align-items: center; flex-direction: row-reverse; position: relative; width: 100%; padding: 0 11px 0 9px; border: 1px solid var(--gray200s); background-color: var(--white000s); box-sizing: border-box; }

.box_tf .inner_tf { flex: 1; display: flex; align-items: center; }

.box_tf .btn_del { display: none; height: 38px; padding-left: 10px; }

.item_txtinp.on .btn_del { display: block; }

.box_tf .btn_del .ico_del { width: 16px; height: 16px; background-position: -200px 0; margin-top: 2px; }

.os_mac .box_tf .btn_del .ico_del { margin-top: 3px; }

.box_tf .btn_search { display: block; height: 38px; padding-left: 10px; }

.box_tf .btn_search .ico_search { width: 18px; height: 18px; background-position: -240px 0; margin-top: 1px; }

.os_mac .box_tf .btn_search .ico_search { margin-top: 2px; }

.item_txtinp[class*="disabled"] .ico_search { background-position: -260px 0; }

.desc_error { margin-top: 6px; font-size: 12px; line-height: 17px; color: var(--red500s); }

.desc_check { margin-top: 6px; font-size: 12px; line-height: 17px; color: var(--blue500s); }

.box_tf .tf_comm, .box_tfarea .tf_comm { display: block; overflow: hidden; width: 100%; border: 0 none; font-size: 14px; line-height: 38px; background-color: transparent; box-sizing: border-box; outline: none; resize: none; white-space: nowrap; text-overflow: ellipsis; }

.box_tf .tf_comm::placeholder, .box_tfarea .tf_comm::placeholder { display: block; overflow: hidden; font-size: 14px; color: var(--gray500s); }

.box_tf .txt_unit, .box_tfarea .txt_unit { display: block; margin: -1px 0 0 10px; vertical-align: top; }

.os_mac .box_tf .txt_unit { margin: 0 0 0 10px; }

.box_tf .count_num, .box_tfarea .count_num { display: inline-block; font-size: 12px; color: var(--gray500s); line-height: 21px; vertical-align: top; }

.item_txtinp.on .count_num, .box_tfarea.on .count_num { color: var(--gray900s); }

.item_txtinp.on_inp .count_num, .box_tfarea.on_inp .count_num { color: var(--gray900s); }

.box_tf .count_total, .box_tfarea .count_total { display: inline-block; font-size: 12px; color: var(--gray500s); line-height: 21px; vertical-align: top; }

.box_tf .count_total:before, .box_tfarea .count_total:before { content: '/ '; }

/* TextArea */
.box_tfarea { overflow: hidden; position: relative; padding: 0 0 38px; border: 1px solid var(--gray200s); background-color: var(--white000s); }

.box_tfarea .tf_comm { overflow-x: hidden; overflow-y: auto; max-height: 80px; padding: 8px 10px 0; line-height: 20px; white-space: normal; }

.box_tfarea .tf_comm::placeholder { font-size: 14px; color: var(--gray500s); }

.box_tfarea .txt_unit { position: absolute; right: 10px; bottom: 10px; }

.item_txtinp:hover .box_tfarea, .item_txtinp.on .box_tfarea { border-color: var(--gray700s); }

.item_txtinp.error .box_tfarea, .item_txtinp[class*="disabled"].error:hover .box_tfarea { border-color: var(--red500s); }

.item_txtinp[class*="disabled"] .box_tfarea { background-color: var(--gray000s); pointer-events: none; }

.item_txtinp[class*="disabled"]:hover .box_tfarea { border-color: var(--gray200s); }

.item_txtinp.disabled2 .box_tfarea { background-color: var(--gray050s); }

.item_txtinp.check .box_tfarea, .item_txtinp.check:hover .box_tfarea { border-color: var(--blue500s); }

/* TextArea scroll */
.box_tfarea .tf_comm::-webkit-scrollbar { width: 6px; height: 6px; }

.box_tfarea .tf_comm::-webkit-scrollbar-track { background-color: transparent; }

.box_tfarea .tf_comm::-webkit-scrollbar-thumb { background-color: #eee; border-radius: 10px; }

.box_tfarea .tf_comm::-webkit-scrollbar-thumb:hover { background-color: #919191; }

.box_tfarea .tf_comm::-webkit-scrollbar-button { width: 6px; height: 6px; background: transparent; }

/* input ETC case */
.tblg_filter .item_select, .tblg_filter .box_tf { border: 1px solid transparent; }

/* 테이블필터 노출시 보더값 */
/** calendar **/
/* 달력버튼 */
.gm_calendar { display: inline-block; vertical-align: top; }

.gm_calendar, .gm_calendar:hover { position: relative; border: none; background: none; }

.gm_calendar .link_calendar { position: relative; display: inline-block; min-width: 180px; height: 40px; padding: 0 38px 0 9px; border: 1px solid var(--gray200s); font-size: 14px; line-height: 38px; font-weight: 400; background: var(--white000s); text-decoration: none; text-align: left; letter-spacing: -0.01em; box-sizing: border-box; }

.gm_calendar .link_calendar:hover { border: 1px solid var(--gray700s); background: var(--white000s); }

.gm_calendar .link_calendar + .link_calendar { margin-left: 18px; }

.gm_calendar .link_calendar + .link_calendar:before { position: absolute; top: 0; left: -18px; width: 18px; line-height: 40px; color: var(--gray900s); vertical-align: top; content: '~'; }

.gm_calendar .link_calendar .ico_calendar { position: absolute; top: 50%; right: 9px; width: 18px; height: 17px; background-position: -85px -75px; transform: translateY(-50%); }

.gm_calendar.open .link_calendar { border-color: var(--gray700s); }

.gm_calendar.disabled .link_calendar { border-color: var(--gray300s); color: var(--gray300s); background: var(--gray050s); cursor: default; pointer-events: none; }

.gm_calendar.disabled .link_calendar .ico_calendar { background-position: -110px -75px; }

.gm_calendar + .txt_bar { display: inline-block; width: 11px; line-height: 40px; text-align: center; }

/* 공통 - 날짜선택(달력) 레이어 */
.calendar_layer { display: none; position: absolute; left: 0; top: 39px; z-index: 30; border-collapse: separate; }

.gm_calendar.open .calendar_layer { display: block; }

.group_calendar { display: inline-block; vertical-align: top; }

.group_calendar .txt_bar + .gm_calendar .calendar_layer { left: -198px; }

.calendar_layer .layer_head { display: none; }

.calendar_layer .layer_body { position: relative; }

.calendar_layer .layer_body:after { display: block; visibility: hidden; height: 0; font-size: 0; clear: both; content: ''; }

.calendar_layer .inner_calendar_layer { width: 570px; background-color: var(--white000s); border: 1px solid var(--gray700s); box-shadow: 0 4px 8px var(--gray120a); }

.calendar_layer .list_period { flex: none; width: 140px; padding: 10px 0; background-color: var(--gray000s); }

.calendar_layer .list_period li { display: block; padding-left: 18px; text-align: left; }

.calendar_layer .list_period li:first-child { margin-top: 0; }

.calendar_layer .link_period { display: block; height: 34px; line-height: 34px; font-weight: 400; font-size: 13px; color: var(--gray700s); text-decoration: none; }

.calendar_layer .item_help .link_period { display: inline-block; vertical-align: top; }

.calendar_layer .item_help .link_help { margin-top: 2px; }

.calendar_layer .list_period li:hover { background: var(--gray000a); }

.calendar_layer .list_period li:hover .link_period { color: var(--gray700s); }

.calendar_layer .on { background: var(--blue100s); }

.calendar_layer .on .link_period { font-weight: 700; }

.calendar_layer .date_calendar { position: relative; padding: 0 24px; }

.calendar_layer .datecalendar_wrap { display: table; width: 100%; height: 100%; }

.calendar_layer .inner_datecalendar { display: table-cell; vertical-align: top; }

.calendar_layer .date_calendar .datecalendar_wrap:only-child .box_datecalendar { padding-bottom: 24px; }

.calendar_layer .box_datecalendar { position: relative; min-height: 100%; padding-bottom: 71px; box-sizing: border-box; }

.calendar_layer .box_datecalendar:after { display: block; visibility: hidden; height: 0; font-size: 0; clear: both; content: ''; }

.calendar_layer .setinfo_calendar { position: absolute; left: -2px; bottom: 29px; font-weight: 700; font-size: 14px; line-height: 21px; color: var(--gray500s); text-align: center; }

.calendar_layer .setinfo_calendar .txt_setdate { color: var(--gray900s); }

.calendar_layer .setinfo_calendar .txt_setdate em { color: var(--gray500s); font-weight: 700; }

.calendar_layer .btn_move { position: absolute; top: 21px; width: 35px; height: 30px; }

.calendar_layer .btn_move .ico_arr { width: 18px; height: 18px; margin: 0 auto; }

.calendar_layer .btn_prev { left: -9px; }

.calendar_layer .btn_prev .ico_arr { background-position: -85px -55px; }

.calendar_layer .btn_next { right: -9px; }

.calendar_layer .btn_next .ico_arr { background-position: -105px -55px; }

.calendar_layer .btn_move.disabled .ico_arr { opacity: 0.4; filter: alpha(opacity=40); }

.calendar_layer .date_calendar .btn_wrap { position: absolute; bottom: 0; left: 0; right: 0; display: flex; align-items: flex-start; justify-content: flex-end; padding: 0 22px 23px; }

.calendar_layer .date_calendar .btn_wrap .btn_gs + .btn_gs { margin-left: 10px; }

.calendar_layer .date_calendar:after { display: block; visibility: hidden; height: 0; font-size: 0; clear: both; content: ''; }

.calendar_layer .area_calendar { float: left; position: relative; width: 238px; margin: 25px -4px 0 0; }

.calendar_layer .area_calendar + .area_calendar { float: right; margin-left: -4px; }

.calendar_layer .tit_date { display: block; padding-bottom: 28px; min-height: 23px; font-weight: 400; font-size: 20px; line-height: 23px; color: var(--gray900s); text-align: center; }

.calendar_layer .tbl_calendar { border: 0 none; border-collapse: collapse; text-align: center; }

.calendar_layer .tbl_calendar th { height: 28px; padding-bottom: 6px; line-height: 28px; font-weight: 400; font-size: 12px; color: var(--gray600s); width: 36px; }

.calendar_layer .tbl_calendar th, .calendar_layer .tbl_calendar td { border: 0 none; background: transparent; text-align: center; }

.calendar_layer .tbl_calendar td:first-child .link_day { color: var(--red500s); }

.calendar_layer .tbl_calendar .link_day { position: relative; display: inline-block; width: 100%; height: 34px; margin-top: 2px; font-size: 14px; line-height: 32px; font-weight: 400; color: var(--gray900s); text-decoration: none; vertical-align: top; }

.calendar_layer .tbl_calendar .inner_link_day { position: absolute; left: 50%; top: 0; z-index: 2; width: 34px; height: 34px; margin-left: -17px; }

.calendar_layer .tbl_calendar .inner_link_day:hover { background-color: var(--gray100s); }

.calendar_layer .tbl_calendar .today .inner_link_day { font-weight: 700; }

.calendar_layer .tbl_calendar .today .inner_link_day:hover { background-color: var(--gray100s); }

.calendar_layer .tbl_calendar .selected .link_day, .calendar_layer .tbl_calendar .selected .inner_link_day { background-color: var(--blue100s); }

.calendar_layer .tbl_calendar .selected_start .link_day, .calendar_layer .tbl_calendar .selected_end .link_day { position: relative; color: var(--white000s); }

.calendar_layer .tbl_calendar .selected_start .link_day:hover, .calendar_layer .tbl_calendar .selected_end .link_day:hover { background-color: transparent; }

.calendar_layer .tbl_calendar .selected.selected_start .link_day, .calendar_layer .tbl_calendar .selected.selected_end .link_day { background-color: var(--blue100s); }

.calendar_layer .tbl_calendar .selected_only .link_day .inner_link_day, .calendar_layer .tbl_calendar .selected_start .inner_link_day, .calendar_layer .tbl_calendar .selected_end .inner_link_day { color: var(--white000s); background: var(--blue500s); }

.calendar_layer .tbl_calendar .selected_only .link_day:hover .inner_link_day, .calendar_layer .tbl_calendar .selected_start .link_day:hover .inner_link_day, .calendar_layer .tbl_calendar .selected_end .link_day:hover .inner_link_day { background: #2c62d6; }

.calendar_layer .tbl_calendar .selected_start .link_day:after, .calendar_layer .tbl_calendar .selected_end .link_day:after { position: absolute; top: 0; z-index: 1; width: 14px; height: 28px; background: var(--white000s); content: ''; }

.calendar_layer .tbl_calendar .selected_start .link_day:after { left: 0; }

.calendar_layer .tbl_calendar .selected_end .link_day:after { right: 0; }

.calendar_layer .tbl_calendar .period .link_day, .calendar_layer .tbl_calendar .period .inner_link_day, .calendar_layer .tbl_calendar .period_start .inner_link_day, .calendar_layer .tbl_calendar .period_end .inner_link_day { background-color: var(--gray000s); }

.calendar_layer .tbl_calendar .period_only .link_day .inner_link_day:hover, .calendar_layer .tbl_calendar .period .inner_link_day:hover { background-color: var(--gray100s); }

.calendar_layer .tbl_calendar .period .link_day { color: var(--gray700s); background-color: var(--gray000s); }

.calendar_layer .tbl_calendar .period_only .link_day { background-color: var(--white000s); }

.calendar_layer .tbl_calendar .period_only .link_day .inner_link_day { background-color: var(--gray000s); }

.calendar_layer .tbl_calendar .period_start .link_day, .calendar_layer .tbl_calendar .period_end .link_day { position: relative; }

.calendar_layer .tbl_calendar .period_start .link_day:hover, .calendar_layer .tbl_calendar .period_end .link_day:hover { background-color: var(--gray000s); }

.calendar_layer .tbl_calendar .period_start .link_day:after, .calendar_layer .tbl_calendar .period_end .link_day:after { position: absolute; top: 0; z-index: 1; width: 14px; height: 28px; background: var(--white000s); content: ''; }

.calendar_layer .tbl_calendar .period_start .link_day:after { left: 0; }

.calendar_layer .tbl_calendar .period_end .link_day:after { right: 0; }

.calendar_layer .area_calendar.disabled { opacity: 0.4; filter: alpha(opacity=40); cursor: default; pointer-events: none; }

.calendar_layer .disabled .link_day { opacity: 0.4; filter: alpha(opacity=50); cursor: default; pointer-events: none; }

.calendar_layer .disabled .link_day:hover { background: none; }

.calendar_layer.type_preset .inner_calendar_layer { width: 710px; }

.calendar_layer.type_preset .inner_calendar_layer .layer_body { display: flex; min-height: 392px; padding: 0; }

.calendar_layer.type_preset .inner_calendar_layer .date_calendar { flex: 1; }

.calendar_layer .today.disabled .link_day { opacity: 0.5; }

/*6주인 달 있을때*/
.calendar_layer .inner_calendar_layer.calendar_week6 .layer_body { height: 480px; }

/* sigle */
.single_calendar .calendar_layer .inner_calendar_layer { width: auto; }

.single_calendar .calendar_layer .btn_move { top: 21px; }

.single_calendar .date_calendar .btn_wrap { padding: 0 19px 23px; }

/* 캘린더 - 월 선택 */
.month_calendar .calendar_layer .inner_calendar_layer { width: auto; }

.month_calendar .calendar_layer.type_preset .inner_calendar_layer { width: 710px; }

.month_calendar .calendar_layer .tbl_calendar .inner_link_day { transform: translateX(-50%); width: 40px; height: 40px; margin: 0; border-radius: 0; }

.month_calendar .calendar_layer .tbl_calendar td { height: 60px; }

.month_calendar .calendar_layer .tbl_calendar .link_day { width: 80px; height: 40px; line-height: 40px; }

.month_calendar .calendar_layer .tbl_calendar td:first-child .link_day, .month_calendar .calendar_layer .tbl_calendar td:last-child .link_day { color: var(--gray900s); }

.month_calendar .calendar_layer .tbl_calendar .selected_start .link_day:after, .month_calendar .calendar_layer .tbl_calendar .selected_end .link_day:after { width: 20px; height: 40px; }

.month_calendar .calendar_layer .tbl_calendar td:first-child .link_day:before, .month_calendar .calendar_layer .tbl_calendar td.fst .link_day:before { position: absolute; top: 0; left: 0; width: 20px; height: 40px; background: var(--white000s); content: ''; }

.month_calendar .calendar_layer .tbl_calendar td:last-child .link_day:before, .month_calendar .calendar_layer .tbl_calendar td.lst .link_day:before { position: absolute; top: 0; right: 0; width: 20px; height: 40px; background: var(--white000s); content: ''; }

/** 페이징 **/
.paging_comm { height: 40px; text-align: center; }

.paging_comm .inner_paging { display: inline-flex; align-items: center; justify-content: center; vertical-align: top; }

.paging_comm .btn_page { width: 40px; height: 40px; }

.paging_comm .btn_page .ico_comm { width: 40px; height: 40px; }

.paging_comm .btn_prev { margin-right: 15px; }

.paging_comm .btn_next { margin-left: 15px; }

.paging_comm .btn_fst .ico_comm { background-position: -225px -95px; }

.paging_comm .btn_prev .ico_comm { background-position: -265px -95px; }

.paging_comm .btn_next .ico_comm { background-position: -265px -135px; }

.paging_comm .btn_lst .ico_comm { background-position: -225px -135px; }

.paging_comm .link_page { display: block; position: relative; width: 30px; height: 30px; margin: 0 5px; line-height: 30px; font-size: 14px; text-decoration: none; text-align: center; }

.paging_comm .link_page:hover:after { content: ''; position: absolute; left: 50%; bottom: 3px; width: 14px; height: 2px; margin-left: -7px; background-color: var(--gray900s); }

.paging_comm em.link_page { font-weight: 700; color: var(--blue500s); }

.paging_comm em.link_page:after, .paging_comm em.link_page:hover:after { display: block; content: ''; position: absolute; left: 50%; bottom: 3px; width: 14px; height: 2px; margin-left: -7px; background-color: var(--blue500s); }

/* 페이징 비활성화 */
.paging_comm .btn_page:disabled { pointer-events: none; }

.paging_comm .btn_fst:disabled .ico_comm { background-position: -225px -175px; }

.paging_comm .btn_prev:disabled .ico_comm { background-position: -265px -175px; }

.paging_comm .btn_next:disabled .ico_comm { background-position: -265px -215px; }

.paging_comm .btn_lst:disabled .ico_comm { background-position: -225px -215px; }

.paging_comm .num_skip .ico_comm { display: inline-block; width: 12px; height: 5px; margin: 16px auto 0; background-position: -220px -30px; }

/* 페이징 필터 */
.paging_comm .item_select { min-width: 100px; margin-left: 14px; }

/** loading **/
.group_loading { display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; text-align: center; }

.group_loading .desc_loading { margin-top: 10px; font-size: 13px; line-height: 21px; color: var(--gray600s); }

.group_loading.load_type2 .desc_loading { margin-top: 20px; font-size: 14px; line-height: 20px; }

.group_loading .item_loading { display: inline-block; width: 32px; height: 32px; border: 2px solid var(--gray600s); border-top-color: transparent; border-radius: 100%; box-sizing: border-box; animation: loadingCircle 1s linear infinite; }

.group_loading.load_type2 .item_loading { width: 60px; height: 60px; border-width: 4px; }

.group_loading.load_type3 .item_loading { width: 16px; height: 16px; border-width: 2px; }

@keyframes loadingCircle { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }

.group_refresh { position: relative; text-align: center; }

.group_refresh .btn_refresh { display: block; width: 32px; height: 32px; margin: 0 auto; text-align: center; }

.group_refresh .btn_refresh .ico_refresh { width: 32px; height: 32px; margin: 0 auto; background-position: -285px 0; }

.group_refresh .desc_refresh { margin-top: 10px; font-size: 13px; line-height: 19px; color: var(--gray600s); }

.group_refresh.load_type2 .btn_refresh { width: 60px; height: 60px; }

.group_refresh.load_type2 .btn_refresh .ico_refresh { width: 60px; height: 60px; background-position: -320px 0; }

.group_refresh.load_type2 .desc_refresh { margin-top: 20px; font-size: 14px; line-height: 20px; }

/** Tooltip **/
.link_tooltip { display: inline-block; width: 14px; height: 14px; text-decoration: none; text-align: center; vertical-align: top; }

.link_tooltip .ico_tooltip { width: 14px; height: 14px; background-position: -155px -100px; }

.link_tooltip:hover .ico_tooltip { background-position: -135px -100px; }

.link_tooltip.type_medium { width: 20px; height: 20px; }

.link_tooltip.type_medium .ico_tooltip { width: 20px; height: 20px; background-position: -110px -95px; }

.link_tooltip.type_medium:hover .ico_tooltip { background-position: -85px -95px; }

.link_tooltip.type_large { width: 26px; height: 26px; }

.link_tooltip.type_large .ico_tooltip { width: 26px; height: 26px; background-position: -165px -70px; }

.link_tooltip.type_large:hover .ico_tooltip { background-position: -135px -70px; }

/* tooltip layer */
.layer_tooltip { position: absolute; z-index: 100; overflow-y: auto; min-width: 200px; max-width: 560px; max-height: 410px; padding: 16px 20px; border: 1px solid var(--gray700s); font-weight: 400; font-size: 14px; line-height: 20px; color: var(--gray900s); box-shadow: 0 2px 8px 0 var(--gray200a); background: var(--white000s); box-sizing: border-box; }

.layer_tooltip .tit_tooltip { display: block; padding-bottom: 10px; }

.layer_tooltip .subtit_tooltip { display: block; margin-top: 14px; padding-bottom: 6px; font-size: 12px; }

.layer_tooltip .txt_tooltip { word-break: break-all; }

.layer_tooltip .link_tooltip { display: inline-block; width: auto; height: auto; margin-top: 14px; vertical-align: top; text-decoration: underline; }

/* type small */
.layer_tooltip.type_small { min-width: 120px; max-width: 200px; padding: 12px; }

.layer_tooltip.type_small .txt_tooltip { font-size: 12px; line-height: 17px; }

/** toast layer **/
.toast_layer { position: fixed; right: 20px; bottom: 20px; }

/* 임시 위치값 */
.toast_layer .inner_toast { position: relative; display: flex; align-items: center; max-width: 420px; padding: 30px; background-color: var(--gray700s); box-sizing: border-box; }

.toast_layer .desc_toast { font-size: 14px; line-height: 21px; color: var(--white000s); }

.toast_layer .ico_comm { flex: none; width: 26px; height: 26px; margin-right: 10px; }

.toast_layer .ico_alert { background-position: -195px -135px; }

.toast_layer .ico_confirm { background-position: -195px -165px; }

.toast_layer .ico_error { background-position: -195px -195px; }

.toast_layer .ico_loading { background: none; flex: none; width: 26px; height: 26px; border: 2px solid var(--white000s); border-top-color: transparent; border-radius: 100%; box-sizing: border-box; animation: loadingCircle 1s linear infinite; }

.toast_layer .btn_close { position: absolute; top: 0; right: 0; height: 14px; padding: 10px; }

.toast_layer .btn_close .ico_close { width: 14px; height: 14px; margin: 0; background-position: -125px -120px; }

@keyframes loadingCircle { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }

/* 2025-12-08 통합플랫폼 개편으로 인한 공통 푸터 적용 */
.service_foot { position: relative; min-width: 1080px; width: 100%; height: 100px; margin-top: -100px; text-align: center; box-sizing: border-box; }

.service_foot:after { display: block; visibility: hidden; height: 0; font-size: 0; clear: both; content: ""; }

.service_foot .inner_footer { overflow: hidden; display: inline-block; padding: 42px 60px 0; margin: 0 auto; }

.service_foot a:hover { text-decoration: underline; }

.service_foot .link_copyright { float: left; font-size: 13px; line-height: 16px; color: #191919; font-weight: 500; }

.service_foot .link_copyright strong { font-weight: 700; }

.service_foot .list_policy { float: left; margin-left: 34px; }

.service_foot .list_policy li { float: left; font-size: 13px; line-height: 16px; }

.service_foot .list_policy li:before { float: left; width: 1px; height: 13px; margin: 1.5px 16px 0; background-color: #ddd; content: ""; }

.service_foot .list_policy li:first-child:before { display: none; }

.service_foot .list_policy li:last-child .link_policy { font-weight: 700; }