@charset "utf-8";
/* CSS Document */

#adUrlinfo { position: absolute; right: 10px; top: 10px}
#adUrlinfo span { font-size: 14px; font-weight: 400 !important; color: #999 !important}

/*========================
Common
========================*/
img { max-width: 100%}

/* font */
.ws-normal { white-space: normal !important}
.fs-13 { font-size: 13px !important}

/* width */
/*.w-30px { width: 30px !important}
.w-50 { width: 50px !important}
.w-60 { width: 60px !important}
.w-70 { width: 70px !important}
.w-100 { width: 100px !important}
.w-100p { width: 100% !important}
.w-auto { width: auto !important}
.h-100p { height: 100% !important}*/

.w30 { width: 30px !important}
.w50 { width: 50px !important}
.w60 { width: 60px !important}
.w70 { width: 70px !important}
.w80 { width: 80px !important}
.w100 { width: 100px !important}
.w100p { width: 100% !important}
.w-auto { width: auto !important}
.h100p { height: 100% !important}

@media (min-width: 992px){
	.w-lg-auto { width: auto !important}
}
@media (min-width: 768px){
	.md-w-auto { width: auto !important}
}
@media (min-width: 576px){
	.sm-w-auto { width: auto !important}
}

/* margin */
/*.mt_0 { margin-top: 0 !important}
.mt_5 { margin-top: 5px !important}
.mt_10 { margin-top: 10px !important}
.mb_5 { margin-bottom: 5px !important}
.mb_10 { margin-bottom: 10px !important}
.mb_15 { margin-bottom: 15px !important}
.mb_20 { margin-bottom: 20px !important}
.ml_3 { margin-left: 3px !important}
.ml_5 { margin-left: 5px !important}
.m-auto { margin-left: auto !important; margin-right: auto !important}
.mr_5 { margin-right: 5px !important}
.mr_10 { margin-right: 10px !important}*/

.mt0 { margin-top: 0 !important}
.mt5 { margin-top: 5px !important}
.mt10 { margin-top: 10px !important}
.mb5 { margin-bottom: 5px !important}
.mb10 { margin-bottom: 10px !important}
.mb15 { margin-bottom: 15px !important}
.mb20 { margin-bottom: 20px !important}
.ml3 { margin-left: 3px !important}
.ml5 { margin-left: 5px !important}
.m-auto { margin-left: auto !important; margin-right: auto !important}
.mr5 { margin-right: 5px !important}
.mr10 { margin-right: 10px !important}

/* padding */
/*.pb_0 { padding-bottom: 0 !important}*/
.pb0 { padding-bottom: 0 !important}

@media (min-width: 992px){
	.ml-lg-auto { margin-left: auto !important}
}


/* 반응형 */
.row .card { height: 100%}
.row.gap5 { margin-left: -5px; margin-right: -5px}
.row.gap5 > * { padding-left: 5px; padding-right: 5px}
.row.gap10 { margin-left: -10px; margin-right: -10px}
.row.gap10 > * { padding-left: 10px; padding-right: 10px}

/* flex */
.flex03 { flex: 0.3}
.flex05 { flex: 0.5}
.flex1 { flex: 1}
.flex-1 { flex: 1}
.flex2 { flex: 2}
.flex3 { flex: 3}
.jc-end { justify-content: flex-end !important}

