@charset "utf-8";

/* light */
@font-face {
    font-family: "Noto Sans Kr";
    font-style: normal;
    font-weight: 300;
	font-display: swap;
    src: url(../../fonts/front/NotoSansKR-Light.woff2) format("woff2"), url(../../fonts/front/NotoSansKR-Light.woff) format("woff"), url(../../fonts/front/NotoSansKR-Light.otf) format("opentype")
}
/* regular */
@font-face {
    font-family: "Noto Sans Kr";
    font-style: normal;
    font-weight: 400;
	font-display: swap;
    src: url(../../fonts/front/NotoSansKR-Regular.woff2) format("woff2"), url(../../fonts/front/NotoSansKR-Regular.woff) format("woff"), url(../../fonts/front/NotoSansKR-Regular.otf) format("opentype")
}
/* medium */
@font-face {
    font-family: "Noto Sans Kr";
    font-style: normal;
    font-weight: 500;
	font-display: swap;
    src: url(../../fonts/front/NotoSansKR-Medium.woff2) format("woff2"), url(../../fonts/front/NotoSansKR-Medium.woff) format("woff"), url(../../fonts/front/NotoSansKR-Regular.otf) format("opentype")
}
/* bold */
@font-face {
    font-family: "Noto Sans Kr";
    font-style: normal;
    font-weight: 700;
	font-display: swap;
    src: url(../../fonts/front/NotoSansKR-Bold.woff2) format("woff2"), url(../../fonts/front/NotoSansKR-Bold.woff) format("woff"), url(../../fonts/front/NotoSansKR-Medium.otf) format("opentype")
}
/* extrabold */
@font-face {
    font-family: "Noto Sans Kr";
    font-style: normal;
    font-weight: 900;
	font-display: swap;
    src: url(../../fonts/front/NotoSansKR-Black.woff2) format("woff2"), url(../../fonts/front/NotoSansKR-Black.woff) format("woff"), url(../../fonts/front/NotoSansKR-Bold.otf) format("opentype")
}



/* Roboto */
/* light */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
	font-display: swap;
    src: url(../../fonts/front/Roboto-Light.woff2) format("woff2"), url(../../fonts/front/Roboto-Light.woff) format("woff"), url(../../fonts/front/Roboto-Light.otf) format("opentype")
}
/* regular */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
	font-display: swap;
    src: url(../../fonts/front/Roboto-Regular.woff2) format("woff2"), url(../../fonts/front/Roboto-Regular.woff) format("woff"), url(../../fonts/front/Roboto-Regular.otf) format("opentype")
}
/* meidum */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
	font-display: swap;
    src: url(../../fonts/front/Roboto-Medium.woff2) format("woff2"), url(../../fonts/front/Roboto-Medium.woff) format("woff"), url(../../fonts/front/Roboto-Medium.otf) format("opentype")
}
/* bold */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
	font-display: swap;
    src: url(../../fonts/front/Roboto-Bold.woff2) format("woff2"), url(../../fonts/front/Roboto-Bold.woff) format("woff"), url(../../fonts/front/Roboto-Bold.otf) format("opentype")
}

/* Jalnan */
/* regular */
@font-face {
    font-family: "Jalnan";
    font-style: normal;
	font-display: swap;
    src: url(../../fonts/front/JalnanOTF.woff2) format("woff2"), url(../../fonts/front/JalnanOTF.woff) format("woff"), url(../../fonts/front/JalnanOTF.otf) format("opentype")
}



