@charset "UTF-8";
/*font*/
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: local('Pretendard-Regular'),
    url('../fonts/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: local('Pretendard-Medium'),
    url('../fonts/Pretendard-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: local('Pretendard-Bold'),
    url('../fonts/Pretendard-Bold.woff') format('woff');
}
/*common*/
*{word-break: keep-all;word-wrap: break-word;}
html{touch-action: pan-y;font-family: 'Pretendard', 'sans-serif';height: 100%;}
body {
  margin: 0;
  font-family: 'Pretendard', 'sans-serif';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #222;
  height: 100%;
  overflow-y: auto;
}

/*scoll bar*/
*{scrollbar-width: thin;scrollbar-color: #ccc #eee;}
/*color*/
.text-primary{color: #0555DC;}
.text-light-red{color: var(--color-red-500);}
.text-light-blue{color: var(--color-blue-600);}
.bg-secondary{background-color: #f4f4f4;}
/*layout*/
.wrapper{width: 100%;}
.kt-wrapper{width: 100%}
main{width: 100%;}
.center-wrap{display: flex;justify-content: center;align-items: center;width: 100%;min-height: 100%;background-color: #e8eaed;}
.center-wrap .kt-card{padding: 40px;}
.join-wrap{padding: 50px;}
.overflow-x-auto{overflow-x: auto;}
.overflow-y-auto{overflow-y: auto;}
.kt-modal-backdrop{background-color:rgba(100, 100, 100, 0.5);backdrop-filter:blur(20px);}
/*radio*/
.radio_wrap{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 10px 20px;justify-content: center;}
input[type="radio"]+label{user-select: none;appearance:none;-webkit-tap-highlight-color:transparent;transition:all 0.25s cubic-bezier(.39,.71,.56,.98);font-size: 16px;padding-left:30px;margin-bottom: 0px;position:relative;cursor:pointer;display:inline-block;height:auto;line-height:24px;}
input[type="radio"]:not(:checked)+label{font-weight: 500;color:#888!important}
input[type="radio"]:checked+label{font-weight: 500;user-select:none;color:#222!important}
input[type="radio"]:not(:checked), input[type="radio"]:checked{ position:absolute;  left:-9999px;  visibility:hidden}
input[type="radio"]+label:before,  input[type="radio"]+label:after{ content:'';  position:absolute;  left:0;  top:0;  width:24px;  height:24px;  z-index:0;transition: all 0.2s ease-in-out;}
input[type="radio"]:not(:checked)+label:before{border-radius:50%;border:2px solid #ddd;}
input[type="radio"]:not(:checked)+label:hover:before{border: 2px solid #6e91d2;}
input[type="radio"]:not(:checked)+label:after{border-radius:50%;border:2px solid #ddd;z-index:-1;transform:scale(0);}
input[type="radio"]:checked+label:before{border-radius:50%;border:2px solid #0555dc;}
input[type="radio"]:checked+label:after{border-radius:50%;border:2px solid #0555dc;background-color:#0555dc;z-index:0;transform:scale(.5);}
/*radio btn-style*/
.input-group:has(.radio_wrap.btn-style):has(.input-group-text){padding-top: 25px;align-items: center;}
.radio_wrap.btn-style{padding:5px!important;border-radius: 25px;background-color: #eee;gap: 5px;}
.radio_wrap.btn-style.justify-start{justify-content: flex-start;}
.radio_wrap.btn-style .check_wrap{padding:0 5px;}
.radio_wrap.btn-style .radio{margin: 0px!important;}
.radio_wrap.btn-style input[type="radio"]+label{padding: 10px 15px;line-height: 20px;border-radius: 100px;}
.radio_wrap.btn-style input[type="radio"]+label:hover{color: #444!important;}
.radio_wrap.btn-style input[type="radio"]+label:after, .radio_wrap.btn-style input[type="radio"]+label:before{display: none;}
.radio_wrap.btn-style input[type="radio"]:checked+label{background: #fff;color: #0555DC!important;}
.radio_wrap.btn-style .red input[type="radio"]:checked+label{background: #fff;color: #e80b0b!important;}
/*check*/
.check_wrap{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 10px 20px;}
.check{line-height: 24px;min-height:24px;font-weight: 500;display: inline-flex;align-items: center; appearance:none;-webkit-tap-highlight-color:transparent;}
.check input[type="checkbox"] {position: absolute; width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0); border: 0 }
.check input[type="checkbox"] + label{min-height:24px;display: inline-block;position: relative; padding-left: 32px;cursor: pointer;user-select: none;font-size: 16px;margin: 0;user-select: none;}
.check.no-label {display:inline-flex;}
.check.no-label input[type="checkbox"] + label{padding-left: 24px;}
.check input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 0;width: 24px;height: 24px;line-height: 24px; text-align: center;background-color: #fff; border: 2px solid #ddd; border-radius : 4px;background-position: center center;background-size: 2px;transition: all 0.2s ease-in-out;}
input[type="checkbox"] + label:hover:before, input[type="checkbox"]:focus + label:before{border: 2px solid #6e91d2;}
.check input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.check input[type="checkbox"]:checked + label:before {content: '';background: #0555dc; border-color: #0555dc; background-image: url('../media/img/check.png'); background-repeat: no-repeat; background-size: 12px;background-position: center center;} 
label.checkbox{height:24px;width:24px;display: inline-block;position: relative;cursor: pointer;user-select: none;margin: 0; border: 2px solid #ddd; border-radius : 4px;background-position: center center;background-size: 2px;transition: all 0.2s ease-in-out;}
label.checkbox:hover{border-color: #6e91d2;}
label.checkbox:has(input[type="checkbox"]:checked){background: #0555dc; border-color: #0555dc; background-image: url('../media/img/check.png'); background-repeat: no-repeat; background-size: 12px;background-position: center center;}
/*check btn-style*/
.input-group:has(.check_wrap.btn-style):has(.input-group-text){padding-top: 25px;}
.check_wrap.btn-style{gap: 10px;}
.check_wrap.btn-style input[type="checkbox"] + label{line-height: 20px;padding: 10px 15px 10px 30px;background: #eee;border-radius: 10px;color: #888;}
.check_wrap.btn-style input[type="checkbox"] + label:before{width:24px;top: 8px;left:6px;border:none;background-color:transparent;background-image: url('../media/img/check_gray.png');background-size: 10px;background-repeat: no-repeat;background-position: center;}
.check_wrap.btn-style input[type="checkbox"] + label:hover{color: #444;}
.check_wrap.btn-style input[type="checkbox"]:checked + label{background-color: #444;color: #fff;}
.check_wrap.btn-style input[type="checkbox"]:checked + label:hover{opacity: 0.8;}
.check_wrap.btn-style input[type="checkbox"]:checked + label:before{background-size: 12px;}
/*product-img*/
td .product-img{max-width: 120px;height: auto;margin: auto;}
/*input*/
:focus-visible{outline: none;}
input[type="number"]{appearance: none;-webkit-appearance: none;box-shadow: none;-moz-appearance: textfield;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;-moz-appearance: textfield;}
input.security{-webkit-text-security:disc;}
.form-control:disabled, .form-control[readonly]{background-color: #f8f8f8;}
select{appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon points='0 0 24 0 24 24 0 24'/%3E%3Cpath d='M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z' fill='%23aaa' fill-rule='nonzero' transform='translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999) '/%3E%3C/g%3E%3C/svg%3E");
background-position: calc(100% - 4px) center;background-repeat: no-repeat;background-size: 18px auto;background-blend-mode: multiply;-webkit-appearance:none;-moz-appearance:none;padding: 5px 26px 5px 0px;}
select::-ms-expand {display: none;}
textarea{resize: none;}
.form-group .input-group{margin-bottom: 40px;}
.input-group{position: relative;display: flex;flex-wrap: wrap;gap:10px 20px;}
.input-group:has(.input-group-text){padding-top: 10px;}
.input-group.has-select{overflow: visible;}
.input-group-text{font-size: 14px;top: 0;line-height: 14px;color: #666;}
.input-group label.input-group-text{width:100%;color:#666;padding:5px 0;background-color:#fff;line-height: 24px;height: auto;font-size: 18px;position: absolute;top: 11px;left: 0;z-index: 4;transition: all 0.2s ease-in-out;}
.input-group.on label.input-group-text{color: #004ddd;font-size: 14px;top: 0;line-height: 14px;background-color: transparent;padding: 0;}
.input-group:is(.entered, .label_fix, .has-select) label.input-group-text{font-size: 14px;top: 0;line-height: 14px;background-color: transparent;padding: 0;}
.input-group .form-control{flex: 1 1 auto;max-width: 100%;padding: 8px 0 7px;line-height: 24px;font-size: 18px;min-height: 40px;height:auto;color:#222;font-weight: 500;border-radius: 0;border:none;border-bottom: 1px solid #ddd;transition: all 0.2s ease-in-out;}
.input-group.has-select .kt-select-wrapper{padding: 0;}
.input-group.has-select .form-control{border: none;}
.input-group.has-select:has(.kt-select.active) label.input-group-text{color: #004ddd;}
.input-group.has-select .kt-select-placeholder{color: #666;font-weight: normal;}
.input-group.has-select .kt-select{user-select: none;height:40px;padding: 0 40px 0 0;border-radius: 0;border:none;border-bottom: 1px solid #ddd;box-shadow: none;font-size: 16px;color: #222;font-weight: 500;background-size: 16px auto;}
.input-group.has-select .kt-select.active{--tw-ring-color:transprent;border-color:#004ddd;box-shadow: none;}
.input-group.has-select .kt-select:hover{border-color:#004ddd;}
.input-group.has-select .kt-select-dropdown{box-shadow: 1px 1px 4px 0px rgb(0 0 0 / 20%);}
.kt-select-dropdown.open{position: absolute!important;}
.input-group.has-select .kt-select-option{font-size: 16px;line-height: 30px;}
.kt-select-option svg{position: absolute;right: 10px;}
.input-group.has-select .kt-select-option svg{width: 16px;height: 16px;}
.input-group .radio_wrap{padding-top: 10px;}
.input-group .form-control::placeholder{color: transparent;transition: all 0.3s ease-in-out;}
.input-group.on .form-control{border-color:#004ddd; }
.input-group:is(.on, .label_fix)  .form-control::placeholder{color: #999;font-weight: normal;font-size: 16px;}
.input-group textarea.form-control{height: auto;}
.input-group .form-control.input_split_wrap{display: flex;padding: 0;align-items: flex-end;overflow: visible;background: #fff;justify-content: flex-start;}
.input-group .form-control.input_split_wrap .form-control{flex: 0 0 auto; width: 50px;text-align: center;border: none;}
.input-group .form-control.input_split_wrap span{padding: 5px;color:#888;opacity:0;transition: all 0.3s ease-in-out;}
.input-group:is(.on, .entered, .has_select) .form-control.input_split_wrap span{opacity:1;}
.input-group .input_info_wrap{flex: 1 1 auto;display: flex;flex-direction: column;}
.input-group .input_info_wrap .info_text{padding:5px 10px;background-color: #f8f8f8;border-radius: 0 0 6px 6px;}
.input-group .date{display: flex;align-items: flex-end;gap: 20px;flex: 1 1 auto;border-bottom: 1px solid #ddd;transition: all 0.2s ease-in-out;}
.date:hover, .date:has(.form-control:focus){border-color:#004ddd;}
.input-group .date .form-control{padding-left:34px;background: url('../media/img/search_input_calbt.gif') 0 9px no-repeat;background-size: 24px;width: 140px;flex: 0 0 140px;border: none;}
.input-group .date span{line-height: 40px;}
.input-group .date.daterange{gap: 5px;}
.input-group .guidance-text{position: absolute;bottom: -24px;left: 0;color: #f22222;font-size: 0.875em;}
.input-group .essential-tag{color: #f22222;padding-left: 5px;}
/*qr*/
.qr-input{display: flex;align-items: flex-end;gap: 10px;}
.qr-input .input-group{flex: 1 1 auto;margin-bottom: 0;width: 150px;}
.qr-img img{max-width: 150px;margin: 0 auto;}
/*datepicker*/
.flatpickr-calendar{border-radius: 10px!important;padding: 10px!important;width: auto!important;}
.flatpickr-calendar.static{top: calc(100% + 8px)!important;}
.flatpickr-months .flatpickr-month{margin-bottom: 10px!important;height: 40px!important;}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{top: 15px!important;}
.numInputWrapper span{opacity: 1!important;}
.flatpickr-current-month{padding-top: 0!important;height: 40px!important;line-height: 36px!important;}
.flatpickr-current-month .flatpickr-monthDropdown-months{font-size: 16px!important;padding:5px 10px!important;margin-right: 15px!important;height: 36px!important;line-height: 36px!important;background: #f4f4f4!important;border-radius: 6px!important;}
.flatpickr-current-month .numInputWrapper{width: 120px!important;}
.flatpickr-current-month .numInputWrapper:hover{background: transparent!important;}
.flatpickr-current-month input.cur-year{font-size: 16px!important;padding:0 30px!important;text-align: center!important;background: #f4f4f4!important;border-radius: 6px!important;border: 2px solid #f4f4f4!important;overflow: hidden;}
.numInputWrapper span.arrowUp{height: 36px!important;width: 30px!important;right: 2px!important;top: 2px!important;border:none!important;background-image:url('../media/img/arrow_top.png');background-position: center;background-repeat: no-repeat;background-size: 12px;border-radius: 0 4px 4px 0;}
.numInputWrapper span:after, .numInputWrapper span:before{display: none!important;}
.numInputWrapper span.arrowDown{height: 36px!important;width: 30px!important;left: 2px!important;top: 2px!important;border:none!important;background-image:url('../media/img/arrow_bottom.png');background-position: center;background-repeat: no-repeat;background-size: 12px;border-radius:4px 0 0 4px;}
.numInputWrapper span.arrowUp:hover{background-color: #fff;background-image:url('../media/img/arrow_top.png')!important;background-position: center;background-repeat: no-repeat;background-size: 12px;}
.numInputWrapper span.arrowDown:hover{background-color: #fff;background-image:url('../media/img/arrow_bottom.png')!important;background-position: center;background-repeat: no-repeat;background-size: 12px;}
/*timerange*/
.input-group.has-select.timerange{padding-top: 0px;}
.input-group.has-select.timerange span{line-height: 40px;}
/*search*/
.input-group.search{width: auto;}
.input-group.search .form-control:not(.kt-select-wrapper){padding-left: 34px;background: url('../media/img/i_search_g.png') 0 9px no-repeat;background-size: 24px;max-width: 250px;}
.input-group.search .form-control::placeholder{color: #999;font-weight: normal;font-size: 16px;}
/*image upload*/
.input-group:has(.image_upload_wrap){padding-top: 25px;}
.image_upload_wrap{display: flex;flex: 1 1 100%;gap: 10px;}
.image_upload_wrap label{width: 120px;height: 120px;background-color: #eee;border-radius: 10px;background-image: url('../media/img/i_plus.png');background-position: center;background-repeat: no-repeat;background-size: 30px;cursor: pointer;transition: all 0.2s ease-in-out;}
.image_upload_wrap label:hover{background-color: #ddd;}
.image_upload_wrap .image-list{display: flex;flex-wrap: wrap;gap: 10px;flex: 1 1 auto;}
.image_upload_wrap .image-list .image-wrapper{width: 120px;height: 120px;border-radius: 10px;border: 1px solid #ddd;overflow: hidden;position: relative;transition: all 0.2s ease-in-out;}
.image_upload_wrap .image-list .image-wrapper:hover{border-color: #0555DC;}
.image_upload_wrap .image-list .image-wrapper.representative{border-color: #0555DC;}
.image_upload_wrap .image-list .image-wrapper.representative:after{opacity:0.6;content: "대표 이미지";display: inline-block;width: 100%;font-size:14px;line-height: 20px;background-color: #0555DC;color: #fff;text-align: center;position:absolute;bottom: 0;left: 0;}
.image_upload_wrap .image-list .image-wrapper img{width: 100%;height: auto;}
.image_upload_wrap .image-list .image-wrapper .delete-btn{width:30px;height:30px;position: absolute;right: 0;top: 0;display: flex;align-items: center;justify-content: center;opacity: 0.5;background: #fff;transition: all 0.2s ease-in-out;}
.image_upload_wrap .image-list .image-wrapper .delete-btn:hover{opacity: 1;}
/*btn*/
button{cursor: pointer;}
.kt-btn{height: 40px;font-size: 1rem;box-shadow: none;transition: all 0.1s ease-in-out;white-space: normal;word-break: break-word;}
.kt-btn-sm{height: 30px;font-size: 0.875rem;}
.kt-btn-lg{height:50px;font-size: 1.125rem;font-weight: bold;}
.kt-btn-primary{background-color: #0555DC;}
.kt-btn-primary:hover{background-color: #0444B0;}
.kt-btn-secondary{background-color: #eee;}
.kt-btn-secondary:hover{background-color: #ddd;}
.kt-btn-outline{border-color: #d4d4d4;}
.kt-btn-outline:hover{border-color: #bbb;}
.kt-btn-dark{background-color: #444;}
.kt-btn-dark:hover{background-color: #333;}
.search-btn{width: 100px;}
.kt-btn-outline.rounded-full{padding-inline:20px;}
.kt-btn-outline.active{background-color: #444;border-color: #444;color: #fff;}
.kt-btn-outline.active i{color: #fff;}
.kt-btn-white{background-color: transparent;color: #666;border: 1px solid transparent;padding-top:5px;padding-bottom:5px;text-align: left;}
.kt-btn-white.text-mono{color:#111;}
.kt-btn-white.text-primary{color:#0555DC;}
.kt-btn-white.text-destructive{color: var(--destructive);}
.kt-btn-white:hover{border-color:#0555DC;background-color: #fff;}
td .kt-btn{max-width: 100%;height: auto;min-height: 40px;}
/*modal*/
.kt-modal-content{border: none;overflow: hidden;max-height: 100%;}
.kt-modal-header{position: relative;padding-right: 50px;}
.kt-modal-body{padding: 30px 20px;}
.modal-title{font-weight: bold;}
.kt-modal-header .btn-close{position: absolute;right: 0;top:0%;height: 100%;width: 50px;}
.kt-modal-footer{border: none;gap: 0;padding: 0;}
.kt-modal-footer .kt-btn{flex: 1 1 100%;border-radius: 0;height: 50px;}
/*login*/
.login-wrap .logo{height: 50px;margin: 0 auto;}
.login-wrap input[type="text"],
.login-wrap input[type="password"] {position: relative;width: 100%;height: 50px;line-height: 50px;padding: 0 15px 0 0px;font-size: 14px;border-radius: 0px;border: none;border-bottom: 2px solid #ccc;color: #222;transition: all 0.3s ease-in-out;font-size: 16px;}
.login-wrap input[type="text"]:focus,
.login-wrap input[type="password"]:focus,
.login-wrap input[type="text"]:hover,
.login-wrap input[type="password"]:hover{border-color: #0555DC; outline: none;}
.login-wrap .id, .login-wrap .pw {position: relative;}
.login-wrap .id input, .login-wrap .pw input{padding:0 30px;}
.login-wrap .pw .kt-btn{position: absolute;right: 0;top: 0; width: 30px;}
.login-wrap .id:after{content: "";display: block;position: absolute;width:24px;height:50px;left:0;bottom:0;background: url("../media/img/icon_id.png") no-repeat center;background-size: auto 30px;opacity: 0.3;filter: grayscale(100%);transition: all 0.3s ease-in-out;}
.login-wrap .pw:after{content: "";display: block;position: absolute;width:24px;height:50px;left:0;bottom:0;background: url("../media/img/icon_pw.png") no-repeat center;background-size: auto 30px;opacity: 0.3;filter: grayscale(100%);transition: all 0.3s ease-in-out;}
.login-wrap div:has(input:focus, input:hover):after{opacity: 0.6;filter: grayscale(0%);}
.hp_terms{background: #f4f4f4;border-radius: 10px;padding: 10px;max-height: 150px;margin-bottom: 20px;}
.hp_terms p{height: 130px;overflow-y: auto;font-size: 13px;}
/*sidebar*/
.default-logo{height: 30px;}
.small-logo{height: 40px}
.kt-sidebar .kt-menu{flex-direction: column;width: 100%;gap: 10px;}
.kt-sidebar .kt-menu-item{justify-content: stretch;}
.kt-sidebar .kt-menu-link{padding:15px 10px;gap: 10px;}
.kt-sidebar .kt-menu-link:hover{background-color: #eee;border-radius: 10px;}
.kt-sidebar .kt-menu-title{font-size: 20px;user-select: none;}
.kt-sidebar .kt-menu-icon{font-size: 24px;opacity: .6}
.kt-sidebar .kt-menu-item.active .kt-menu-title, .kt-menu-item.active .kt-menu-icon{color: #0555DC;font-weight: bold;}
.kt-sidebar .kt-menu-item .kt-menu-accordion{padding-left: 20px}
.kt-sidebar .kt-menu-item .kt-menu-accordion:before{inset-inline-start:10px;}
.kt-sidebar .kt-menu-item .kt-menu-item .kt-menu-link{padding: 15px;}
.kt-sidebar .kt-menu-item .kt-menu-item .kt-menu-title{font-size: 16px;}
.kt-sidebar .kt-menu-arrow{margin-right: 5px;}
/*my menu*/
.kt-dropdown-menu-link{font-size: 18px}
.kt-dropdown-menu-link i{font-size: 22px}
/*gnb*/
.m-logo{height: 30px;}
.kt-header .m-menu-btn i{font-size: 30px;}
.kt-header .page-title{font-size: 24px;font-weight: bold;color: #222;}
.btn-my i{color: #888;}
.btn-my:hover i{color: #222;}
/*결과popup*/
.result{display: flex;flex-direction: column;align-items: center;}
.result_icon{width: 100px;height: 100px;}
.result p{text-align:center;font-size: 20px;line-height:20px;color: #222;font-weight: bold;margin-top: 10px;animation-duration: .5s;animation-name: slideUp;animation-delay:1.5s;opacity: 0;animation-fill-mode: forwards;}
.result p.sub_text{text-align:center;font-size:16px;font-weight:normal;padding: 20px 0;line-height: 1.5;animation-duration: .5s;animation-name: slideUp;animation-delay:1.8s;opacity: 0;animation-fill-mode: forwards;}

@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
.result .payment_info{padding: 30px;background: #f6f6f6;border-radius: 10px;animation-duration: 1s;animation-name: slideUp;animation-delay:3s;opacity: 0;animation-fill-mode: forwards;}
/*chart*/
#salesChart{min-width: 500px;}
.apexcharts-tooltip-title{font-family: 'Pretendard', 'sans-serif'!important;font-size: 14px!important;}
.apexcharts-tooltip-text{font-family: 'Pretendard', 'sans-serif'!important;font-size: 14px!important;}
.apexcharts-legend{flex-direction: row;margin-top: 10px;}
/*sortable-list*/
.input-group:has(.sortable-list):has(.input-group-text){padding-top: 25px;}
.sortable-list{margin-bottom: 20px;width: 100%;}
.sortable-list li{border-radius: 200px;border: 1px solid #ddd;display: flex;align-items: center;padding: 10px;background-color: #fff;gap: 10px;}
.sortable-list li .order-number{flex: 0 0 30px;display:flex;width: 30px;height: 30px;align-items: center;justify-content: center;background-color: #888;color: #fff;font-weight: normal;font-size: 14px;border-radius: 100px;}
.sortable-list li .item{flex:  1 1 auto;white-space: normal;word-break: break-word;font-weight: bold;}
.sortable-list li button{color: #888;min-width: 40px;min-height: 40px;}
.sortable-list li:hover{border-color: #ccc;background-color: #f8f8f8;}
.sortable-list li:hover .order-number{background-color: #0555DC;}
.sortable-list li button:hover{color: #0555DC;}
.sortable-list.option-wrap li{border-radius: 10px;flex-direction: column;align-items: stretch;gap: 20px;padding: 20px;}
.sortable-list.option-wrap li .top{display: flex;gap: 20px;}
.sortable-list.option-wrap li .input-group{margin-bottom: 0;flex: 1 1 auto;}
.sortable-list.option-wrap li .bottom{display: flex;justify-content: space-between;align-items: center;padding-left: 50px;gap: 20px;}
/*footer*/
.kt-footer{margin-top: 50px;}

/*max 1024*/
@media (max-width: 64rem) {}
/*max 512*/
@media (max-width: 32rem) {
.radio_wrap.btn-style .check_wrap{padding:5px;}
/*login*/
.center-wrap{background: #fff;padding: 50px 30px;}
.center-wrap .kt-card{box-shadow: none;border: none;padding: 0;}
.join-wrap{padding: 0px;}
/*daterange*/
#endDate + .flatpickr-calendar.open{right:0!important;}
/*btn*/
.search-btn{width: 100%;}
/*search*/
.input-group.search{width: 100%;}
.input-group.search .form-control:not(.kt-select-wrapper){width: 100%;max-width: unset;}
/*image input*/
.image_upload_wrap label{width: 100px;height: 100px;}
.image_upload_wrap .image-list .image-wrapper{width: 100px;height: 100px;}
/*sortable-list*/
.sortable-list.option-wrap li .top{flex-direction: column;}
.sortable-list.option-wrap li .input-group{margin-bottom: 0;flex: 1 1 auto;}
.sortable-list.option-wrap li .bottom{flex-direction: column;padding-left: 0px;align-items: flex-start;}
}