/* icon */
.ico-num { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; font-size: 10px; color: #fff; font-style: normal; vertical-align: middle; background: #a3a4c8; border-radius: 50%;}

/* --------------
Table
--------------*/
table.tbl-type-left { width: 100%; white-space: nowrap}
table.tbl-type-left, table.tbl-type-left th, table.tbl-type-left td { border: 1px solid #e3e3e3}
table.tbl-type-left th, table.tbl-type-left td { font-size: 14px; padding: 0.75rem;}
table.tbl-type-left th { width: 150px; background: #f4f4f4; font-weight: 500}
table.tbl-type-left input.checkradio + label { font-size: 14px}

table.tbl-type-top { width: 100%; white-space: nowrap}
table.tbl-type-top, table.tbl-type-top th, table.tbl-type-top td { border: 1px solid #ddd}
table.tbl-type-top th, table.tbl-type-top td { font-size: 14px; text-align: center; padding: 0.5rem 0.313rem}
table.tbl-type-top th { background: #f4f4f4; font-weight: 500}
table.tbl-type-top td.left { text-align: left}
table.tbl-type-top td.right { text-align: right}
table.tbl-type-top .form-flex { justify-content: center}
table.tbl-type-top.br-lighter, table.tbl-type-top.br-lighter td { border-color: #eeeef1}
table.tbl-type-top.br-lighter th { border-color: #ddd}

.table-center th, .table-center td { text-align: center}
.table-center td.left { text-align: left}
.table-center td.right { text-align: right}

table .badge { padding: 7px 7px 5px 7px; font-size: 80%;}

table ul { margin-bottom: 0}

.h-scroll { height: 500px; overflow-y: auto}

@media (max-width: 767px){
	table.tbl-type-left th { width: 100px;}
}
@media (max-width: 575px){
	table ul.row li + li { margin-top: 10px}
}

/* tabel theme 수정 */
.table-bordered thead th, .table-bordered thead td { border-bottom-width: 1px;}
.table thead th { border-bottom-width: 1px}

.custom-checkbox.solo { display: inline-block; width: 20px; height: 20px; min-height: auto; padding-left: 0}
.custom-checkbox.solo .custom-control-label { position: static}
.custom-checkbox.solo .custom-control-label::before,
.custom-checkbox.solo .custom-control-label::after { top: 0 !important; left: 0; transform: none}

/* --------------
Form
--------------*/
.form-ul li { margin-bottom: 20px}
.form-ul li label { font-size: 0.938rem; font-weight: 500}

.form-ul .form-check { padding-left: 1rem;}
.form-flex { display: flex; align-items: center}

/*select.form-control {
  padding-right: 2rem;
  vertical-align: middle;
  background: #fff url("../images/common/icon_arr_select.svg") no-repeat right 10px center /11px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}*/
/*select.form-control {
	padding-right: 1.4rem;
	vertical-align: middle;
	background: #fff url("../images/common/icon_arr_select.svg") no-repeat right 5px center /11px;
	-webkit-appearance: none;
	 -moz-appearance: none;
		  appearance: none;
}*/
select.form-control {
	padding-right: 2.5rem;
	vertical-align: middle;
	background: #fff url("../images/common/icon_arr_select.svg") no-repeat right 16px center /11px;
	-webkit-appearance: none;
	 -moz-appearance: none;
		  appearance: none;
}
select.form-control.form-control-sm { background-position: right 8px center; padding-right: 1.8rem;}

.form-control-xs {
  height: calc(1.4em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 13px;
  line-height: 1.4;
  border-radius: 0.125rem;
}

.input-cal { background: url("../images/svg/icon_cal.svg") right 5px center no-repeat #fff; background-size: 16px; padding-right: 25px}

/* 화살표 숨기기
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
*/
input[type=number]::-webkit-inner-spin-button { opacity: 1;} /* 화살표 항상 표시 */
input[type=number].form-control,
input[type=number].form-control-xs { padding-right: 0}

/* label */
label { white-space: nowrap}
label.must { position: relative}
label.must::after { content: ""; position: absolute; right: -12px; top: 50%; width: 7px; height: 7px; background: url("../images/common/bul_must.png") center center no-repeat; transform: translateY(-50%)}

table label { margin-bottom: 0}

/* Checkbox -> Button style */
.btn-item input { display: none;}
.btn-item label { display: block; cursor: pointer;}
.btn-item label span { display: inline-block; font-size: 13px; line-height: 1; color: #333; background: transparent; border: 1px solid transparent; padding: 6px 8px}
.btn-item label .box-outline-primary { color: #8069f2; background-color: #fff; border-color: #8069f2}
.btn-item input:checked + label .box-outline-primary { color: #fff; background-color: #8069f2;}
.btn-item label .box-bluegray { color: #fff; background-color: #969ab5; border-color: #969ab5}
.btn-item input:checked + label .box-bluegray { background-color: #5e6595; border-color: #5e6595}


/* --------------
Badge
--------------*/
.badge-green {
  color: #fff;
  background-color: #44b95f;
}

a.badge-green:hover, a.badge-green:focus {
  color: #fff;
  background-color: #21ab41;
}

a.badge-green:focus, a.badge-green.focus {
  outline: 0;
  box-shadow: none;
}

button.badge { border: 0}

/* --------------
Btn
--------------*/
.btn-bluegray { color: #fff; background-color: #969ab5; border-color: #969ab5}
.btn-bluegray:hover { color: #fff; background-color: #81849f; border-color: #81849f}
.btn-bluegray:focus, .btn-bluegray.focus { color: #fff; background-color: #81849f; border-color: #81849f; box-shadow: none}
.btn-bluegray.disabled, .btn-bluegray:disabled { color: #fff; background-color: #cdced6; border-color: #cdced6;}
.btn-bluegray:not(:disabled):not(.disabled):active, .btn-bluegray:not(:disabled):not(.disabled).active, .show > .btn-bluegray.dropdown-toggle { color: #fff; background-color: #969ab5; border-color: #969ab5}
.btn-bluegray:not(:disabled):not(.disabled):active:focus, .btn-bluegray:not(:disabled):not(.disabled).active:focus, .show > .btn-bluegray.dropdown-toggle:focus { box-shadow: none}

.btn-outline-bluegray { color: #81849f; border-color: #ccc;}
.btn-outline-bluegray:hover { color: #fff; background-color: #81849f; border-color: #81849f;}
.btn-outline-bluegray:focus, .btn-outline-bluegray.focus { box-shadow: none}
.btn-outline-bluegray.disabled, .btn-outline-bluegray:disabled { color: #81849f; background-color: transparent;}
.btn-outline-bluegray:not(:disabled):not(.disabled):active, .btn-outline-bluegray:not(:disabled):not(.disabled).active,
.show > .btn-outline-bluegray.dropdown-toggle { color: #fff; background-color: #81849f; border-color: #81849f;}
.btn-outline-bluegray:not(:disabled):not(.disabled):active:focus, .btn-outline-bluegray:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-bluegray.dropdown-toggle:focus { box-shadow: none}

.btn-outline-gray { color: #666; border-color: #ccc;}
.btn-outline-gray:hover { color: #fff; background-color: #666; border-color: #666;}
.btn-outline-gray:focus, .btn-outline-gray.focus { box-shadow: none}
.btn-outline-gray.disabled, .btn-outline-gray:disabled { color: #666; background-color: transparent;}
.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray.dropdown-toggle { color: #fff; background-color: #666; border-color: #666;}
.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray.dropdown-toggle:focus { box-shadow: none}

.btn-excel { display: inline-flex; align-items: center; font-size: 0.875rem; border: 1px solid #ccc; background: #fff; padding: 5px 10px}
.btn-excel i { font-size: 13px; margin-left: 7px}

.btn-outline-preview { color: #8069f2; border-color: #bfb4f8;}
.btn-outline-preview:hover { color: #8069f2}

.btn-line { display: flex; align-items: center; justify-content: center; padding-bottom: 10px; margin-top: 20px}
.btn-line.left { justify-content: flex-start}
.btn-line.right { justify-content: flex-end}
.btn-line a + a, .btn-line button + button, .btn-line a + button, .btn-line button + a { margin-left: 10px}

.btn-line.col { flex-direction: column}
.btn-line.col a + a, .btn-line.col button + button, .btn-line.col a + button, .btn-line.col button + a { margin-top: 10px; margin-left: 0}

.btn-xs { font-size: 13px; line-height: 1; padding: 6px 8px}
.btn-line.col .btn-xs + .btn-xs { margin-top: 5px}

.btn-line.btn-write .btn { padding: 9px 20px}

@media (min-width: 768px){
	.btn-line { margin-top: 30px}
}

/* --------------
Tab
--------------*/
.tab-list ul { display: flex}
.tab-list ul li { flex: 1; font-size: 14px; text-align: center; border: 1px solid #ddd; border-bottom-color: #8069f2}
.tab-list ul li a { display: block; padding: 10px 0; color: #aaa}
.tab-list ul li.on, .tab-list ul li:hover { border-color: #8069f2; font-weight: 500}
.tab-list ul li.on a, .tab-list ul li:hover a { color: #8069f2}

/* Search-line */
.search-line { display: flex; align-items: center; flex-wrap: wrap;}
.search-line .btn + .btn { margin-left: 5px}
.search-line > ul { display: flex; align-items: center; padding: 0; margin: 0}
.search-line > ul > li { display: flex; align-items: center; margin-bottom: 0.5rem}
.search-line > ul > li + li { margin-left: 5px}
.search-line > ul > li label { white-space: nowrap; margin-bottom: 0}
.search-line.li-15 > ul > li + li { margin-left: 15px}
.search-line .search-btn { margin-left: auto}
.search-line .search-btn .btn { margin-bottom: 0.5rem}
.search-line select.form-control { width: auto}

@media (max-width: 991px){
	.search-line { display: block}
	.search-line > ul { flex-wrap: wrap; margin-bottom: 0.5rem}
	.search-line > ul > li { width: 50%}
	.search-line > ul > li:nth-child(2n-1) { padding-right: 5px}
	.search-line > ul > li:nth-child(2n) { padding-left: 5px}
	.search-line > ul > li + li { margin-left: 0}
	.search-line .search-btn .btn { margin-bottom: 0}
}

/* --------------
Card
--------------*/
.card-header.admin-card-header { padding-bottom: 1rem; border-bottom: 10px solid #f3f5fa}
.card-header-flex { display: flex; align-items: center; height: 100%}
.card-header-right { margin-left: auto}
.card-header-flex p { margin-bottom: 0}

/* --------------
Modal
--------------*/
.modal-dialog.big { max-width: 1320px; width: 90%}
.modal-height { height: 600px; padding-right: 17px; overflow-y: auto}
.modal-header.underline { border-bottom: 1px solid #ccc; margin-bottom: 15px}
.modal-header .close i { font-weight: bold}
.modal-body { font-size: 14px}
.modal-footer.topline { border-top: 1px solid #ddd}
.modal-footer .btn-line { margin: 0; padding-bottom: 0}

.modal-open .modal#ReMoteModal { display: flex !important; align-items: center; justify-content: center; padding-right: 0 !important; z-index: 1049}

.modal-title { font-weight: 600; color: #333}

h6.modal-title { position: relative; color: #8069f2; border-bottom: 1px solid #8069f2; padding-bottom: 5px; margin-bottom: 15px}
h6.modal-title .small { display: inline-block; font-size: 13px !important; color: #999; margin-left: 20px}

.modal-body ul, .modal-body p { margin-bottom: 0}
.modal-body table.tbl-type-top th, 
.modal-body table.tbl-type-top td { font-size: 13px}


@media (max-width: 575px){
	#ReMoteModal #modal-content { padding: 0.5rem}
	#ReMoteModal #modal-content .modal-dialog { width: 95vw; margin: 0}
}

/* --------------
Theme 수정
--------------*/
.custom-file-sm { height: calc(1.4em + 0.76rem + 2px)}
.custom-file-sm .custom-file-input,
.custom-file-sm .custom-file-label { height: calc(1.4em + 0.76rem + 2px); padding: 0.38rem 0.75rem;}
.custom-file-sm .custom-file-input { cursor: pointer}
.custom-file-sm .custom-file-label { color: #1e2022}
.custom-file-sm .custom-file-label::after { content: "파일선택"; font-family: 'Noto Sans KR'; height: calc(1.4em + 0.76rem + 2px); font-size: 14px; color: #8069f2; font-weight: 500; background: #ebe8fd; padding: 0.38rem 0.75rem;}

.btn.icon-in { font-size: 16px; line-height: 1; padding: 0 8px}

ul.pagination { justify-content: center; margin: 30px 0 20px 0}
.page-link { border-color: rgba(128, 105, 242, 0.6)}
.pagination-sm .page-link { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; min-width: auto; font-weight: 500; padding: 0}
.page-item.page-icon .page-link { font-size: 20px; font-weight: 400; border-color: #ccc}

/* --------------------------------------------------------
sweetalert2 수정 (sweetalert2.github.io)
--------------------------------------------------------*/
.swal2-icon { width: 60px !important; height: 60px !important}
.swal2-icon .swal2-icon-content { font-size: 40px !important}
.swal2-title { font-size: 16px !important; font-weight: 500 !important}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: 50% !important; width: 28px !important}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { top: 50% !important; left: 15px !important; width: 15px !important; margin-top: 1px}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: 50% !important; right: 8px !important; width: 30px !important; margin-top: -3px}

.swal2-styled:focus { box-shadow: none !important}

/*========================
Header
========================*/
.util-menu { position: relative; display: flex; align-items: center; height: 100%; margin: 0 0 0 auto}
.util-menu li { position: relative; display: flex; align-items: center}
.util-menu li a { display: block; color: #000; padding: 15px}
.util-menu li a:hover { color: #8069f2}
.util-menu li i { display: block; font-size: 1.25rem}
.util-menu li strong { display: block; font-size: 0; text-indent: -9999px}

.util-menu li.time-check { align-items: stretch; margin-right: 20px}
.util-menu li.time-check .num  { display: flex; align-items: center; justify-content: center; width: 70px; border: 1px solid #ddd}
.util-menu li.time-check .num span { display: block; font-size: 16px; margin-top: 2px}
.util-menu li.time-check a { padding: 8px 10px; background: #8069f2}
.util-menu li.time-check i { font-size: 16px; color: #fff}


/*========================
로그인
========================*/
.login-con { display: flex; justify-content: center}
.login-con fieldset { width: 450px}

@media (max-width: 575px){
	.login-con form { width: 100%}
	.login-con fieldset { width: 100%}
}
/*========================
Sub
========================*/
@media (max-width: 575px){
	#load_content.px-3 { padding-left: 10px !important; padding-right: 10px !important}
}

h1.sub-tit { font-size: 24px; letter-spacing: -1px; margin-bottom: 15px}
@media (max-width: 575px){
	h1.sub-tit { font-size: 18px; margin-bottom: 10px}
}

@media (max-width: 575px){
	.card-body { padding: 1rem 10px}
}

/*.tabs-list { display: flex; margin-bottom: 15px}
.tabs-list a { display: block; font-size: 16px; letter-spacing: -1px}
.tabs-list a + a { margin-left: 10px}
.tabs-list a i { margin-right: 5px}*/

.tabs-list1 { margin-top: -15px}
.tabs-list1 ul { display: flex; justify-content: center; margin-bottom: 0}
.tabs-list1 ul li { position: relative}
.tabs-list1 ul li + li { margin-left: 20px}
.tabs-list1 ul li a { display: block; font-size: 18px; color: #888; letter-spacing: -0.5px; border-bottom: 3px solid transparent; padding: 0 15px 6px 15px;}
.tabs-list1 ul li.active a { color: #8069f2; font-weight: 500; border-bottom-color: #8069f2}
.tabs-list1 ul li.on a { color: #8069f2; border-bottom-color: #8069f2}

.card-header .tabs-list.depth2 { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }

.tabs-list2 { margin-left: 30px}
.tabs-list2 ul { display: flex; margin-bottom: 0}
.tabs-list2 ul li + li { margin-left: -1px}
.tabs-list2 ul li a { display: block; color: #666; letter-spacing: -0.5px; background: #fff; border: 1px solid #ccc; border-radius: 20px 0 0 20px; padding: 5px 10px 5px 20px}
.tabs-list2 ul li:nth-child(2) a { border-radius: 0 20px 20px 0; padding: 5px 20px 5px 10px}
.tabs-list2 ul li.active a { color: #fff; background: #8069f2; border-color: #8069f2}

.day-list .day { display: inline-flex; align-items: center; font-size: 13px; color: #666; line-height: 1; letter-spacing: -0.5px; border: 1px solid #ccc; border-radius: 15px; padding: 5px 10px; margin: 3px}
.day-list .day a { display: block; margin-left: 5px; padding: 2px 0 2px 2px}
.day-list .remove-day i { font-size: 10px; font-weight: bold; color: #000;}
.day-list .remove-day span { display: inline-block; text-indent: -9999px}
.day-list .day.saturday-color { border: 1px solid #1a6ccb; color: #1a6ccb}
.day-list .day.saturday-color .remove-day i { color: #00489b}
/*.day-list { position: relative; display: flex;}
.day-list .day { position: relative; margin: 3px}
.day-list .day a { display: inline-flex; align-items: center; height: 26px; font-size: 13px; color: #666; line-height: 1; letter-spacing: -0.5px; border: 1px solid #ccc; background: #fff; border-radius: 15px; padding: 0 10px;}
.day-list .day a > * { display: block}
.day-list .day i { width: 14px; height: 14px; background: url("../images/svg/icon_close.svg") 0 0 /contain no-repeat; margin-left: 5px}*/

.btn-reset { position: relative; display: flex; align-items: flex-start; border: 0; background: transparent}
.btn-reset svg { width: 16px; height: 16px}
.btn-reset em { display: inline-block; font-size: 12px; color: #999; font-style: normal; margin-left: 2px}


/*========================
Form
========================*/
.card.form-section { margin-bottom: 1.5rem}
.card.form-section .card-header { position: relative; border-bottom: 1px solid #eeeef1}
.card.form-section .card-header h5 { margin-bottom: 0}
.card.form-section .card-header a.btn-slide { position: absolute; right: 1rem; top: 50%; display: block; font-size: 0; color: #8069f2 !important; transform: translateY(-50%); border: 1px solid #b9bdc7; padding: 5px}
.card.form-section .card-header.flex { display: flex; align-items: center}

@media (min-width: 768px){
	.card.form-section .card-header { padding: 1rem 1.5rem;}
	.card.form-section .card-header a.btn-slide { right: 1.5rem; padding: 7px}
}

@media (max-width: 575px){
	.card.form-section .card-header h5 { font-size: 1rem}
}

ul.form-content { margin-bottom: 0}
ul.form-content > li { display: flex; align-items: center; font-size: 14px; padding: 15px 0}
ul.form-content > li:first-child { padding-top: 0}
ul.form-content > li:last-child { padding-bottom: 0}
ul.form-content > li + li { border-top: 1px solid #eeeef1}
ul.form-content > li .control-label { width: 180px; font-size: 14px; margin-bottom: 0}
ul.form-content > li .form-row { flex: 1}
ul.form-content > li .form-row label.item-tit { color: #888; margin-bottom: 5px}
ul.form-content > li .custom-file-label { margin-bottom: 0}
ul.form-content > li input.form-control { background-color: #f8f9fd; border-color: #dbdde2}
ul.form-content > li textarea.form-control { height: 150px; background: #f8f9fd; border-color: #dbdde2}

@media (max-width: 767px){
	ul.form-content li .control-label { width: 130px}
}
@media (max-width: 575px){
	ul.form-content > li { display: block}
	ul.form-content > li .control-label { width: 100%; font-weight: 500; margin-bottom: 10px}
	
	ul.form-content > li .form-row > [class*="col-"] { margin-top: 10px}
	ul.form-content > li .form-row > [class*="col-"]:first-child { margin-top: 0}
	ul.form-content > li .form-row .col-auto { width: 100%}
	ul.form-content > li textarea.form-control { height: 100px}
}

/* Radio */
.custom-control-label.up::before {
  top: 2px;
  transform: none;
}

.custom-control-label.up::after {
  top: 2px !important;
  transform: none !important;
}

/* Checkbox */
.custom-control-label::before,
.custom-control-label::after { width: 20px; height: 20px}


/* Radio & Checkbox */
input.checkradio { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
input.checkradio + label { position: relative; display: inline-flex; align-items: center; cursor: pointer; font-size: 1rem; color: #333}
input.checkradio + label > span { display: inline-block; padding-left: 8px; margin-top: 2px}
input.checkradio.solo + label > span { text-indent: -9999px; padding-left: 0}
/*input.checkradio + label::before { content: ""; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width:18px; height:18px; border:1px solid #ccc; background: transparent;}*/
input.checkradio + label::before { content: ""; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width:20px; height:20px; border:1px solid #cdced6; border-radius: 2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d9d9d9' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); background-position: center; background-size: 14px; background-color: #fff; background-repeat: no-repeat;}
input.checkradio:checked + label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); background-color: #8069f2; border-color: #8069f2;}

/* Radio */
/*input[type=radio].checkradio + label::before{ border-radius: 50%; background: #fff}
input[type=radio].checkradio:checked + label::before { background: #fff;}
input[type=radio].checkradio + label::after{ content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; background: #cdced6; border-radius: 50%; transform: translateX(-50%) translateY(-50%)}
input[type=radio].checkradio:checked + label::after { background: #8069f2}*/
input[type=radio].checkradio + label::before{ border-radius: 50%; background: #fff}
input[type=radio].checkradio:checked + label::before { background: #fff;}
input[type=radio].checkradio + label::after { content: ""; position: absolute; top: 50%; left: 6px; width: 8px; height: 8px; background: #cdced6; border-radius: 50%; transform: translateY(-50%)}
input[type=radio].checkradio:checked + label::after { background: #8069f2;}

input.checkradio + label + input.checkradio + label { margin-left: 20px}



/*========================
 가맹점 관리 :  가맹점 관리 리스트
========================*/



/*========================
 가맹점 관리 :  가맹점 등록
========================*/
.switch-area { }
.switch-area >  div { display: flex; align-items: center; padding: 10px 20px}
.switch-area .custom-switch { width: 2.5rem; height: 1.25rem; min-height: auto; padding-left: 0; margin-left: auto}
.switch-area .custom-control-label { width: 100%; height: 100%}
.switch-area .custom-switch .custom-control-label::before { left: 0}
.switch-area .custom-switch .custom-control-label::after { left: 2px}


/*========================
 가맹점 관리 :  메뉴 설정
========================*/
.card-header.tit { background: #dfdded; padding: 13px 16px  10px 16px}
.site-menu .card-body { font-size: 14px}

/* UI  설정 */
.site-menu .form-inline .form-group { width: 100%; border-bottom: 1px solid #eee}
.site-menu .form-inline label { justify-content: flex-end; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0}
.site-menu .form-inline .form-group > div { border-left: 1px solid #eee; padding-top: 10px; padding-bottom: 10px}
.site-menu .form-inline select.form-control { width: 100%}

@media (max-width: 575px){
	.site-menu .form-inline .form-group { display: flex; margin-bottom: 0}
}

/* 메뉴 관리 */
.site-menu ul li.list-group-item { border: 0;}
.site-menu ul li .row > div { margin: 10px 0}
.site-menu ul li .custom-checkbox.custom-control { min-height: 16px; padding-left: 16px}
.site-menu ul li .custom-checkbox .custom-control-label::before, .site-menu ul li .custom-checkbox .custom-control-label::after { top: -13px !important; left: -15px; transform: none;}
.site-menu ul li .input-group { height: 100%;}
.site-menu ul li .input-group .form-control { height: 100%}
.site-menu ul li .input-group > .input-group-append > .btn { display: flex; align-items: center}
.site-menu ul li .input-group > .input-group-append > .btn[aria-expanded="false"] i::before { content: "\e94b"}
.site-menu ul li .badge { align-self: flex-start; font-size: 80%; padding: 6px}

.site-menu ul.ulOptionA > li { padding: 20px 0;}
.site-menu ul.ulOptionA > li.list-group-item + li.list-group-item { border-top: 1px dashed #cdced6}
.site-menu ul.ulOptionA > li.list-group-item:nth-child(2) { border-top: 0 !important}
.site-menu ul.ulOptionB li { padding: 0 0 0 43px;}
.site-menu ul.ulOptionC li .input-group > .input-group-append > .btn { padding: 0.38rem; cursor: default}


/*========================
 가맹점 관리 :  상품 설정
========================*/
@media (min-width: 1200px){
	.goods-setting .left-con { min-width: 340px; max-width: none}
	.goods-setting .right-con { flex: 1}
}

/*** left-con ***/
.goods-setting .memo { display: flex; align-items: center; font-size: 13px}
.goods-setting .memo i { margin-right: 5px}

.goods-setting .form-in { height: 57.75px; padding: 12px 16px 12px 16px;}
.goods-setting .form-in-con { display: flex; align-items: center; justify-content: flex-end}

.goods-setting .btn.btn-menu-select { display: flex; align-items: center; width: 100%; font-weight: 400}
.goods-setting .btn.btn-menu-select i { margin-left: auto}

.goods-setting .menu-select .dropdown-menu { padding: 10px; margin: 0}
.goods-setting .menu-select .ulMenuA > li + li { border-top: 1px dashed #ccc; padding-top: 5px; margin-top: 3px}
.goods-setting .menu-select li a { display: flex; align-items: center; font-size: 13px; color: #333; padding: 3px 10px}
.goods-setting .menu-select li a.on { color: #8069f2; font-weight: 500}
.goods-setting .menu-select .ulMenuB li a { padding: 3px 10px 3px 20px}
.goods-setting .menu-select .ulMenuC li a { padding: 3px 10px 3px 40px}
.goods-setting .menu-select li a .text { display: block; margin-top: 3px}
.goods-setting .menu-select li a .badge { display: inline-flex; align-items: center; justify-content: center;}
.goods-setting .menu-select li a .badge1 { height: 18px; font-weight: 400}
.goods-setting .menu-select li a .badge2 { width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; padding: 0}

/*** right-con ***/
.goods-setting .search-category { display: flex}
.goods-setting .search-category a { display: block; font-size: 14px; color: #4a4e69; white-space: nowrap; margin-top: 4px}
.goods-setting .search-category a.on { color: #8069f2}
.goods-setting .search-category a:hover { color: #8069f2}
.goods-setting .search-category a + a { margin-left: 10px}

@media (max-width: 767px){
	.goods-setting .search-category { display: none}
}

.goods-setting .search-form { margin-left: 20px}
.goods-setting .search-form ul { display: flex; margin-bottom: 0}
.goods-setting .search-form ul li + li { margin-left: 5px}

@media (max-width: 767px){
	.goods-setting .search-form { margin-left: 0}
}

.goods-setting .sort-list ul { display: flex; margin-bottom: 10px}
.goods-setting .sort-list ul li { font-size: 14px}
.goods-setting .sort-list ul li + li { border-left: 1px solid #ddd}
.goods-setting .sort-list ul li a { display: block; color: #333; line-height: 1; padding: 0 15px}
.goods-setting .sort-list ul li a:hover { color: #8069f2}
.goods-setting .sort-list ul li:first-child a { padding-left: 0}
.goods-setting .sort-list ul li.on a { color: #8069f2}

@media (max-width: 767px){
	.goods-setting .sort-list { display: none}
}

/* Drop List */
.drop-list ul { display: flex; flex-wrap: wrap; margin: 0 -10px}
.drop-list ul li { width: calc(100%*(1/3) - 20px); border: 1px solid #ccc; margin: 10px}
.drop-list ul li .item { display: flex; padding: 10px}
.drop-list ul li .img { width: 80px; height: 80px; overflow: hidden; margin-right: 10px}
.drop-list ul li .img img { width: 100%; height: 100%; object-fit: cover}
.drop-list ul li .con { display: flex; flex-direction: column; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.drop-list ul li .site-in { display: flex; margin-bottom: 7px}
.drop-list ul li .site-in span { display: block; font-size: 11px; color: #999; padding: 0px 5px; border: 1px solid #ccc}
.drop-list ul li .site-in span + span { margin-left: 5px}
.drop-list ul li .con h5 { font-size: 14px; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.drop-list ul li .con-under { margin-top: auto; display: flex; align-items: center;}
.drop-list ul li .con-under .commission { display: flex}
.drop-list ul li .con-under .commission { display: flex}
.drop-list ul li .con-under .commission span { display: flex; align-items: center; height: 20px; font-size: 12px; color: #fff; background: #33c1a9; padding: 0px 6px;}
.drop-list ul li .con-under .commission span:nth-child(2) { background: #667674}
.drop-list ul li .con-under .btn-area { display: flex; margin-left: auto}
.drop-list ul li .con-under .btn-area button { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 12px; border: 1px solid transparent}
.drop-list ul li .con-under .btn-area button + button { margin-left: 5px}
.drop-list ul li .con-under .btn-area button.btn-action { background: #ef5b5b; border-color: #ef5b5b; color: #fff}
.drop-list ul li .con-under .btn-area button.btn-preview { background: #fff; border-color: #ddd; color: #000}
.drop-list ul li .con-under .btn-area button i { font-weight: bold}

.drop-list.selected ul { margin: 0}
.drop-list.selected ul li { width: 100%; margin: 10px 0}

@media (max-width: 1550px){
	.drop-list ul li { width: calc(100%*(1/2) - 20px)}
}
@media (max-width: 767px){
	.drop-list ul li { width: calc(100% - 20px)}
}


/*========================
상품관리 : 상품 등록
========================*/

/*** 추가된 옵션 목록 ***/
.add-option-list .more-line { display: flex; align-items: center; margin-top: 5px}
.add-option-list .more-line span + .more { margin-left: 30px}
.add-option-list a.more { display: inline-block; font-size: 12px}
.add-option-list .search-line .btn { font-size: 12px}
.add-option-list .search-line .btn-soft-primary { color: #868e96; background-color: #f4f4f4; border-color: #ddd}
/*.add-option .btn-more { padding: 0.75rem 4rem}*/
.btn-more { padding: 0.75rem 8rem}

@media (max-width: 1500px){
	ul.form-content > li.add-option { display: block}
	ul.form-content > li.add-option .control-label { margin-bottom: 10px}
}
@media (max-width: 991px){
	.add-option-list .search-line > ul > li { width: auto; padding: 0}
	.add-option-list .search-line > ul > li + li { margin-left: 5px}
}

/*** 옵션등록 modal ***/
.modal-dialog.big.option-reg-layout { width: 1050px}
.option-reg-modal { font-size: 13px}
.option-reg-modal-in { }
.notice-point { background: #f2f2f7; padding: 10px; margin-bottom: 20px}
.notice-point p { font-size: 13px; color: #25287c; text-indent: -20px; padding-left: 20px; margin-bottom: 0}
.notice-point .example { color: #9192b5}
.notice-point .day-list { margin-top: 5px}

.option-reg-modal .search-line { border-bottom: 1px solid #ccc; margin-bottom: 10px}
.option-reg-modal .search-line > ul > li + li { margin-left: 15px}
.option-guide-desc { margin: 0 0 0.5rem 15px}

.overflow-h { height: 360px; overflow-y: auto}

@media (max-width: 991px){
	.option-reg-modal .search-line { display: flex; margin-bottom: 15px}
	.option-reg-modal .search-line > ul { flex-wrap: nowrap; margin-bottom: 0}
	.option-reg-modal .search-line > ul > li { width: auto}
	.option-reg-modal .search-line > ul > li:nth-child(2n-1) { padding-right: 0}
	.option-reg-modal .search-line > ul > li + li { margin-left: 10px}
	.option-guide-desc { margin: 0 0 0.5rem 0}
}
@media (max-width: 360px){
	.option-reg-modal .search-line { display: flex}
	.option-reg-modal .search-line > ul { flex-wrap: nowrap}
}

/* form */
.add-btn-line { margin-bottom: 0}
.add-btn-line button { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; font-size: 22px; color: #8069f2; background: #fff; border: 1px solid #c1bae2}
.add-btn-line button + button { margin-left: 5px}

/*
.option-reg-modal ul.form-content { padding: 10px 0}
.option-reg-modal ul.form-content + ul.form-content { margin-top: 20px}
.option-reg-modal ul.form-content li { font-size: 13px; padding: 5px 10px}
.option-reg-modal ul.form-content li input.form-control { background: #fff}
.option-reg-modal ul.form-content li .control-label { width: 110px; font-size: 13px}
.option-reg-modal ul.form-content li .item-tit {}
*/

.option-form-list { height: 300px; overflow-y: auto;}
.option-form-list .table-responsive { padding-right: 10px}
.option-form-list table.tbl-type-top th, .option-form-list table.tbl-type-top td { font-size: 13px}
.option-form-list .tbl-type-top input.form-control { min-width: 200px}

.option-memo { font-size: 12px; color: #868e96; margin: 10px 0}

@media (max-width: 991px){
	.option-form-list { height: 230px;}
}
@media (max-width: 575px){
	.option-form-list { height: 180px;}
	.option-form-list .tbl-type-top input.form-control { min-width: 150px}
}


/*========================
상품관리 : 요금/수량
========================*/
/*-----------------------------
요금/수량 : 일자별 관리
-----------------------------*/
#PriceDay em { font-style: normal}

#PriceDay .goods-info { display: flex; align-items: center; margin-bottom: 15px}
#PriceDay .goods-info .left { flex: 1;}
#PriceDay .goods-info .left .goods-id { display: flex; align-items: center; margin-bottom: 5px}
#PriceDay .goods-info .left .goods-id span { display: inline-block; font-weight: 500}
#PriceDay .goods-info .left .goods-id em { display: inline-block; font-size: 14px; margin-left: 5px}
#PriceDay .goods-info .left .goods-id .id { font-weight: 500; margin-left: 15px}
#PriceDay .goods-info .left .tit { display: block; font-size: 22px; color: #111; font-weight: 500; letter-spacing: -0.5px}

#PriceDay .goods-info .right { margin-left: auto}
#PriceDay .goods-info .right .all-view { display: inline-flex; align-items: center; letter-spacing: -0.5px}
#PriceDay .goods-info .right .all-view i { margin-left: 5px}

#PriceDay .reg-modify { display: flex; background: #f3f3f3; padding: 20px; margin-bottom: 30px}
#PriceDay .reg-modify .left { display: flex; align-items: center; width: 65%; padding-right: 20px}
#PriceDay .reg-modify .left .tit strong { display: block; font-size: 18px; color: #111; font-weight: 400}
#PriceDay .reg-modify .left .tit .small { display: block; font-size: 14px; color: #666}
#PriceDay .reg-modify .left .btn { margin-left: auto}

#PriceDay .reg-modify .right { width: 35%; text-align: right; border-left: 1px solid #ccc; padding-left: 20px}
#PriceDay .reg-modify .right p { font-size: 14px; margin-bottom: 5px}

.cal-con { }
.cal-con .btn-line { border-bottom: 1px solid #333; margin-top: 0}
.cal-con .btn-line .btn + .btn { margin-left: 5px}
.cal-con .btn-line .right { margin-left: auto}

.cal-box .search-line { background: #f3f3f3; padding: 15px 20px}
.cal-box .search-line > ul > li { margin-bottom: 0}

#PriceDay .calendar.res-admin { max-width: 100%}

/*** modal ***/
/* 기간으로 선택 */
.product-price-date-modal .tab-btn { margin-bottom: 10px}
.product-price-date-modal .tab-btn ul { display: flex; align-items: center;}
.product-price-date-modal .tab-btn ul li + li { margin-left: 30px}
.product-price-date-modal .select-list { height: 200px; overflow-y: auto; border-bottom: 1px solid #e9e9e9; padding-bottom: 10px}
.product-price-date-modal .day-select { }
.product-price-date-modal .select-box { border: 1px solid #ddd; background: #f4f4f4; padding: 20px}
.product-price-date-modal .day-input ul li { display: flex; align-items: center}
.product-price-date-modal .day-input ul li + li { margin-top: 10px}
.product-price-date-modal .day-input .input-cal { background-color: #fff}
.product-price-date-modal .day-input ul li .btn { background: #fff}
.product-price-date-modal .day-input ul li .btn:hover { background: #8069f2}
.product-price-date-modal .add-btn-line button { background: transparent}
.product-price-date-modal .add-btn-line button + button { margin-left: 0}

/*.product-price-date-modal .day-list-btn { display: flex; margin-top: 20px}
.product-price-date-modal .day-list-btn .btn { display: block}
.product-price-date-modal .day-list-btn .btn + .btn { margin-left: 5px}*/
.product-price-date-modal .day-list-btn { display: flex; margin-top: 20px}
.product-price-date-modal .day-list-btn ul { display: flex}
.product-price-date-modal .day-list-btn ul + ul { margin-left: 20px}
.product-price-date-modal .day-list-btn ul li + li { margin-left: 5px}
.product-price-date-modal .day-list-btn label { margin-bottom: 0}

/* 달력에서 직접 선택 */
.cal-select .top-con { display: flex; align-items: center; width: 90%; margin-bottom: 10px}
.cal-select .top-con .btn-reset { margin-left: auto}

.cal-select  .calendar-in { margin-bottom: 10px}
.cal-select  .calendar-in .ui-widget.ui-widget-content { width: 90% !important}
.cal-select  .calendar-in .ui-datepicker-multi-3 .ui-datepicker-group { width: 32%}
.cal-select  .calendar-in .ui-datepicker-multi-3 .ui-datepicker-group + .ui-datepicker-group { margin-left: 2%}
.cal-select  .calendar-in .ui-datepicker td span, .ui-datepicker td a { padding: 0.4em 0.2em;}

.cal-select .info { display: flex; align-items: center; font-size: 12px; margin-bottom: 20px}
.cal-select .info .square { display: block; width: 10px; height: 10px; background: #c4b9f8}
.cal-select .info .text { margin-left: 5px}

.select-day-list p { margin-bottom: 5px}
.select-day-list em { font-style: normal; color: #8069f2; font-weight: 600}
.select-day-list .day { background: #fff}




/*-----------------------------
요금/수량 : 상품별 관리
-----------------------------*/
.price-goods-con { }
.price-goods-con > .btn-line { justify-content: flex-start; border-bottom: 1px solid #333; margin-top: 0}
.price-goods-con > .btn-line .btn + .btn { margin-left: 5px}
.price-goods-con > .btn-line .right { margin-left: auto}

.price-goods-box .search-line { background: #f3f3f3; padding: 15px 20px}
.price-goods-box .search-line > ul > li { margin-bottom: 0}


/*========================
기초코드관리 : 기초코드
========================*/
.code-wrap table.tbl-type-left .btn-sm { font-weight: 400 }
.form-order { width: 36px; text-align: center; padding-left: 0; padding-right: 0; margin: 0 auto}


/*========================
기초코드관리 : 관리자 관리
========================*/
.custom-control-label {}


/*========================
기초코드관리 : 메뉴 접근 관리
========================*/
#MenuMember, #MenuAuth { height: 100%}


/*========================
기초코드관리 : 팝업 관리
========================*/
.pop-td-inner { position: relative}
.pop-td-inner #ImgDel { position: absolute; right: 0; top: 0}
.pop-td-inner .file-name { display: flex; align-items: center; gap: 5px}
.pop-td-inner .file-name .link-line { display: block; color: #4a4e69; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}


/*========================
Footer
========================*/
iframe#ifrmHidden { position: absolute; left: 0; bottom: 0;}



/*========================
게시판 리스트
========================*/
#board_list_tbl .table th, #board_list_tbl .table td { font-size: 14px}
.table .subject { font-size: 16px; text-align: left; font-weight: 500}


/*========================
게시판 상세
========================*/
.view-contents h3.tit-view { display: flex; align-items: center; gap: 10px; font-size: 24px;}
.view-contents h3.tit-view strong { color: #000}
.view-contents h3.tit-view span.notice { font-size: 16px}
.view-contents h3.tit-view .secret { font-size: 18px;}
.view-contents .info-view { display: flex; align-items: center; gap: 0 20px; font-size: 14px}
.view-contents .info-view span { position: relative; display: block;}
.view-contents .info-view span + span::before { content: ""; position: absolute; left: -10px; top: 50%; width: 1px; height: 12px; background: #ddd; transform: translateY(-50%)}

.view-contents .story-view { min-height: 200px; font-size: 16px; color: #000; border-top: 1px solid #333; border-bottom: 1px solid #ccc; padding: 30px 10px; margin-top: 10px}
.view-contents .story-view p { margin: 1rem 0}
.view-contents .story-view > p { margin-top: 0}
.view-contents .story-view img { max-width: 100%}

.view-contents .info-view.addf { display: block; margin-top: 10px}
.view-contents .info-view.addf .add-file + .add-file { margin-top: 5px}
.view-contents .info-view.addf .add-file a { color: #333; text-decoration: underline}
.view-contents .info-view.addf .add-file a:hover { color: #000}

.view-contents + .btn-line { margin: 20px 0 40px 0}

@media (max-width: 991px){
	.view-contents .info-view { flex-direction: column; align-items: flex-start; gap: 2px}
	.view-contents .info-view span + span::before { content: none}
}


/*========================
게시판 댓글
========================*/
.comment-title { font-size: 18px; color: #333; font-weight: 500; border-bottom: 1px solid #666; padding-bottom: 5px; margin-bottom: 15px}

.comment_box_wrap .name { font-size: 14px; margin-bottom: 5px}
.comment_area_w textarea.form-control { height: 100px}
.comment_area_w .btn-line { margin-top: 10px}

/* 리스트 */
.comment-count { font-weight: 500; margin-bottom: 5px}
dl.comment_list_in { font-weight: 400; border-bottom: 1px dashed #ddd; padding: 15px 0 10px 0}
dl.comment_list_in:first-of-type { border-top: 1px solid #ccc}
dl.comment_list_in dt span { font-size: 13px; color: #999; font-weight: 500}
dl.comment_list_in dd { margin-bottom: 0}
dl.comment_list_in dd p.text { font-size: 16px; margin: 10px 0}
dl.comment_list_in dd .form-flex { gap: 0 15px}
dl.comment_list_in dd .date { font-size: 12px; color: #999}
dl.comment_list_in dd .btn-comment { display: block; font-size: 20px; color: #8069f2; line-height: 1}
/*dl.comment_list_in dd .btn-comment.mdf a { color: #0e76b6}
dl.comment_list_in dd .btn-comment.del a { color: #E9423A}*/
dl.comment_list_in dd .btn-comment a:hover { color: #4626e4}


/*========================
사전신청관리 : 사전신청목록 상세
========================*/
.link-line { font-size: 12px; color: #4a4e69; font-weight: 500; transition: all .2s ease-in; text-decoration: underline}
.link-line:hover, .link-line.active, .link-line.selected { color: #8069f2}


/*** Modal : 서류 미리 보기 ***/
.modal.modal-preview-img .modal-dialog.big { max-width: 1000px}
.preview-md img { max-width: 100%}

/* 단독서류 */
.preview-md .img { max-height: 70vh; min-height: 500px; background: #f5f5f5; padding: 20px; overflow-y: auto}

/* slide */
.preview-md .inner { background: #f5f5f5; padding: 20px 10px 10px 10px}
.preview-md .imgList li { padding-bottom: 20px}
.preview-md .imgList li h4 { font-size: 18px; color: #8069f2; text-align: center; margin-bottom: 10px}
.preview-md .imgList li .img-con { max-height: 60vh; min-height: 500px; padding-right: 10px; overflow-y: auto}
.preview-md .imgList .page1 { bottom: 0}
.preview-md .imgList .page1 .swiper-pagination-bullet { width: 12px; height: 12px}
.preview-md .imgList .page1 .swiper-pagination-bullet-active { background: #8069f2}
.preview-md .imgList .page2 { left: auto; right: 30px; bottom: 0; width: auto; font-size: 14px; color: #8069f2; font-weight: 600}

@media (max-width: 1200px){
	.preview-md .img { max-height: 50vh; min-height: 400px}
	.preview-md .imgList li .img-con { max-height: 50vh; min-height: 400px}
}
@media (max-width: 991px){
	.preview-md .img { max-height: 60vh; min-height: 200px}
	.preview-md .imgList li .img-con { max-height: 60vh; min-height: 200px}
}






/*==================================================
모비윈 리스트 통계 임시 Index (Main)
==================================================*/
ul.table-total { display: flex; justify-content: space-between; list-style: none; padding: 0; margin: 0 0 20px 0}
ul.table-total li { width: 32%}
ul.table-total li > div { border: 1px solid #ddd;}
ul.table-total li strong.left  { display: inline-block; width: 50%; background: #f5f8fb; padding: 10px 5px; text-align: center; color: #666; font-weight: 400; font-size: 0.938rem}
ul.table-total li span.right { display: inline-block; margin-left: -4px; border-left: 1px solid #ddd; padding-left: 10px; font-size: 0.875rem}
@media (max-width: 767px) {
	ul.table-total.row { margin-left: -5px; margin-right: -5px}
	/*ul.table-total li { padding-left: 5px; padding-right: 5px}*/
	ul.table-total li strong.left  { display: block; width: 100%; padding: 2px 0;}
	ul.table-total li span.right { display: block; margin-left: 0; border-left:0; padding: 5px 0; text-align: center}
}


ul.table-total.frch { flex-wrap: wrap; margin-bottom: 0}
ul.table-total.frch.two { flex-wrap: wrap; margin-bottom: 10px}
ul.table-total.frch li { flex-basis: 0px; flex-grow: 1; margin: 0 5px 10px 5px}


@media (max-width: 767px) {
	ul.table1.row { margin-left: -5px; margin-right: -5px}
	ul.table1 li { padding-left: 5px; padding-right: 5px}
	ul.table1 li strong  { display: block; width: 100%; padding: 2px 0;}
	ul.table1 li span { display: block; margin-left: 0; border-left:0; padding: 5px 0; text-align: center}
	
	ul.table-total.frch { display: inline-flex; flex-direction: column; width: 49%; margin-bottom: 10px}
	ul.table-total.frch li { width: 100%; padding: 0}
}