/**
  * @Class Name : component.css
  * @Description : 색상,정렬,글짜,폼,input,페이징,버튼,아이콘,모달,데이트픽커등 요소에 관한 CSS
  * @Modification Information
  *
  *  수정일              수정자                수정내용
  *  -------    --------    ---------------------------
  *  2021.01.25  이승현              최초 생성
  *
  */

@charset 'UTF-8';

/* width/height*/
.w-100 {width: 100% !important;}

/* margin/padding */
.mt-0 {margin-top: 0 !important;}
.pt-0 {padding-top: 0 !important;}

/* align */
.align-left {text-align: left !important;}
.align-right {text-align: right !important;}
.align-center {text-align:center!important;}
.d-flex-space{display:flex;justify-content:space-between;align-items:center;-ms-justify-content:space-between;-ms-align-items:center}
.d-flex{display:flex}

/* color */
.text-danger {color: #ff1f1f !important;}
.text-primary {color: #1f83ff !important;}
.text-light {color: #999 !important;}
.text-muted{color:#666 !important}
.bg-muted{background-color:#f5f8fc !important}
.bg-muted2{background-color:#eff1f5 !important}
.bg-muted3{background-color:#F7FBFD !important}

/* text */
.text-info {color: #666;font-size: 13px;}
.text-info.error {color: #e3000c;}
.text-info.success {color: #1f83ff;}
.font-robo{font-family:'Roboto',sans-serif !important}

/* icon */
[class^=icon-] {display: inline-block;overflow: hidden;vertical-align: top;margin: 0;padding: 0;border: 0;font-size: 0;text-decoration: none;text-indent: -1000em;line-height: 0;background-color: transparent;background-repeat: no-repeat;background-position: 50% 50%;}

/* form */
.input[type=text] {background-color: #fff;}
/*.input[type=text]:disabled {background-color: #f9f9f9!important;}*/
.form-control:disabled,.form-control[readonly],.form-control.disabled {color: #333 !important;background-color: #f4f4f4 !important;}
.form-control {box-shadow:none;height: 40px;padding: 5px 17px;border: 1px solid #d9e1e5;border-radius: 5px;font-size: 15px;vertical-align: middle;font-family: 'Noto Sans CJK KR','Noto Sans KR', '맑은 고딕', sans-serif !important;}
.form-lg {height: 50px;padding: 8px 20px;font-size: 16px;}
.form-flex {display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;-webkit-box-align: center;-ms-flex-align: center;}
.form-flex.v2{position:absolute;width:110px;}
.form-flex.form-pd{padding-left:116px;}
.form-flex.form-bd{padding-bottom:18px;border-bottom:1px solid #dee2e6;}
.form-flexible {flex: 1;width: 100%;-webkit-box-flex: 1;-ms-flex: 1;}
.form-flexible .form-control {width: 100%;}
.form-flex > * + * {margin: 0 0 0 10px !important;}
.form-flex.v1 > * + * {margin: 0 0 0 -1px !important;}
select.form-control::-ms-expand {display: none;}

.form-title {margin-bottom: 25px;color: #000;font-size: 20px;font-weight: 700;}
.form-wp .form-control {width: 100%;}
.form-wp .form-item + .form-item,
.form-wp .form-item + .form-group,
.form-wp .form-group + .form-group,
.form-wp .form-group + .form-item {margin-top: 30px;}
.form-wp .form-group {display: flex;}
.form-wp .form-group > div {flex: 1;}
.form-wp .form-group > div + div {margin-left: 15px;}
.form-wp .form-group .form-item + .form-item {margin-top: 0}
.form-wp .form-head {margin-bottom: 9px;}
.form-wp .form-head .tit {color: #222;font-size: 16px;font-weight: 500;line-height: 1;}
.form-wp .text-info {margin-top: 6px;}
.form-wp .essential {vertical-align: middle;margin-left: 5px;color: #ff1f1f;}



/*1215 password icon 추가*/
.input-group.v2{display:table;width:100%;border:1px solid #d9e1e5;border-radius:5px;}
.input-group.v2 .form-control{display:table-cell;width:100%;border:0;}
.input-group.v2 .input-group-addon,
.input-group.v2 .input-group-btn{position:relative;display:table-cell;height:100%;}
.input-group.v2 .input-group-addon{width:21px;}
.input-group.v2 .input-group-btn{width:54px}
.input-group.v2 .input-group-addon i,
.input-group.v2 .input-group-btn .btn-eye,
.input-group.v2 .input-group-btn .btn-eye i{position:absolute;top:0;left:0;width:100%;height:100%;width:54px;height:50px;}
.input-group.v2 .input-group-addon i:after,
.input-group.v2 .input-group-btn i:after{content:'';display:inline-block;vertical-align:top;}
.input-group.v2 .input-group-addon i:after{width:21px;height:21px;margin:13px 0;background:url(/assets/v3/img/icon/lock.png) no-repeat center center;background-size:100% auto;}
.input-group.v2.lock-chk.on .input-group-addon i:after{background-image:url(/assets/v3/img/icon/lock_success.png);}
.input-group.v2.lock-chk.off .input-group-addon i:after{background-image:url(/assets/v3/img/icon/lock_fail.png);}
.input-group.v2.lock-chk.on{border-color:#1578ff;}
.input-group.v2.lock-chk.off{border-color:#ff2c2c;}
.input-group.v2 .input-group-btn i:after{width:24px;height:24px;margin:13px 7px;background:url(/assets/v3/img/icon/icon-eye-off2.png) no-repeat center center;background-size:100% auto;}
.input-group.v2 .input-group-btn .btn-eye.active i:after{background-image:url(/assets/v3/img/icon/icon-eye-on2.png);}

/* checkbox, radio */
label {margin-bottom: 0}
.inline {display: inline-block;margin: 2px 30px 2px 0;}
.form-checkbox {position: relative;}
.form-checkbox input[type='checkbox'] {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0,0,0,0);}
/* .form-checkbox input[disabled]{ background: #ccc;} */
.form-checkbox input[type='checkbox']:disabled + label {cursor:not-allowed;}
.form-checkbox input[type='checkbox']:disabled + label:before {content: '';position: absolute;top: 0;left: 0;width: 19px;height: 19px;background-image:url(/assets/v3/img/icon/check-off.png); background-repeat:no-repeat; background-size:100% auto; background:#eee;border:solid 1px darkgrey;border-radius:2px;}
.form-checkbox input[type='checkbox'] + label {display: inline-block;position: relative;padding-left: 28px;color: #222;font-size: 15px;font-weight:400;line-height: 20px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.form-checkbox input[type='checkbox'] + label:before {content: '';position: absolute;top: 0;left: 0;width: 19px;height: 19px;background-image:url(/assets/v3/img/icon/check-off.png); background-repeat:no-repeat; background-size:100% auto;}
.form-checkbox input[type='checkbox']:checked + label:before {background-image:url(/assets/v3/img/icon/check-on.png);}
.form-checkbox input[type='checkbox']:focus + label:after{content:'';position:absolute;top:0;left:0;width:19px;height:19px;border-radius:3px; border:2px solid #0088eb;}
.form-checkbox.text input[type='checkbox'] + label {padding-left: 0;font-size:14px;}
.form-checkbox.text input[type='checkbox'] + label:before {display: none;}
.form-checkbox.text input[type='checkbox'] + label:after {display: none;}
.form-checkbox.text input[type='checkbox']:checked + label {color: #006cff;font-weight: 700;}
.form-checkbox.text input[type='checkbox']:focus + label {text-decoration:underline;}
.form-checkbox.only label {padding-left:19px; display: block; vertical-align: top;}
.form-radio {position: relative;}
.form-radio input[type='radio'] {display:none;overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0,0,0,0);}
.form-radio input[type='radio'] + label {display: inline-block;position: relative;padding-left: 28px;color: #222;font-size: 15px;line-height: 20px;font-weight:400;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.form-radio input[type='radio'] + label:before {content: '';position: absolute;top: 0;left: 0;width: 19px;height: 19px;background-image:url(/assets/v3/img/icon/radio-off.png); background-repeat:no-repeat; background-size:100% auto;}
.form-radio input[type='radio']:checked + label:before {background-image:url(/assets/v3/img/icon/radio-on.png);}
.form-radio input[type='radio']:focus + label:after {content:'';display:block;position:absolute;top:0;left:0;width:19px;height:19px;border-radius:50%;border:2px solid #006cff;}

.radio-btn-wp{display: flex; width: 100%;}
.radio-btn-wp .radio-btn {flex: 1}
.radio-btn input[type='radio'] {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0,0,0,0);}
.radio-btn input[type='radio'] + label {display: block;height: 40px;line-height:40px;margin-left: -1px;padding: 0 10px;border: 1px solid #d9e1e5;font-size: 15px;text-align: center;background: none;cursor: pointer;}
.radio-btn input[type='radio']:checked + label {border-color: #1578ff;color: #fff;background: #1578ff;}

.radio-btn-wp .radio-btn.v1 + .radio-btn.v1 {margin-left: 15px;}
.radio-btn.v1 input[type='radio'] + label {height: 50px;padding: 0 20px;border: 1px solid #d9e1e5;border-radius: 5px;font-size: 16px; line-height: 48px; background:none;font-weight: bold;color:rgb(189, 189, 189)}
.radio-btn.v1 input[type='radio'] + label span {display: inline-block; vertical-align: top;  position:relative;}
.radio-btn.v1 input[type='radio'] + label span:before {display: block; content: ''; width: 11px; height: 7px;  background-repeat:no-repeat; background-size:100% auto; margin-right: 5px; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.radio-btn.v1 input[type='radio']:checked + label {color:#0167f3; border-color:#0167f3;}
.radio-btn.v1 input[type='radio']:checked + label span {padding-left: 17px;}
.radio-btn.v1 input[type='radio']:checked + label span:before {background-image:url(/assets/v3/img/icon/checked.png);}

.term-box {height: 330px; overflow-y: auto;  border: solid 1px #e0e3e5; padding: 16px 20px; font-size: 12px; color: #222; line-height: 23px;}
.term-box .text-noti-underline {color: #1f83ff !important; text-decoration:underline;font-size: 1.15em; font-weight: bold;}
.term-bottom {margin-top: 10px; text-align: right}
.label-box {margin-top:30px; border: solid 1px #f4f4f4; background-color: #f7f8f8; text-align: center; padding: 20px 10px;}
.label-box .form-checkbox input[type='checkbox'] + label {font-weight: 500}

/* date-wp */
.date-wp {position:relative; display: inline-block;}
.date-wp:after{
    content: "";
    background: url(../img/icon/calendar.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 65%;
    width: 24px;
    height: 24px;
}
.date-wp.v2{display:block;}
.date-wp .input-date {padding-right: 35px;}
.date-wp .ui-datepicker-trigger {
    width: 20px;
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    z-index:2;
    opacity:0;
}

/* ui datepicker */
.ui-datepicker {display: none;z-index: 3000 !important;padding: 10px;border: 1px solid #1578ff;background-color: #fff;}
.ui-datepicker thead th {padding: 6.5px 0;color: #999;font-size: 17px;font-weight: 400;text-align: center;}
.ui-datepicker tbody td {width: 40px;height: 40px;padding: 2px 0;font-size: 15px;text-align: center;}
.ui-datepicker tbody td > a {display: block;width: 40px;height: 40px;margin: 0 auto;color: #666;font-size: 15px;line-height: 40px;}
.ui-datepicker tbody td.ui-datepicker-week-end > a {color: #ff3710;}
.ui-datepicker-header {position: relative;padding: 0 10px 8px;}
.ui-datepicker-header a {display: inline-block;overflow: hidden;position: absolute;top: 3.5px;width: 26px;height: 26px;color: transparent;text-indent: 100%;white-space: nowrap;background-repeat: no-repeat;background-position: center;background-size: auto 20px;cursor: pointer;}
.ui-datepicker-header .ui-datepicker-prev {left: 50px;background-image: url(/assets/v3/img/icon/page-prev.png);}
.ui-datepicker-header .ui-datepicker-next {right: 50px;background-image: url(/assets/v3/img/icon/page-next.png);}
.ui-datepicker-title {padding: 4px 0;text-align: center;}
.ui-datepicker-title span {color: #070915;font-size: 20px;font-weight: 700;}
.ui-datepicker tbody td > a.ui-state-active {border-radius: 50%;color: #fff;font-weight: 700;background-color: #1578ff;}
.ui-state-disabled,.ui-datepicker-other-month {color: #aaa;}
.ui-monthpicker .ui-datepicker-calendar td {padding: 0;border: 1px solid #ddd;}
.ui-datepicker tbody td > a.ui-state-highlight {color: #000;font-weight: 700;}
.ui-datepicker tbody td > a.ui-state-highlight.ui-state-active {color: #fff;}
/* select.ui-datepicker-year,select.ui-datepicker-month {vertical-align: top;margin: 0 3px;padding: 5px 7px;border: 0;border: 1px solid #ccc;color: #333;font-size: 14px;background-color: transparent;} */
select.ui-datepicker-year,select.ui-datepicker-month {vertical-align: top;margin: 0 3px; padding: -3px 7px; border: 0; color: #333; font-weight: 600; font-size: 19px; background-color: transparent;}

/* table */
.tb-head {margin-bottom: 10px;}
.tb-head .total {color: #222;font-size: 14px;}
.tb table {table-layout: fixed;width: 100%;border-top: 1px solid #222;text-align: center;}
.tb thead th {padding: 12px 10px;border-bottom: 1px solid #e3e3e3;color: #222;font-size: 13px;font-weight: 700;text-align: center;}
.tb td {padding: 17px 10px;border-bottom: 1px solid #e3e3e3;color: #222;font-size: 14px;text-align: center;vertical-align: middle;}
.tb .w-num {width: 100px;}
.tb td a {transition: all .3s;}
.ui-pc .tb td a:focus,.ui-pc .tb td a:hover {color: #0b579b;}

/* page-nav */
.page-nav {display: flex;align-items: center;justify-content: center;margin-top: 20px; font-family: 'Noto Sans CJK KR','Noto Sans KR', '맑은 고딕', sans-serif;}
.page-nav span {display: inline-block; color: #222;font-size: 14px;font-weight: 500;margin:0 7px;}
.page-nav .current {min-width:50px; padding: 9px 10px 8px; border-radius: 3px;  border: 1px solid #999999;text-align:center;background: #fff}
.page-nav a {display:inline-block;width:25px; height:25px; background-repeat:no-repeat; background-size: auto  11px; background-position: center;}
.page-nav a.page-prev {margin-right: 15px;background-image: url(/assets/v3/img/icon/page-prev.png)}
.page-nav a.page-next {margin-left: 15px;background-image: url(/assets/v3/img/icon/page-next.png)}
.page-nav a.page-first {margin-right: 8px;background-image: url(/assets/v3/img/icon/page-first.png)}
.page-nav a.page-last {margin-left: 8px;background-image: url(/assets/v3/img/icon/page-first.png); transform: rotate(-180deg);}
/* page-nav-cp*/

.page-nav a.page-prev-cp {margin-right: 15px;background-image: url(/assets/v3/img/icon/page-prev.png)}
.page-nav a.page-next-cp {margin-left: 15px;background-image: url(/assets/v3/img/icon/page-next.png)}
.page-nav a.page-first-cp {margin-right: 8px;background-image: url(/assets/v3/img/icon/page-first.png)}
.page-nav a.page-last-cp {margin-left: 8px;background-image: url(/assets/v3/img/icon/page-first.png); transform: rotate(-180deg);}

/* tab */
.tab-panel {display: none;}
.tab-panel.active {display: block;}
.tab ul {border: 1px solid #d9e1e5;}
.tab ul:after {content: '';display: block;clear: both;}
.tab li {float: left;width: 16.66%;}
.tab li a {display: block;margin-left: -1px;padding: 10px;border-left: 1px solid #d9e1e5;color: #000;font-size: 15px;background: #fff;}
.tab.tab-col6 li {width: 16.66%;}

/* button */
button {border: 0;background: none;}
.btn:disabled {background:#ddd !important;}
.btn i[class*=icon-] {vertical-align: middle; margin-right:5px;}
.btn-cp {display: inline-block;vertical-align: middle;min-width: 101px;padding: 9px 10px 9px;border: 1px solid #c4c4c4;color: #222;font-size: 13px;font-weight: 700;text-align: center;background: none;transition: all .3s;cursor: pointer;}
.btn-cp:disabled {background:#ddd !important;}
.btn-cp i[class*=icon-] {vertical-align: middle; margin-right:5px;}
.btn-download {padding: 7px 15px 8px;border-color: #222;border-radius: 34px;color: #fff;background-color: #222;box-shadow: 0 0 6px 0 rgba(0, 0, 0, .08);}
.btn-download i:after {content: '';display: inline-block;vertical-align: top;width: 12px;height: 12px;margin: 3px 0 0 7px;background: url(/assets/v3/img/icon/icon-download.png) no-repeat;background-size: 100% auto;}
.btn-shadow {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .3);}
.btn-round {border-radius: 5px;}
.btn-round02{border-radius:30px}
.btn-color{display:inline-flex;align-items:center;justify-content:center;-ms-align-items:center;-ms-justify-content:center;min-width:inherit;padding:8px;margin-left:20px;font-size:13px;font-weight:700}
.btn-color>span{display:inline-block;width:20px;height:20px;margin-right:5px;border-radius:100%}
.btn-reset{padding-left:15px;background:url(/assets/v3/img/icon/ico-reset.png) no-repeat left center}
.btn-more{position:relative;font-weight:500}
.btn-more-cp{position:relative;font-weight:500}
.btn-more>i{position:absolute;right:30px;top:50%;width:6px;height:11px;background:url(/assets/v3/img/icon/page-next-wh.png) no-repeat;background-size:contain;transform:translateY(-50%)}
.btn-more-cp>i{position:absolute;right:30px;top:50%;width:6px;height:11px;background:url(/assets/v3/img/icon/page-next-wh.png) no-repeat;background-size:contain;transform:translateY(-50%)}
/* color */
.btn.btn-wh{border-color:#d9e1e5;color:#000;background:#fff}
.btn.btn-lightgrey {border-color: #6a7e88;color: #fff;background: #6a7e88;}
.btn.btn-navy {border-color: #1a3857;color: #eee;background: #1a3857;}
.btn.btn-primary {
	color: #fff;
	background: var(--primary);
}
.btn.btn-secondary{border-color:#d9e1e5;color:#666;background:#d9e1e5;}
.btn.btn-dark{border-color:#000;color:#fff;background:#000}
.btn-cp.btn-dark{border-color:#000;color:#fff;background:#000}
.btn.btn-muted{border-color:#abb1b9;background:#abb1b9;color:#eee}
.btn.btn-muted2{border-color:#f5f5f5;background:#f5f5f5;color:#000}
/* size*/
.btn-xsm {padding: 0 6px; height: 25px; min-width: auto; line-height: 23px; font-size:12px; font-weight: 400}
.btn-sm{padding:7px 7px 7px 14px;min-width:auto;font-size:13px;font-weight:500}
.btn-md {padding-top: 8px;padding-bottom: 10px;font-size: 15px;font-weight: 700;}
.btn-lg {padding-top: 14px;padding-bottom: 14px;font-size: 16px;font-weight: 400;}
.btn-full {width: 100%;}

/* btn-wp */
.btn-wp {margin-top: 30px; display: flex;}
.btn-wp.line {border-top: 1px solid #ebebeb; padding-top: 30px;}
.btn-wp > span {flex:1; display: block;}
.btn-wp > span + span {margin-left: 16px;}
.btn-wp > span > .btn {display: block;width: 100%;}
.btn-wp.full {display: block;}
.btn-wp.full > span +span {margin: 10px 0 0;}

.modal .btn-wp {margin-top: 20px;}
.modal .btn-wp.line {padding-top: 20px;}

/* bootstrap modal */
.modal-open {overflow: hidden;}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal-dialog {position: relative;width: auto;margin: 0.5rem;pointer-events: none;}
.modal.fade .modal-dialog {transition: -webkit-transform 0.3s ease-out;transition: transform 0.3s ease-out;transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;-webkit-transform: translate(0, -50px);transform: translate(0, -50px);}
@media (prefers-reduced-motion: reduce) {
	.modal.fade .modal-dialog {transition: none;}
}
.modal.show .modal-dialog {-webkit-transform: none;transform: none;}
.modal.modal-static .modal-dialog {-webkit-transform: scale(1.02);transform: scale(1.02);}
.modal-dialog-scrollable {display: -ms-flexbox;display: flex;max-height: calc(100% - 1rem);}
.modal-dialog-scrollable .modal-content {max-height: calc(100vh - 1rem);overflow: hidden;}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {-ms-flex-negative: 0;flex-shrink: 0;}
.modal-dialog-scrollable .modal-body {overflow-y: auto;}
.modal-dialog-centered {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - 1rem);}
.modal-dialog-centered::before {display: block;height: calc(100vh - 1rem);height: -webkit-min-content;height: -moz-min-content;height: min-content;content: "";}
.modal-dialog-centered.modal-dialog-scrollable {-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;height: 100%;}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {max-height: none;}
.modal-dialog-centered.modal-dialog-scrollable::before {content: none;}

.modal-title {margin-bottom: 0;line-height: 1.5;}
.modal-body {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem;}

.modal-footer > * {margin: 0.25rem;}
.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}
.modal-body .logo-img{text-align:center;padding-bottom:17px;}
.modal-body .login-btn-wp{margin-top:29px;}

@media (min-width: 576px) {
	.modal-dialog {max-width: 500px;margin: 1.75rem auto;}
	.modal-dialog-scrollable {max-height: calc(100% - 3.5rem);}
	.modal-dialog-scrollable .modal-content {max-height: calc(100vh - 3.5rem);}
	.modal-dialog-centered {min-height: calc(100% - 3.5rem);}
	.modal-dialog-centered::before {height: calc(100vh - 3.5rem);height: -webkit-min-content;height: -moz-min-content;height: min-content;}
	.modal-sm .modal-dialog {max-width: 300px;}
	.modal-lg .modal-dialog {max-width: 100%;}
}

@media (min-width: 992px) {
	.modal-lg .modal-dialog ,.modal-xl .modal-dialog {max-width: 800px;}
}

@media (min-width: 1200px) {
	.modal-xl .modal-dialog {max-width: 1140px;}
}

/* modal custom */
.modal-close {position: absolute; top :20px; right:20px; width: 30px; height: 30px;background: url(/assets/v3/img/icon/icon-pop-cls.png) no-repeat center; background-size: 15px auto}
.modal-dialog {margin: 15px auto;}
.modal-dialog-centered {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: center; min-height: calc(100% - (15px * 2));}
.modal-lg{min-width:650px;padding:40px 35px 40px}
.modal-header .modal-title {font-size: 20px;}
.modal-body {padding: 18px 0}
.modal.v2 .modal-content{padding:0}
.modal.v2 .modal-header{padding:15px 25px;border-bottom:1px solid #e5e5e5}
.modal.v2 .modal-title{font-size:22px;font-weight:500;color:#222}
.modal.v2 .modal-body{padding:25px}
.modal-lg .modal-body{padding:35px 0 10px}
.modal-lg .modal-title{font-size:20px;font-weight:500}
.modal-lg .para{margin-bottom:10px;font-size:18px;line-height:30px;color:#222;text-align:center}
.modal-lg .para.bolder{font-weight:700}
.modal-btn-block{margin-top:35px;padding-top:25px;border-top:1px solid #e0e3e5}
.modal-btn-block .btn-primary{box-shadow:none}
.modal-btn-block >.btn+.btn{margin-top:10px}

.modal-lg.modal-news .modal-body{padding:35px 0 0px 0PX}

/* scrollBar */
.scrollBar {overflow:auto;}
.mCSB_inside>.mCSB_container {margin-right:0;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {min-width:15px; right:25%}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {opacity: 0.4;}
.mCSB_scrollTools .mCSB_draggerContainer {margin-top: 5px; margin-bottom: 5px;}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {background: none;}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_scrollTools .mCSB_draggerContainer {margin: 0 5px;}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {background:url(/assets/v3/img/icon/icon-control.png) no-repeat; background-size:100% auto; width: 33px; height: 33px;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);opacity: 1}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {background: #e8e8e8; height:1px;}
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {bottom:-20px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {left: 10px; right: 10px;}

/* lst */
.lst-dot li {padding-left: 10px; position: relative; font-size: 13px; color: #222}
.lst-dot li + li {margin-top: 7px}
.lst-dot li:before {display: block; content: ''; width: 3px; height: 3px; background: #000; border-radius: 50%; position: absolute; top:8px; left: 0;}

/* ↓↓↓↓↓↓↓ 2022/12/13 수정 ↓↓↓↓↓↓↓ */
/* .renew_modal .modal-header {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between; border-bottom: 1px solid #dee2e6;border-top-left-radius: calc(0.3rem - 1px);border-top-right-radius: calc(0.3rem - 1px); margin-right: 25px;}
.renew_modal .modal-header .right_box a {display: inline-block; font-size: 12px; letter-spacing: -0.6px; text-align: center; color: #222; border-radius: 14px; border: solid 1px #d9e1e5; }
.renew_modal .modal-header .right_box a span {display: inline-block;} */
.renew_modal .modal-header .right_box .quick {width: 170px; height: 27px;line-height: 25px; }
.renew_modal .modal-header .right_box .quick::before {content: ''; display: inline-block; margin-right: 5px; width: 14px; height: 14px; background: url(/assets/v3/img/icon/icon-cogwheel_bl.png)no-repeat center/ 13px auto;  transform: translateY(2.5px);}

.renew_modal .modal-header {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between; border-bottom: 1px solid #dee2e6;border-top-left-radius: calc(0.3rem - 1px);border-top-right-radius: calc(0.3rem - 1px); margin-right: 25px;}
.renew_modal .modal-header .right_box a {display: inline-block; font-size: 12px; letter-spacing: -0.6px; text-align: center; color: #222; border-radius: 14px; border: solid 1px #d9e1e5; }
.renew_modal .modal-header .right_box .txt {display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: -0.6px; color: #838383;}
.renew_modal .modal-header .right_box a span {display: inline-block;}
.renew_modal .modal-header .right_box .reset,
.renew_modal .modal-header .right_box .save { width: 80px; height: 27px; line-height: 27px; border-radius: 14px; text-align: center; }
.renew_modal .modal-header .right_box .reset {border: solid 1px #d9e1e5; margin: 0 10px;}
.renew_modal .modal-header .right_box .reset::before {content: ''; display: inline-block; margin-right: 5px; width: 13px; height: 14px; background: url(/assets/v3/img/icon/arrow-clockwise.png)no-repeat center/ 13px auto;  transform: translateY(2px);}
.renew_modal .modal-header .right_box .save {background-color: #006cff; color: #fff; }
.renew_modal .modal-body .press-table li {position: relative;border: solid 1px #d9e1e5; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08); }
.renew_modal .modal-body .press-table li.on {border: solid 1px #006cff;}
.renew_modal .modal-body .press-table li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.renew_modal .modal-body .press-table li a span {position: absolute; display: none; left: 0; top: 0; width: 14px;height: 14px; line-height: 14px; text-align: center; font-size: 8px; letter-spacing: -0.4px;color: #fff; background-color: #006cff;}
.renew_modal .modal-body .press-table li a span.on {display: block;}

@media screen and (max-width: 1024px) {
	/* form */
	.form-title {margin-bottom: 20px;font-size: 17px;}
	.form-wp .form-item + .form-item,
	.form-wp .form-item + .form-group,
	.form-wp .form-group + .form-group,
	.form-wp .form-group + .form-item {margin-top: 18px;}
	.form-wp .form-group > div + div {margin-left: 10px;}
	.form-wp .form-head {margin-bottom: 10px;}
	.form-wp .form-head .tit {font-size: 15px;}
	.form-wp .text-info {margin-top: 5px;}
	.date-wp .input-date{max-width:180px}

	/* button */
	.btn-reset{padding-left:30px;background:url(/assets/v3/img/icon/ico-reset.png) no-repeat left 25% center}
	/* size*/
	.btn-xsm{margin-bottom:0px}
	.news-view .audio-wp{margin-bottom:5px}
	.news-view .audio-wp .btn-xsm{margin-bottom:0}

	.btn-lg {padding: 14px ;font-size: 15px;}

	/* btn-wp */
	.btn-wp > span + span {margin-left: 10px;}
	.btn-wp {margin-top: 20px;}
	.btn-wp.line {padding-top: 20px;}
	.btn-wp > span {flex:1; display: block;}
	.btn-wp.full > span +span {margin: 8px 0 0;}

	/* table */
	.tb-head {margin-bottom: 10px;}
	.tb-head .total {font-size: 12px;}
	.tb thead th {padding: 13px 7px ;font-size: 13px;}
	.tb td {padding: 13px 7px;font-size: 12px;}
	.tb .w-num {width: 15%;}
	.tb.scroll-x {overflow-x: scroll;min-height:700px;}
	#qna-results{min-height:700px;}
	.tb.scroll-x table {min-width:inherit;width:auto;white-space:nowrap}

	/* page-nav */
	.page-nav {margin-top: 20px;}
	.page-nav .current {min-width:50px; padding: 8px 10px 7px; border-radius: 3px;  border: 1px solid #999999;text-align:center;}

	/* checkbox, radio */
	.form-checkbox input[type='checkbox'] + label {padding-left: 25px; font-size: 14px;}
	.form-checkbox input[type='checkbox'] + label:before {width: 20px;height: 20px;}
	.form-radio input[type='radio'] + label {padding-left: 25px; font-size: 14px;}
	.form-radio input[type='radio'] + label:before {width: 16px;height: 16px;}

	/*.radio-btn input[type='radio'] + label {height: 310px;font-size: 15px;}*/

	.radio-btn-wp .radio-btn.v1 + .radio-btn.v1 {margin-left: 10px;}
	.radio-btn.v1 input[type='radio'] + label {height: 48px;font-size: 15px; line-height: 46px;}

	/* modal */
	.modal-lg{min-width:inherit;width:100%;padding:0}
	.modal-close {position: absolute; top: 12px; right:20px;}
	.modal-dialog {margin: 13px auto!important; padding: 0 13px;}
	.modal-dialog-centered {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: center; min-height: calc(100% - (13px * 2));}
	.modal-content {padding: 30px 20px 35px; min-width: 100%; max-width: 500px;}
	.modal-header .modal-title {font-size: 18px;}
	.modal-body {padding: 0}
	
	/* 데이트피커 */
	.ui-datepicker-header a{background-size:auto 14px}
	.ui-datepicker-title span{font-size:17px}
	.ui-datepicker thead th{font-size:14px}
	.ui-datepicker tbody td{width:30px;height:30px;font-size:12px;padding:0}
	.ui-datepicker tbody td > a{width:25px;height:25px;font-size:12px;line-height:27px}
	
	/* ↓↓↓↓↓↓↓ 2022/12/29 수정 ↓↓↓↓↓↓↓ */
	.renew_modal .modal-header {flex-wrap: wrap;}
	.renew_modal .modal-header .right_box .txt {margin-right: 10px;}
	.renew_modal .modal-header .right_box .reset {margin: 5px 10xp 0 0;}
	
	
}