h5 {line-height:38px;}
.modal-content.type_2{background-color:#F6F7FB;border:0;}
.modal-content.type_2 .modal-header{background-color: #404e67;color:#fff;padding:0.8rem 1rem;border-bottom:0;}
.modal-content.type_2 .modal-header .btn-close {background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ccc'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;opacity:1;}
.modal-content.type_2 .modal-header .btn-close:hover {background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}
.modal-content.type_2 .modal-body {padding:20px 1rem 30px}
.modal-content.type_2 .modal-body .card:last-child {margin:0 !important;}
.modal-content.type_2 .modal-footer{border-top:0;padding:0 1rem 20px;}
.modal-content.type_2 .modal-footer>* {margin:0 0.25rem;}

.breadcrumb-item:not(:first-child) i.icon-home{display: none;}

.main-body .page-wrapper .page-header-breadcrumb li.breadcrumb-item {text-align:right;}

.input-group-dropdown > .form-select{padding-right: 2.25rem; flex: none; width: auto;}
.input-group-dropdown > .form-select.form-control-primary.form-bg-primary{background-color:#fff;color:#212529;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");}

.form-select.form-control-primary.form-bg-primary{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");}
.form-select.form-bg-info:focus {background-color:#fff;color:#212529}

.form-control.icon-date {padding-right:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' id='calendar'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'%3E%3C/path%3E%3Cpath fill='%23111' d='M20 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 18H5c-.55 0-1-.45-1-1V8h16v12c0 .55-.45 1-1 1z'%3E%3C/path%3E%3C/svg%3E") calc(100% - 10px) center/14px 13px no-repeat;}
.form-control.icon-date[disabled],
.form-control.icon-date[readonly] {background:#e9ecef;}

.form-group.required .col-form-label::after{content:" *";color:red;}
.sub-title.required strong::after{content:" *";color:red;font-weight:400;}

/* small 버전 css */
.select2-container--default .select2-selection--single{border: none;}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding: 0.25rem 2.25rem 0.25rem 0.5rem; line-height: 1.5; font-size: 0.875rem; border : 1px solid #aaa; border-radius: 4px;background-color:#fffbbe;color:#212529}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 2px; right: 11px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color:#000 transparent transparent transparent}
.select2-container--default .select2-results__option {padding:5px;line-height:20px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color:#fffbbe;color:#000}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #000 transparent;}
.select2-container--default .select2-search__field:focus {border: 1px solid #aaa;}

.breadcrumb-item{color: #7e7e7e;}
.pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme5"]{color: #dcdcdc !important;}
.pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme5"]:hover{color : #fff !important;}
/*.type_small{font-size: .750em;}

.type_small .main-body .page-wrapper .page-header-title h4{font-size: 18px;}
.type_small .h5, .type_small h5{font-size: 1.0rem;}
.type_small .breadcrumb-title a{font-size: 12px;}
.type_small h6{font-size: 12px;}
.type_small .btn{font-size: 13px;}
.type_small .form-control{font-size: 14px;}
.type_small .sub-title{font-size: 14px;}
.type_small p{font-size: 11px;}
.type_small .switchery{width: 45px; height: 26px;}
.type_small .switchery > small{width: 26px; height: 26px;}
.type_small .header-navbar .navbar-wrapper .navbar-container .nav-left, .type_small .header-navbar .navbar-wrapper .navbar-container .nav-right{margin-top: 4px;}
.type_small .header-navbar .navbar-wrapper .navbar-container .nav-right{margin-top: 6px;}
.type_small .header-navbar .navbar-wrapper .navbar-container .nav-left li>a, .type_small .header-navbar .navbar-wrapper .navbar-container .nav-right li>a{font-size: 14px;}
@media only screen and (min-width: 1400px){
    .type_small p{font-size: 12px;}
    .type_small a{font-size: 12px;}
}*/

.pcoded .pcoded-header .navbar-logo[logo-theme="theme1"] {background-color:#4F5C73}
.header-navbar .navbar-wrapper .navbar-container .nav-right li select {margin-top:13px;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;font-size:.875rem;}
.pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme5"] {color:#fff !important;font-size:16px;font-weight:700;text-shadow: 1px 1px 1px #000;}
.pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item>li>a {padding:6px 15px;}
.pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li>a {padding:6px 10px;}
.pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > .active:not(.pcoded-hasmenu) > a {color:#FE8A7D;}
.pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > .active:not(.pcoded-hasmenu) > a >.pcoded-micon i {color:inherit;}
/* .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item>li.active>a:only-child,
.pcoded[nav-type="st6"] .pcoded-item.pcoded-left-item>li.active>a:only-child >.pcoded-micon i{color:#FE8A7D !important} */

.badge {font-weight:400;}
.border {border-color:#eee;}
.border-top,
.border-bottom,
.border-start,
.border-end {border-color:#eee !important;}
.card .card-block-small {padding:20px;}
.table.td-wrap th,
.table.td-wrap td {white-space:normal !important;word-break:keep-all;}
.table-light {color:#212529;}
.table-active {background-color:#f7f7f7 !important;box-shadow:none !important;}
.table-light {background-color: #f9f9f9 !important;}
.mark-required {display:inline-block;padding-left:4px;color:red !important;font-weight:400;}
.text-c-blue {color:#237db1}
.bg-light {background-color:#f7f7f7 !important;}
.rounded {border-radius:3px !important;}
.rounded.border {min-height:38px;}
div {word-break:keep-all;}
.border-dark {border-color:#ccc !important}

/* btn */
.btn {border-radius:3px;}
.btn:not(.input-group-text) {min-width:4.4rem;}
.btn.btn-ico {display:inline-block;min-width:30px !important;height:19px;line-height:19px;padding:0 5px;margin-left:5px;border:0;text-align:center;}
.btn-group-sm >.btn,
.btn.btn-sm,
.jsgrid-cell .btn.btn-mini,
.jsgrid-cell .btn.btn-inverse {padding:7px 9px 6px;font-size:14px;line-height:16px;}
.jsgrid-cell a.hover-line {text-decoration:underline;}
.btn-group-sm >.btn,
.btn.btn-sm:not(.input-group-text) {min-width:3rem;}
.btn.btn-sm.input-group-text {min-width:1.8rem;}
.btn-primary:hover {background-color:#127452 !important;border-color:#127452 !important;}
.btn-primary:focus {background-color:#127452 !important;}
.btn-primary.disabled, .btn-primary:disabled {background-color:#b1b7c0 !important;border-color:#b1b7c0 !important; opacity:.7;}
.btn-disabled {border-color:#dbdbdb;background-color:#dbdbdb;color:#333}
.btn-disabled:hover {background-color:#ccc;border-color:#ccc}
.btn-disabled:focus {background-color:#ccc;border-color:#ccc}
.btn-inverse {background-color:#666;border-color:#666;}
.btn-inverse:hover {background-color:#555;border-color:#555;color:#fff}
.btn-inverse:focus {background-color:#555;color:#fff}
.btn-info {background-color:#127db1;border-color:#127db1;color:#fff}
.btn-info:hover {background-color:#146b9d;border-color:#146b9d;color:#fff}
.btn-info:focus {background-color:#146b9d;border-color:#146b9d;color:#fff}
.btn:not(.m-r-5) + .btn {margin-left:5px;}
.btn-toggle .btn + .btn {margin-left:0;}
.btn-outline-secondary {color:#212529;border-color:#ccc;}
.btn-check:checked + .btn-disabled {background-color:#237db1;border-color:#237db1;color:#fff;}
.input-group-text.bg-gray {background-color:#e9ecef;color:#353c4e;}
.input-group-text.bg-gray span {cursor:default;}

/* jsgrid */
.jsgrid-header-row>.jsgrid-header-cell{text-align:center!important;}
td.jsgrid-cell, th.jsgrid-header-cell {overflow: hidden;}
tr.highlight td.jsgrid-cell {background-color:#dbedfb;border-color:#dbedfb;}
.jsgrid-selected-row > .jsgrid-cell {background: #dbedfb;border-color: #dbedfb;}
.jsgrid-cell select {
    display: block;
    width: 100%;
    padding: 0.25rem 2.25rem 0.25rem 0.5rem;
    -moz-padding-start: calc(0.5rem - 3px);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align:left !important;
  }
.jsgrid-align-center select:focus {border-color:#86b7fe;outline: 0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);}
.jsgrid-align-center select:disabled {background-color:#e9ecef;}
.jsgrid-align-center select:-moz-focusring {color:transparent;text-shadow:0 0 0 #212529;}
.jsgrid-cell .btn-primary {background-color:#237db1;border-color:#237db1;}
.jsgrid-cell .btn-primary:hover {background-color:#546686 !important;border-color:#546686 !important;}
.table.jsgrid>:not(:last-child)>:last-child>* {border-bottom-color:transparent;}
.table thead .border-bottom-inverse th {border-bottom-color:#dee2e6 !important;background-color:#f9f9f9;}
.table.table-bordered tfoot td {border-bottom-color:#dee2e6 !important;background-color:#f9f9f9;}

/* label */
.label.label-inverse {margin:1px 5px 1px 0;background:#237db1;display:inline-block;line-height:13px;word-break:break-word;}
.label.label-inverse a {vertical-align:text-bottom;margin-left:4px;}

/* checkbox */
.border-checkbox-section .border-checkbox {display:block;width:0;height:0;opacity:0;}
.border-checkbox-section .border-checkbox-group .border-checkbox-label{padding-left:26px;}
.border-checkbox-section .border-checkbox-group .border-checkbox-label:before,
.border-checkbox-section .border-checkbox-group-inverse .border-checkbox-label:before {width:16px;height:16px;margin:2px;border:1px solid #999;background-color:#fff;}
.border-checkbox-section .border-checkbox-group .border-checkbox-label:after {border-color:transparent}
.border-checkbox-section .border-checkbox-group .border-checkbox:focus+.border-checkbox-label:before,
.border-checkbox-section .border-checkbox-group-inverse .border-checkbox:focus+.border-checkbox-label:before,
.border-checkbox-section .border-checkbox-group .border-checkbox:checked+.border-checkbox-label:before,
.border-checkbox-section .border-checkbox-group-inverse .border-checkbox:checked+.border-checkbox-label:before {border-color:#15875f}
.border-checkbox-section .border-checkbox-group-inverse .border-checkbox:checked+.border-checkbox-label:after {border-color:#15875f}
.border-checkbox-section .border-checkbox-group .border-checkbox:disabled+.border-checkbox-label:before,
.border-checkbox-section .border-checkbox-group-inverse .border-checkbox:disabled+.border-checkbox-label:before {border-color:#ccc;background-color:#e9ecef;}
.form-check-input {cursor:pointer;}
.form-check-input:checked {background-color:#15875f; border-color:#15875f;}
.form-check-input:disabled {cursor:no-drop;pointer-events:unset;background-color:#eee;}
.form-control:disabled {opacity:1;}
td .border-checkbox-section .border-checkbox-group:only-child .border-checkbox-label {margin-bottom:0;}

/* radio */
.radio .helper::before {background-color: #fff;}
.radio .helper::after, .radio .helper::before {border:1px solid #999;}
.radio input:checked + .helper::before {border-color:#15875f;}
.radio input:checked + .helper::after {border-color:#15875f;transform: scale(0.45);}
.radio input:disabled + .helper::before {border-color:#ccc;background-color:#e9ecef;}
.radio.d-inline-block {margin-right:20px;}

/* select */
.form-select {border-color:#ccc}
.form-select option[value=""][disabled] {display:none;}
.select2-container.select2-container--open {z-index:9999999999;}
.select2-container--default .select2-results__option[aria-disabled=true]:not([id]) {display:none;}
.dropdown-toggle::after {margin-left:1em;}

/* tabs */
.gray-tabs.nav-tabs {margin-bottom:1.9rem;border:none;border-bottom:2px solid #404e67;}
.gray-tabs.nav-tabs .nav-link {margin-bottom:0;padding:0.38rem 1.2rem;border:2px solid transparent;border-bottom:none;color:#666;font-size:16px;}
.gray-tabs.nav-tabs .nav-link.active {color:#fff;background-color:#404e67;border-color:#404e67}
.gray-tabs.nav-tabs .nav-link:not(.active):hover {background-color:#e4e5eb;border-color:#e4e5eb;color:#333;}
.nav.nav-tabs.tabs:not(.gray-tabs) {margin:5px 0 8px;}
.nav-tabs .nav-link:hover {cursor:pointer;}

/* calendar */
.calendar-wrap {}
.calendar-tit {display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.calendar-tit .momth {display:inline-block;margin:0 10px;font-size:20px;}
.calendar-tit .btn {min-width:30px;padding:0;line-height:30px;}
.calendar-header {display:flex;background-color:#919aa3;color:#fff;text-align:center;font-size:15px;font-weight:700;}
.calendar-header > div {flex:1;line-height:2.4}
.calendar-contant .week {display:flex;border-right:1px solid #ddd;}
.calendar-contant .week > div {position:relative;display:flex;flex-direction: column;flex:1;min-height:120px;padding:5px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.calendar-contant .week > div.today {position:relative;;border-left:1px solid #15875f;border-bottom:1px solid #15875f}
.calendar-contant .week > div.today:before {position:absolute;top:-1px;right:-1px;content:'';width:1px;height:calc(100% + 2px);background-color:#15875f;z-index:2;}
.calendar-contant .week > div.today:after {position:absolute;top:-1px;left:-1px;content:'';width:calc(100% + 2px);height:1px;background-color:#15875f;z-index:2;}
.calendar-contant .week > div:first-child .day-chk a {color:red}
.calendar-contant .week > div .day-chk a:focus {text-decoration:underline;}
.calendar-contant .day-chk {display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;}
.calendar-contant .day-chk .border-checkbox-section .border-checkbox-group {display:block;}
.calendar-contant .day-chk .border-checkbox-section .border-checkbox-group .border-checkbox-label {display:block;padding-left:20px;padding-right:0;margin-right:0;margin-bottom:0;background-color:#fff;}
.calendar-contant .schedule {display:flex;flex-direction: column;justify-content:center;flex:1;}
.calendar-contant .schedule .btn {flex-wrap:wrap;display:flex;align-items:center;justify-content:center;padding:0;font-size:11px;line-height:13px;}
.calendar-contant .schedule .btn + .btn {margin-top:2px;margin-left:0;}
.calendar-contant .schedule .time {display:inline-block;}
.calendar-contant .schedule .price {position:relative;margin-left:8px;padding-left:8px;}
.calendar-contant .schedule .price::before {content:'';position:absolute;top:4px;left:0;width:1px;height:8px;background-color:#fff;}
.calendar-contant .schedule .btn-success {background-color:#00ab72;border-color:#00ab72;}
.calendar-contant .schedule .btn-success:hover {background-color:#27c964;border-color:#27c964;}
.calendar-contant .schedule .btn-success:focus {background-color:#27c964;}
.calendar-contant .schedule .btn-success:disabled {background-color:#b4b4b4;border-color:#b4b4b4;}
.calendar-contant .bg-calendar-stop .schedule .btn-success:disabled {background-color:#ff7584;border-color:#ff7584;}
.calendar-contant .schedule .more {margin-top:2px;font-size:11px; color:#666; text-align:center;}
.calendar-contant .schedule .more a {margin-right:8px;font-size:11px; color:#333;text-decoration:underline;}
.bg-calendar-ing {background-color:#effcee !important;}
.bg-calendar-stop {background-color:#fdf2f4 !important;}
.bg-calendar-end {background-color:#f5f5f5 !important;}
.layer-schedule {display:none;position:absolute;top:50%;margin-top:-50%;left:80%;width:170px;padding:5px;background:#fff;border:1px solid #ddd;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;z-index:10}
.layer-schedule .close-area {text-align:right;line-height:0;margin-bottom:5px;}
.layer-schedule .close-area .btn-close {width:0.5rem;height:0.5rem;background-size:0.5rem auto;}
.layer-schedule .time-list {display:flex;flex-direction:column;}

/* fc */
.fc th {background-color:#919aa3;border-color:#919aa3 !important;line-height:2.4;}
.fc-day-grid-event.select-calendar-color {background-color: #404e67 !important;border-color: #404e67 !important;}
.fc td.fc-head-container.fc-widget-header {border:1px solid #919aa3 !important;}
.fc .fc-event {border:none;padding:5px 6px !important;margin: 1px 2px 0 !important;}
.fc .fc-content .fc-title {padding:0;}

/* .popover */
.popover .popover-header {padding:0;border-bottom:0;}
.popover .popover-header .popoverTitleCalendar {padding: 0.5rem 1rem;}

/* nestable-lists */
.nestable-lists .dd {max-width:unset;}
.nestable-lists .dd-handle {padding:4px 10px;height:unset;min-height:30px;word-break:keep-all;}

/* list */
.box-desc-list > li,
div.box-desc-list {position:relative;padding-left:8px;}
.box-desc-list > li:not(:last-child) {margin-bottom:.25rem;}
.box-desc-list > li:before,
div.box-desc-list:before {content:'\00B7';font-size:inherit;color:inherit;position:absolute;left:0;top:0;font-weight:700;}

/* mobile */
.header-navbar .navbar-wrapper .navbar-logo .btn-back {display:none;position:absolute;top:50%;margin-top:-27px;padding:0 4px;left:50px;font-size:36px;;}
.header-navbar .navbar-wrapper .navbar-logo .btn-search {display:none;position:absolute;top:50%;margin-top:-20px;right:54px;font-size:26px;}
@media only screen and (max-width: 992px){
    .header-navbar .navbar-wrapper .navbar-logo .btn-back,
    .header-navbar .navbar-wrapper .navbar-logo .btn-search {display:block;}
	.label.label-inverse {margin:3px 5px 3px 0;}
}
@media only screen and (max-width: 573px){
    .nav-tabs.tabs.mo-only {display:flex}
    .nav-tabs.tabs.mo-only .nav-link.active {margin-bottom:-1px;}
}
@media only screen and (max-width: 480px){
    .main-body .page-wrapper .page-header {margin-bottom:15px;}
    .card {margin-bottom:20px;}
    .gray-tabs.nav-tabs {margin-bottom:1rem}
	.carousel-indicators {margin-bottom:0;}
}

.desc-list li {position:relative;padding:20px 30px 20px 0;border-bottom:1px solid #dee2e6;}
.desc-list li h5 {margin-bottom:10px;font-size:16px;}
.desc-list li .stretched-link {color:#212529;font-size:inherit}
.desc-list li .stretched-link:before {content:'\e649';position:absolute;right:0;top:50%;margin-top:-10px;font-family:'themify';color:#999;font-size:16px;font-weight:400;}
.desc-list dl {display:flex;margin:6px 0 0 0;font-size:14px;}
.desc-list dl dt {margin:0 6px 0 0;}
.desc-list dl dd {flex:1;margin:0;}

.daterangepicker {z-index:999999999990;}

.img-thum {width:236px;height:126px;display:flex;align-items:center;justify-content:center;margin:0 auto;overflow:hidden;border:1px solid #ededed;border-radius:3px;}
.img-thum img {width:236px;height:126px;}
.img-thum img.scale-down {object-fit:scale-down;}


/*download-popup-layout*/
.layer-popup {z-index: -2000;position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;padding: 20px;}
.layer-popup.active {z-index: 2000;animation: fadeIn 0.3s var(--cubic) both;}
.layer-popup[data-layer-id="ccNoticePopup"] {display: none;position: fixed !important;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.5);z-index: 9999;}
/* 팝업 내부 컨테이너 정중앙 정렬 */
.layer-popup[data-layer-id="ccNoticePopup"] .layer-wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: white;padding: 30px;border-radius: 10px;z-index: 10000;}
.layer-popup[data-layer-id="ccNoticePopup"] .layer-wrap {display: block !important;visibility: visible !important;opacity: 1 !important;}
.layer-popup.active {z-index: 2000;animation: fadeIn 0.3s var(--cubic) both;}
@keyframes fadeIn {
    0% {visibility: hidden;opacity: 0;}
    100% {visibility: visible;opacity: 1;}
}
@keyframes popUp {0% {transform: translateY(20px);}
    100% {        transform: translateY(0);}
}

.layer-dimmed {display: none;z-index: 1999;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.8;}
.layer-popup.active .layer-dimmed {
    display: block;
}

.layer-popup .layer-wrap {position: relative;z-index: 2000;background: var(--white);display: block;max-width: 100%;}
.layer-popup.active .layer-wrap {animation: popUp 0.3s var(--cubic) both;}
.layer-wrap {padding: 23px 30px 40px;border-radius: 20px;border: 1px solid var(--grayd);}
.layer-wrap .btn-layer-close {position: absolute;right: -17px;top: -11px;width: 50px;height: 50px;background: url(../../images/front/btn/btn-layer-close.png) center center / 18px 18px no-repeat;}
.layer-wrap .layer-header {position: relative;border-bottom: 1px solid var(--grayc);}
.layer-wrap .layer-header .tit {display: block;font-size: 20px;color: var(--green);padding-bottom: 10px;padding-right: 30px;}
.layer-wrap .layer-content {padding-top: 30px;padding-bottom: 1px;max-height: 71vh;overflow: auto;}
.layer-wrap .btn-wrap {margin-top: 20px;}
.layer-wrap .layer-cookie {display: flex;margin-top: 60px;justify-content: center;}
.layer-wrap .layer-cookie .no-display {font-size: 13px;font-weight: 300;color: var(--black9);text-decoration: underline;}


.layer-popup .layer-wrap {position: relative;z-index: 2000;background: var(--white);display: block;max-width: 100%;}
.layer-popup.active .layer-wrap {animation: popUp 0.3s var(--cubic) both;}
.layer-wrap {padding: 23px 30px 40px;border-radius: 20px;border: 1px solid var(--grayd);}
.layer-wrap .btn-layer-close {position: absolute;right: -17px;top: -11px;width: 50px;height: 50px;
    background: url(../../images/front/btn/btn-layer-close.png) center center / 18px 18px no-repeat;
}
.layer-wrap .layer-header {position: relative;border-bottom: 1px solid var(--grayc);}
.layer-wrap .layer-header .tit {display: block;font-size: 20px;color: var(--green);padding-bottom: 10px;padding-right: 30px;}
.layer-wrap .layer-content {padding-top: 30px;padding-bottom: 1px;max-height: 71vh;overflow: auto;}
.layer-wrap .btn-wrap {margin-top: 20px;}
.layer-wrap .layer-cookie {display: flex;margin-top: 60px;justify-content: center;}
.layer-wrap .layer-cookie .no-display {font-size: 13px;font-weight: 300;color: var(--black9);text-decoration: underline;}
/* layerpopup type */
.layer-popup.layer-alert {width: auto;height: auto;}
.layer-popup.layer-alert.active .layer-dimmed {display: none;}
.layer-popup.layer-alert .layer-wrap {border: 2px solid var(--black6);border-radius: 0;}
.layer-popup.layer-alert.active .layer-wrap {animation: none;}
.layer-popup.layer-alert .layer-header .tit {}
.layer-popup.layer-alert .layer-footer {}
.layer-alert .layer-wrap .layer-cookie {justify-content: flex-start;padding: 10px 20px;background-color: var(--black6);margin: 20px -30px 0;}
/*layerpopup size*/
.layer-popup.layer-xlarge:not(.layer-alert) .layer-wrap {width: 960px;}
.layer-popup.layer-large:not(.layer-alert) .layer-wrap {width: 640px;}
.layer-popup.layer-medium:not(.layer-alert) .layer-wrap {width: 440px;}
.layer-window-alert.layer-alert {opacity: 1;visibility: visible;position: static;display: block;width: auto;height: auto;padding: 0;
    margin-top: calc(-1 * var(--header-height));
}
.layer-window-alert.layer-alert .layer-wrap {max-width: none;max-height: none;overflow: visible;border: 0;border-radius: 0;}
.layer-window-alert.layer-alert .layer-wrap .layer-content {max-height: none;overflow: visible;padding-top: 12px;}
.layer-window-alert.layer-alert .layer-wrap .layer-header {position: static;}
.layer-window-alert.layer-alert .layer-wrap .btn-layer-close {top: 0;right: 0;width: 70px;height: 70px;}
.layer-window-alert.layer-alert .fixed-bottom {position: fixed;left: 0;bottom: 0;width: 100%;}
.layer-window-alert.layer-alert .fixed-bottom .layer-cookie {justify-content: flex-start;padding: 10px 20px;background-color: var(--black6);margin: 0;}
@media screen and (max-width: 1279px) {.layer-popup .layer-wrap {max-width: 100%;max-height: 100%;padding: 23px 15px 30px;overflow: hidden;}
    .layer-wrap .layer-content {}
    .layer-popup.layer-alert {display: flex;width: 100%;height: 100%;}
    .layer-window-alert.layer-alert {display: block;width: auto;height: auto;}
    .layer-window-alert.layer-alert .layer-wrap .layer-content {}
    .layer-alert .layer-wrap .layer-cookie {margin: 20px -15px 0;}
}

/* 파일 업로드 팝업 */
.popup-loading {text-align: center;padding: 15px;color: #363636;}
.popup-loading .txt-1 {font-size: 20px;font-weight: bold;margin-bottom: 20px;color: #000;}
.popup-loading .txt-2 {font-weight: 500;font-size: 16px;line-height: 20px;margin-bottom: 20px;}
.popup-loading .txt-3 {font-size: 15px;line-height: 24px;margin-bottom: 30px;}
.popup-loading .progress-bar {position: relative;width: 100%;height: 20px;background-color: #f2f2f2;margin-bottom: 10px;}
.popup-loading .progress-bar .bar {position: absolute;background-color: #007130;height: 100%;top: 0;left: 0;z-index: 1;}
.popup-loading .percentage {text-align: center;color: #454545;}



/* banner-wrap */
.banner-wrap {display:flex;}
.banner-wrap .banner-area {flex:1;padding:0 30px 0 10px;}
.banner-wrap .banner-select {width:calc((100% - 111px) / 3 + 41px);padding:0 10px 0 30px;border-left:1px solid #ededed;}
.banner-wrap .banner-area .banner-list {display:flex;flex-wrap:wrap;}
.banner-wrap .banner-area .banner-list .banner {width:calc(50% - 15px);}
.banner-wrap .banner-area .banner-list .nodata.banner {}
.banner-wrap .banner-area .banner-list .banner:nth-child(odd) {margin-right:15px;}
.banner-wrap .banner-area .banner-list .banner:nth-child(even) {margin-left:15px;}
.banner-wrap .tit {display:flex;justify-content:space-between;align-items:center;height:48px;padding-bottom:10px;border-bottom: 1px solid #ededed;}
.banner-wrap .tit strong {font-size: 16px;color: #2c3e50;}
.banner-wrap .banner-list .banner {margin-top:30px;}
.banner-wrap .banner-list .banner .stit {display:flex;justify-content:space-between;align-items:center;height:24px;margin-bottom:8px;}
.banner-wrap .banner-list .banner .stit span {flex:1;;line-height:1.2rem;display:-webkit-inline-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:top;-webkit-line-clamp:2;}
.banner-wrap .paging {margin-top:30px}
.nodata {border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;width:100%;height:150px;margin-top:15px;background-color:#f7f7f7;}
.nodata p {margin-bottom:0;}
@media (max-width: 992px){
    .banner-wrap {display:block;}
    .banner-wrap .banner-area {padding:0;}
    .banner-wrap .banner-select {width:100%;padding:30px 0 0;border-left:0;}
    .banner-wrap .banner-area {display:block !important;}
    .banner-wrap .banner-area .banner-list {display:block;}
    .banner-wrap .banner-area .banner-list .banner {width:100%;margin-left:0 !important;margin-right:0 !important}
    .banner-wrap .banner-list .banner {margin-top:20px;}
    .banner-wrap .paging {margin-top:20px}
}

.layer-popup .layer-wrap {
    background: white; /* 흰색 배경 유지 */
}

.layer-dimmed {
    display: block;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5); /* 반투명 검정 */
    z-index: 1999;
}
.ck.ck-editor__main p{
	margin-bottom:0px;
    font-family: Roboto, "Noto Sans Kr";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
    width: 840px;
    word-break: break-all;
    box-sizing: border-box;
}
.cked .ck.ck-reset.ck-editor.ck-rounded-corners{
	max-width:859px;
}

/* 회수버튼활성화컬러설정*/
.btn-rtrn-active {
    background-color: #15875F !important;
    border-color: #15875F !important;
    color: #fff !important;
}

/*챗봇관리자페이지 버튼*/
.nav-fixed-bottom{
    float:left;
    width:100%;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0 15px;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar{
    height:calc(100% - 58px);
}
.nav-fixed-bottom a{
    padding:8px 20px;
    color:#fff;
    font-size: 16px;
    font-weight: 700;
    text-shadow: 1px 1px 1px #000;
    border: 1px solid #95a4b4;
    border-radius: 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width:990px){
    .pcoded[theme-layout="vertical"] .pcoded-navbar{
        height:100%;
    }
}