/* 팝업 ************************************************************************************/
/* .fit-pop-cont {background:rgba(0,0,0,.6); position: fixed; width:100%; height:100%; top:0; left:0; z-index: 10000;}
.fit-pop-cont:not(.on) {display:none;}
.fit-pop-cont .pop-cont {background:#fff; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:800px; padding:40px 32px 32px;}
.fit-pop-delete .pop-cont {width:480px !important; padding:40px 80px 32px !important;}
.fit-pop-cont .pop-cont .pop-close i {font-size:1.8rem; position: absolute; top:43px; right:32px;}
.fit-pop-cont .pop-cont .pop-close i.xi-close {color:#282C33;}
.fit-pop-cont .pop-cont .pop-info {text-align:center;}
.fit-pop-cont .pop-cont .pop-info img {margin:0 auto;}
.fit-pop-cont .pop-cont .pop-info p {margin:16px 0; font-size:1.714rem; font-weight:700; line-height:33px;}
.fit-pop-cont .pop-cont .pop-info .pop-active-btn {background:#414853; width:100%; border-radius:4px; color:#fff; font-size:1rem; font-weight:500; height:60px;}
.fit-pop-cont .pop-cont .pop-info .pop-active-btn a {width:100%; height:100%; display:inline-block; padding:16px 0; color:#fff; font-size:1rem; font-weight:500;}

@media screen and (max-width: 768px) {
  .fit-pop-cont .pop-cont {width:320px; padding:28px 20px 20px;}
  .fit-pop-cont .pop-cont button {width:auto; height:auto;}
  .fit-pop-cont .pop-cont .pop-info img {width:52px;}
  .fit-pop-cont .pop-cont .pop-info p {margin:16px auto 28px; font-size:1rem;}
  .fit-pop-cont .pop-cont .pop-info .pop-active-btn {height:48px;}
  .fit-pop-cont .pop-cont .pop-info .pop-active-btn a {padding: 0; display: flex;}
} */
/* 팝업 끝 ************************************************************************************/







/* 말풍선 ************************************************************************************/
.fit-guide-popup {transition:all .8s; position: absolute; border:2px solid #222; border-radius:4px; background:#fff; width:370px; padding:16px 18px; font-size:1rem; color:#000; top:40px; left:20px; box-shadow:0px 6px 19px rgba(23, 39, 99, 0.16); z-index: 100;}
.fit-guide-popup::before {content:""; position: absolute; top:-8px; left: -8px; border:2px solid #222; border-left:0; border-bottom:0; width:13px; height:13px; background: #fff; border-radius: 0 2px 0 0; transform: rotate(-45deg);}

@media screen and (max-width: 768px) {
  .fit-guide-popup {font-size:0.929rem; left:0; width:322px; padding:10px 16px;}
  .fit-guide-popup::before {left:34px;}
}
/* 말풍선 끝 ************************************************************************************/








/* text-loop ************************************************************************************/
.fit-loop-txt-box {white-space: nowrap; display: -webkit-box; display: flex; flex-wrap: nowrap; background:#1AD0FC; padding:20px 12px;}
.fit-loop-txt-box .loop-text {color:#000; font-size:1.714rem; font-weight:700; animation: textLoop 6s linear infinite;}
@keyframes textLoop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  100% {      
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@media screen and (max-width: 768px) {
  .fit-loop-txt-box {padding:7px 11px;}
  .fit-loop-txt-box .loop-text {font-size:0.929rem;}
  .fit-about .ab-se02 .cont-top .loop-box .loop-wrap .fit-loop-txt-box {top:70px;}
}
/* text-loop 끝 ************************************************************************************/








/* 흔들리는 효과 ************************************************************************************/
.fit-shacke-animation {animation:shakeAnimation .12s linear infinite;}
@keyframes shakeAnimation {
  0% {
    transform: translateX(2px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(2px);
  }
}
/* 흔들리는 효과 끝 ************************************************************************************/











/* 팝업레이어 */
.fit-layer input, .fit-layer select, .fit-layer option, .fit-layer textarea {font-size:1rem; color:#000; padding:10px; width:100%; border-radius:5px; border:1px solid #eee; margin-top:4px;}
.fit-layer select {cursor: pointer;}
/* Chrome, Safari용 스크롤 바 */
.fit-layer textarea::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
.fit-layer textarea::-webkit-scrollbar-track {background: #ddd; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px #eee}
.fit-layer textarea::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #c8c8c8; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px #eee}

.fit-layer {display:none;}
.fit-layer.active {display:block; position:fixed; width:100%; height:100%; top:0; left:0; z-index:10000; background:rgba(0,0,0,0.5);}
/* .fit-layer.active::before {content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100px; background-color: rgba(0,0,0,0.5);} */

.pop-cont {position: relative; display:block; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:5px; z-index:10; width:auto; background-color:#fff; border:1px solid #eee; padding:35px 27px;}
.pop-cont {max-height: 90vh;overflow-y: scroll;} 


.fit-layer.manage_register_page.active {left:auto; right:0; bottom:0; overflow-y:scroll;}
.fit-layer.manage_register_page.active.layer-design_version_position_right-tab .pop-cont {max-height:inherit; min-height:100%; position:relative; top:0; border-radius:0; border-top:0;}

/* .pop-cont .pop-close {position:absolute; right:14px; top:20px;}
.pop-cont .pop-close i {cursor: pointer;} */
.pop-cont .pop-close .schedule-pop-close.active {display:block;}
.pop-cont .fit-form-tit {padding-bottom:19px;}
.pop-cont .fit-form-tit:nth-child(3) {padding:30px 0 20px;}
.pop-cont .fit-form-tit p {font-size:1.4rem; font-weight:600;}
.pop-cont .item-data:not(.no-pop-wrap) {display:flex; align-items:center; margin-bottom:24px;}
.pop-cont .item-data.address {margin-bottom:0; align-items:flex-start;}
.pop-cont .item-data.address .item-tit {margin-top:15px;}
.pop-cont .item-data.address .item-cont {flex-wrap:wrap;}
.pop-cont .item-data.address .item-cont .item-btn-layout:first-child {margin-bottom:12px;}
.pop-cont .item-data.address .item-cont .item-btn-layout:first-child input {width:700px;}
.pop-cont .item-data.address .item-cont .item-btn-layout .duplicate-btn {width:160px; height:50px; border-radius:4px; background:#414853; color: #fff; font-size:1.2rem; margin-left:9px;}
.pop-cont .item-data.address .item-cont .check-basic {margin-top:20px;}
.pop-cont .item-data .item-tit {width:15%; font-size:1rem; font-weight:700;}
.pop-cont .item-data:not(.no-pop-wrap) > div {width:85%; display:flex; align-items:center; justify-content:space-between;}
/* .pop-cont .item-data > div:not(.upload-item) {width:85%; display:flex; align-items:center; justify-content:space-between;} */
.pop-cont .tit-input input::placeholder {color:#c0c0c0; font-size:1rem;}
.pop-cont .item-data.item01 {margin-bottom:22px;}
.pop-cont .item-data.item01 p {font-size:1.714rem; font-weight:700;}
.pop-cont .item-data.item02 .dater-item {position:relative;}
.pop-cont .item-data.item02 .dater-item:nth-of-type(2) {color:#8f8f8f;}
.pop-cont .item-data.item02 input.datepicker {width:160px; padding-right:30px;}
.pop-cont .item-data.item02 i.xi-calendar {position:absolute; top:50%; transform:translateY(-50%); right:10px; color:#8f8f8f; font-size:1.4rem;}
/* .pop-cont .item-data.item04 input {border:0; padding:7px 0;}
.pop-cont .item-data.item04 input:disabled {background:#fff;} */
.pop-cont .item-data.item05 {align-items:flex-start; margin-top:20px;}
.pop-cont .item-data.item05 .item-wrap {flex-direction:column; align-items:flex-start;}
.pop-cont .item-data.item05 .item-wrap .radio {display:flex; align-items:center; width:100%; margin-bottom:15px;}
.pop-cont .item-data.item05 .item-wrap .radio label {display:flex; align-items:center; margin-right:40px; font-size:1rem;}
.pop-cont .item-data.item05 .item-wrap .radio label:last-child {margin-right:0;}
.pop-cont .item-data.item05 .item-wrap .radio label input {width:auto; margin-right:8px; width:15px; height:15px;}

.form-mid-item {display:flex; align-items:flex-start; margin-bottom:5px; flex-direction:column;}
.form-mid-item:last-child {margin-bottom:0;}
.form-mid-item .fm-item-tit {font-weight:600; flex:.8; padding:5px 0;}
.form-mid-item select, .form-mid-item input[type='text'] {font-size:1rem; padding:5px 10px; border:1px solid #ddd; border-radius:4px;}

/* 버튼 */
.pop-cont .sche-btn-wrap {display:flex; align-items:center; justify-content:center; margin-top:40px;}
.pop-cont .sche-btn-wrap .comm-btn {display:flex; align-items:center; width:50%;}
.pop-cont .sche-btn-wrap .comm-btn span {font-size:1rem; padding:12px 0; text-align:center; display:inline-block; width:100%; height:100%; cursor:pointer; border:1px solid #239609; border-radius:5px; background:#239609; color:#fff; font-weight:700;}
.pop-cont .sche-btn-wrap .cancel-btn span {margin-right:4px; color:#239609; background:#fff;}

.pop-cont .btn-box {display:flex; align-items:center; height:auto;position: relative;}
.pop-cont .btn-box button {padding:15px 30px; border-radius:8px; font-size:1rem; font-weight:700; margin-top:30px; margin-right:10px;}
.pop-cont .btn-box button:last-child {margin-right:0;}
.pop-cont .btn-box button.cancel-btn {color:#444; border:1px solid #ddd;}
.pop-cont .btn-box button.cancel-btn.v2 {    position: absolute;right: -20px;top: -30px;margin: 0px;padding: 0;border: none;}
.pop-cont .btn-box button.submit-btn {color:#fff; background-color:#0861c5; border:1px solid #0861c5;} 

/* datepicker custom design */
#ui-datepicker-div {position:fixed !important; z-index:999999 !important; width:500px !important; border:1px solid #eee; border-radius:20px; padding:10px; left:50% !important; top:50% !important; transform:translate(-50%, -50%) !important; box-shadow:2px 2px 14px #ddd;}
.ui-datepicker table {height:400px !important;}
#ui-datepicker-div .ui-widget-header {border:none; background:transparent; font-size:1rem;}
#ui-datepicker-div tr th span {font-weight:600;}
#ui-datepicker-div tr th:first-child {color:red;}
#ui-datepicker-div tr td:first-child a {color:red;}
#ui-datepicker-div tr td {position:relative;}
#ui-datepicker-div .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display:block;}
#ui-datepicker-div .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:transparent; text-align:center; border:none; font-size:.9rem; padding:8px; font-weight: 600;}
#ui-datepicker-div .ui-state-default:hover:after, .ui-widget-content .ui-state-default:hover:after, .ui-widget-header .ui-state-default:hover:after {content:''; position:absolute; top:50%; left:50%; display:block; transform:translate(-50%, -50%); width:34px; height:34px; background-color:#eee; border-radius:50px; z-index:-1;}
#ui-datepicker-div .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {padding-bottom:0;}
/* .ui-state-active, .ui-widget-content .ui-state-active {color:#0861c5; font-weight:700;} */
.ui-state-active, .ui-widget-content .ui-state-active {color:#fff;}
.ui-state-active, .ui-widget-content .ui-state-active:after {content:''; position:absolute; top:50%; left:50%; display:block; transform:translate(-50%, -50%); width:34px; height:34px; background-color:#0861c5; border-radius:50px; z-index:-1;}
#ui-datepicker-div .ui-timepicker-select {width:100%; margin-right:0; padding-right:10px!important;}
.ui-widget-header .ui-icon {width:10px; height:10px; background-image:url('/resources/image/icon/arrow_main.png'); background-position:center; background-size:contain;}
.ui-icon-circle-triangle-w {}
.ui-icon-circle-triangle-e {transform:rotate(180deg);}
.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {background-color:transparent !important; border:none !important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:auto; height:30px !important; text-align:center; font-size:1.2rem; font-weight:600;
  -webkit-appearance:none; /* 크롬 화살표 없애기 */ -moz-appearance:none; /* 파이어폭스 화살표 없애기 */ appearance:none; /* 화살표 없애기 */}
.ui-datepicker .ui-datepicker-title {line-height:30px; font-size:1.2rem; font-weight:600;}


/* 항목 아래 NOTICE */
.pop-item-noti {display:flex; align-items:center; margin-top:-10px;}
.pop-item-noti .noti-title {display:inline-flex; align-items:center; padding:3px 8px; margin-right:3px;  border-radius:30px; background-color:#fce513; font-weight:600; font-size:.8rem;}
.request_rfp_project .pop-item-noti,
.request_rfp_partner .pop-item-noti {margin-top:0;}


/* 체크박스 스타일 */
.form-agree.contact-form-agree {margin-top:5px;}
.form-agree.contact-form-agree label {position:relative;}
/* .form-agree.contact-form-agree .agree-check {visibility: hidden;} */
.form-agree.contact-form-agree .agree-check {visibility: hidden;position: absolute;left:-99999px;}
.agree-check-style {position:absolute; top:50%; left:-5px; transform:translateY(-50%); display:inline-block; width:16px; height:16px; border-radius:3px; border:1px solid #666;}
.agree-check-style:after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0; height:0; background-image:url('/resources/image/icon/check_icon_main.png'); background-size:contain; background-repeat:no-repeat; transition:.3s;}
.form-agree.contact-form-agree .agree-check:checked~.agree-check-style {border-color:#0861c5;}
.form-agree.contact-form-agree .agree-check:checked~.agree-check-style:after {width:10px; height:10px;}

@media screen and (max-width:768px) {
    .intro {text-align:center;}
    .pop-cont {width:100%; height:100%; overflow-y:scroll;}
    .pop-cont .item-data {flex-direction:column; align-items:flex-start; margin-bottom:20px;}
    .pop-cont .item-data > div {width:100%;}
    .pop-cont .item-data .item-tit {padding-bottom:8px;}
    .pop-cont .item-data.item02 .dater-item {flex:1;}
    .pop-cont .item-data.item02 p.wave {padding:0 7px;}
    .pop-cont .item-data.item02 input.datepicker {width:100%;}
    .pop-cont .item-data.item05 .item-wrap .radio {justify-content:space-between;}
    .pop-cont .item-data.item05 .item-wrap .radio label {margin-right:5px;}

    
    /* datepicker custom design */
    #ui-datepicker-div {z-index:999999 !important; width:300px !important; border:1px solid #eee; border-radius:20px; padding:10px;}
}
/* 팝업레이어 끝 */


/* 파일첨부 버튼 (23.01.11) */
.file-btn .img-txt {border-radius:10px; margin-bottom:6px; padding:10px; border:1px solid #eee; border-radius:10px; background-color:#fafafa;}
.file-btn .img-txt p,.file-btn .img-txt span {font-size:.8rem; color:#333; line-height:1.2;}
.file-btn .img-txt p b {font-size:.8rem; color:#000; font-weight:600; line-height:1.2;}
.file-btn label.pi-upload {display:inline-flex; align-items:center; width:auto; padding:8px 15px; background-color:#444; color:#fff; border-radius:7px; font-size:.9rem; font-weight:500;}
.file-btn label.pi-upload .pi-upload-icon {display:inline-block; width:12px; height:12px; margin-right:4px; background-image:url('/resources/image/icon/file_icon_fff.png');}
/* 등록페이지일 때 파일 리스트 분기처리  */
.item-file-list {margin:10px 0 20px; border-radius:10px;}
.item-file-list .item-data {margin-bottom:5px; position:relative;}
.item-file-list .item-data .file-col {width:100%; padding:10px; justify-content:flex-start; border:1px solid #ddd; border-radius:10px;}
.item-file-list .item-data .file-col .file-thumb-cont {display:flex; align-items:center;}
/* .item-file-list .item-data .file-col .file-thumb-cont p.bg {width:20px; height:20px; margin-right:3px; background-color:#fafafa; border-radius:5px;} */
.item-file-list .item-data .file-col .file-thumb-cont a {width:20px; height:20px;}
.item-file-list .item-data .file-col .file-thumb-cont p.bg {width:100%;height:100%;}
.item-file-list .item-data .file-col .file-thumb-cont .file-del {position:absolute; top:50%; right:12px; transform:translateY(-50%); width:14px; height:14px;}
.item-file-list .item-data .file-col .file-thumb-cont .file-del i {position:absolute; top:0; left:0; font-size:0; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/delete_icon_444.png');}
/* 등록페이지일 때 파일 리스트 분기처리 - 썸네일타입 (23.01.13)  */
.item-file-list .item-data.file-thumb-type {padding:10px 0 !important;}
.item-file-list .item-data.file-thumb-type .file-col {border:none; padding:0 10px !important;}
.item-file-list .item-data.file-thumb-type .file-col .file-thumb-cont {margin-bottom:5px;}
.item-file-list .item-data.file-thumb-type .file-col .file-thumb-cont p {margin:0 !important; border-radius:8px;}
.item-file-list .item-data.file-thumb-type .file-col .file-thumb-cont .file-del {transform:inherit; left:inherit; top:3px; right:3px; width:20px; height:20px; background-color:#fff; border:1px solid #ddd; border-radius:3px;}
.item-file-list .item-data.file-thumb-type .file-col .file-thumb-cont .file-del i {top:50%; left:50%; transform:translate(-50%, -50%); width:12px; height:12px; background-image:url('/resources/image/icon/check-delete.png'); background-size:contain; background-repeat:no-repeat; background-position: center;}
.item-file-list .item-data.file-thumb-type .file-col .file-thumb-cont .file-del i:before {display:none;}
.item-file-list .item-data.file-thumb-type .file-col span.keepText {max-width:140px !important; margin-right:0 !important;display:inline !important;}

.item-file-list.file_type-file_list .file-thumb-cont .bg {display:none;}

/* 목록페이지일 때 파일 리스트 분기처리 (23.01.12) */
.file-list .item-file-list {margin:0;}
.file-list .item-file-list .item-data {}
.file-list .item-file-list .item-data .file-col {flex-direction:row !important; align-items:center !important; border:none;}
.file-list .item-file-list .item-data .file-col .file-thumb-cont {}
.file-list .item-file-list .item-data .file-col .file-thumb-cont p.bg {width:30px; height:30px;}
.file-list .item-file-list .item-data .file-col .file-thumb-cont .file-del {}
.file-list .item-file-list .item-data .file-col .file-thumb-cont .file-del i {}
.file-list .item-file-list .item-data .file-col .file-thumb-cont .file-down-btn {}
.file-list .item-file-list .item-data .file-col .file-thumb-cont .file-down-btn i {font-size:0; display:inline-block; width:14px; height:14px; background-image:url('/resources/image/icon/download_icon2_444.png');}
.file-list .item-file-list .item-data .file-col .file-thumb-cont .file-down-btn i:before {display:none;}




/* header 결제 팝업 (23.02.01) */
.fit-layer.partner_info .pop-cont {position:relative; width:500px; border-radius:20px; padding:24px; overflow-y:visible;}
.fit-layer.partner_info .pop-cont .upload-item {display:flex; align-items:center; margin-bottom:10px;}
.fit-layer.partner_info .pop-cont .form_item-data:last-child .upload-item {margin-bottom:0;}
.fit-layer.partner_info .pop-cont .upload-item .upload-tit {width:100px; font-weight:600;}

.fit-layer.partner_info .pop-cont .createForm-temp1 .upload-item {display:block;}
.fit-layer.partner_info .pop-cont .createForm-temp1 .upload-item .upload-tit {display:none;}

.demo-pop-partner {margin-bottom:20px;}
.demo-pop-partner .pop-partner-title {font-size:1.3rem; font-weight:600; color:#0861C5;}
.demo-pop-partner .pop-partner-des {font-size:.9rem; color:#0861C5;}

.fit-layer.partner_info .pop-cont .btn-box {position:absolute; top:0; right:0; width:auto; height:auto;}
.fit-layer.partner_info .pop-cont .btn-box button.submit-btn {display:none;}
.fit-layer.partner_info .pop-cont .btn-box button.cancel-btn {margin-top:25px; margin-right:25px; border:0; padding:0; font-size:0;}
.fit-layer.partner_info .pop-cont .btn-box button.cancel-btn:before {content:''; display:block; width:15px; height:15px; background-image:url('/resources/image/icon/close_icon.png'); background-size:cover; background-repeat:no-repeat; background-position: center;}






/* 팝업 */
.fit-layer.layer-design_version_2 .demo-pop-intro {width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:dashed 2px #666;}
.fit-layer.layer-design_version_2 .demo-pop-intro img {display:block; width:90%;}

/* 팝업 등록 (23.01.09) */
.fit-layer.layer-design_version_2 .pop-cont {max-width:800px; max-height:90vh !important; border-radius:15px; border:1px solid #eee; position:relative;}
.fit-layer.layer-design_version_2 .pop-cont .pop-close {position:absolute; top:20px; right:20px; font-size:24px; cursor:pointer;}
.fit-layer.layer-design_version_2 .pop-cont .btn-box button.submit-btn {width:35%; border-radius:50px; padding:15px 40px; font-size:1.2rem; font-weight:400;}
.fit-layer.layer-design_version_2 .pop-cont .ver1 .form_item-data {margin-bottom:15px;}
.fit-layer.layer-design_version_2 .pop-cont .ver1 .form_item-data:last-child {margin-bottom:0;}
.fit-layer.layer-design_version_2 .pop-cont .ver1 .form_item-data label.upload-tit {display:inline-block; margin-bottom:5px; font-size:0;}
.fit-layer.layer-design_version_2 .pop-cont .ver1 .form_item-data label.upload-tit span {font-size:1rem; font-weight:600;}
.fit-layer.layer-design_version_2 .pop-cont .ver1 .form_item-data input {width:100%; border:1px solid #eee;}
.fit-layer.layer-design_version_2 .pop-cont .ver1 .form_item-data input[type='checkbox'] {width:auto;}
.fit-layer.layer-design_version_2 .pop-cont .ver1 .form_item-data input::placeholder {color:#999;}
.fit-layer.layer-design_version_2 .pop-cont .ver1 .form_item-data textarea {width:100%; min-height:200px; border:1px solid #eee;}
.fit-layer.layer-design_version_2 .pop-cont .ver1 .form_item-data .upload-input {position:relative;}
.fit-layer.layer-design_version_2 .pop-cont .ver1 .form_item-data .upload-input input~span {position:absolute; right:10px; top:50%; transform:translateY(-50%); font-weight:600; color:#0861c5;}
.fit-layer.layer-design_version_2 .pop-cont .pop-title.ver1 {margin-bottom:20px; font-size:2rem; font-weight:700; color:#0861c5;}
.fit-layer.layer-design_version_2 .pop-cont {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
.fit-layer.layer-design_version_2 .pop-cont::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.fit-layer.layer-design_version_2 .dater-item {position:relative;}
.fit-layer.layer-design_version_2 .dater-item i.xi-calendar {position:absolute; left:10px; top:50%; transform:translateY(-50%);}
.fit-layer.layer-design_version_2 .dater-item input[type='text'] {padding-left:30px;}
.fit-layer.layer-design_version_2 .form-agree.contact-form-agree {display:flex; align-items:center; justify-content:flex-end;}
.fit-layer.layer-design_version_2 .form-agree.contact-form-agree label {display:flex; align-items:center; justify-content:flex-end;}

div[class*=request_rfp_project] .pop-title {font-size:1rem !important; color:#222 !important;}
div[class*=request_rfp_partner] .pop-title {font-size:1rem !important; color:#222 !important;}

/* 팝업 서비스유형 */
.fit-layer.layer-design_version_2 .pop-cont .createForm-service_type2 {}
.fit-layer.layer-design_version_2 .pop-cont .createForm-service_type2 .upload-option {display:flex; align-items:center;}

.upload-radio-type.upload-radio-type02 {margin-right:5px;}
/* 라디오버튼 - 타입2 */
.upload-radio-type.upload-radio-type02 .option-check_value {display:none;}
.upload-radio-type.upload-radio-type02 .option-check {display:inline-flex; padding:10px 20px; background-color:#fafafa; border:1px solid #eee; border-radius:50px; margin-right:0 !important;}
/* 라디오버튼이 체크되었을 때 */
.upload-radio-type .option-check_value:checked + .option-check {}
.upload-radio-type02 .option-check_value:checked + .option-check {color:#0861c5; font-weight:500; border-color:#0861c5;}


/* 모바일 */
@media (max-width: 768px) {
    /* 팝업 */
    .fit-layer.layer-design_version_2 .pop-cont {max-width:90%;}
    .fit-layer.layer-design_version_2 .pop-item-noti {align-items:flex-start; flex-direction:column;}
    .fit-layer.layer-design_version_2 .pop-item-noti .noti-des {font-size:.9rem; padding:5px;}
    .fit-layer.layer-design_version_2 .pop-cont .btn-box {height:auto;}
    .fit-layer.layer-design_version_2 .pop-cont .btn-box button.submit-btn {width:70%;}
    .fit-layer.layer-design_version_2 .pop-cont .ver1 .form_item-data input {padding-right:75px;}
    .fit-layer.layer-design_version_2 .pop-cont .ver1 .form_item-data input.agree-check {padding-right:0;}

    .item-file-list .item-data .file-col span.keepText {width:80%;}

    /* 팝업 -서비스유형 */
    .pop-cont .createForm-service_type2 .upload-option {flex-wrap:wrap;}
    .upload-radio-type.upload-radio-type02 {margin-bottom:5px;}
}






.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* 작성한 글자수 스타일 적용 (23.05.09 by.Hyem) */
.upload-str-vaild {position:absolute; top:50%; right:10px; transform:translateY(-50%); display: inline-flex; align-items: center; margin-left: 6px; color: #999 !important; font-size: .85rem;}
.pop-cont .ver1 .form_item-data .upload-input input~span.suffix-text {right:40px !important;}
.pop-cont .ver1 .form_item-data.simple .upload-input input~span.suffix-text {position: absolute;top: 50%;right: 10px !important;transform: translateY(-50%);display: inline-flex;align-items: center;margin-left: 6px;color: #999;font-size: .85rem;}

/* 팝업 스텝 숫자 위치 조정 (23.05.16 by.Hyemi) */
.pop-title {position:relative;}
.pop-title .pop-step {display:inline-block; margin-left:4px; padding:5px 9px; font-size:.9rem; background-color:#666; color:#fff; font-weight:600; border-radius:4px;}


/* 에디터 스타일 추가 수정 (23.05.26 by.Hyemi) */
.note-editor.note-airframe .note-editing-area .note-editable,
#container-detail .intro-wrap .upload-cont .ver1 .form_item-data.createForm-content pre {padding: 10px; overflow: auto; word-wrap: break-word;}
#container-detail .intro-wrap .upload-cont .ver1 .form_item-data.createForm-content pre table {width: 100%; border-collapse: collapse;}

#container-detail .intro-wrap .upload-cont .ver1 .form_item-data.createForm-content pre table td, 
#container-detail .intro-wrap .upload-cont .ver1 .form_item-data.createForm-content pre table th {border: 1px solid #ececec; padding: 5px 3px;}








/* header 띠배너 - 결제용 (23.01.31) */
.header-none-member {width:100%; }
.header-none-member .none-mem-top {padding:20px 30px; display:flex; align-items:flex-end; justify-content:space-between; background-color:#fafafa;}
.header-none-member .none-mem-top .mem-top-icon {display:inline-block; width:60px; height:60px; margin-right:15px; background-image:url('/resources/image/icon/notice_comm.png');}
.header-none-member .none-mem-top p {}
.header-none-member .none-mem-top .none-mem-tl {display:flex; align-items:center;}
.header-none-member .none-mem-top .none-mem-tl p {display:flex; align-items:center; font-size:1.5rem;}
.header-none-member .none-mem-top .mem-name {}
.header-none-member .none-mem-top .mem-name span {margin:0 5px; font-weight:800;font-size:1.5rem;}
/* 계약서 연동 전 (2023.05.28 / By.Chungwon) */
.header-none-member:not(.waiting) .none-mem-top .mem-payment.after {display:none;}
/* 계약서 연동 후 (2023.05.28 / By.Chungwon) */
.header-none-member.waiting .none-mem-top .mem-payment.before {display:none;}
.header-none-member .none-mem-top .mem-payment-btn {display:inline-flex; align-items:center; padding:8px 10px; margin-left:5px; border-radius:5px; background-color:#fafafa; color:#0861C5; font-size:.8rem; font-weight:600;}
.header-none-member .none-mem-top .mem-payment-btn:before {content:''; display:inline-block; width:12px; height:12px; margin-right:5px; background-image:url('/resources/image/icon/credit-card_comm.png'); background-position:center; background-size:cover; background-repeat:no-repeat;}
.header-none-member .none-mem-top .none-mem-tr {text-align:right;}
.header-none-member .none-mem-top .none-mem-tr p {font-size:.9rem; font-weight:600;}
.header-none-member .none-mem-bot {padding:10px 30px; background-color:#f2cccc;}
.header-none-member .none-mem-bot .mem-noti2 {display:inline-flex; align-items:center; font-size:.8rem; font-weight:800;}
.header-none-member .none-mem-bot .mem-bot-icon {display:inline-block; width:12px; height:12px; margin-right:5px; background-image:url('/resources/image/icon/notice_icon_comm.png');}








/* tab ************************************************************************************/
.fit-tab {width:100%; border:1px solid #E3E6ED; margin-bottom:38px;}
.fit-tab .tab-item {width:calc(100% / 3); text-align:Center; padding:18px 0; border-right:1px solid #E3E6ED; cursor: pointer; color:#AAB1BB; font-size:1rem;}
.fit-tab .tab-item:last-child {border-right:0;}
.fit-tab .tab-item.active {background-color:#1159FE; color:#fff;}
.fit-tab .tab-item:nth-of-type(3) {border-right:0;}

@media screen and (max-width: 768px) {
  .fit-tab {margin-bottom:24px;}
  .fit-tab .tab-item  {padding:13px 0 !important; font-size:1rem !important;}
}
/* tab 끝 ************************************************************************************/





/* 슬라이드 체크박스 ************************************************************************************/
.fit-slide-checkBox .slide-checkbox .slideOne {width: 52px; height: 28px; background: #C2C7CF; position: relative; border-radius: 50px; cursor: pointer;}
.fit-slide-checkBox .slide-checkbox .slideOne .check-circle {display: block; width: 22px; height: 22px; position: absolute; top: 3px; left: 4px; background: #fff; border-radius: 50px;}
.slideOne-input:checked + .fit-slide-checkBox .slide-checkbox .slideOne {background:#1159FE;}
.slideOne-input:checked + .fit-slide-checkBox .slide-checkbox .slideOne .check-circle {left: 26px;}
.slideOne-input {visibility: hidden;}
/* 슬라이드 체크박스 끝 ************************************************************************************/




/* 약관동의 ************************************************************************************/
.fit-terms-agree .form-agree .all-check {border-bottom:1px solid #E3E6ED; padding-bottom:17px;}
.fit-terms-agree .form-agree .all-check label {font-size:1.571rem; font-weight:700; padding:0 !important;}
.fit-terms-agree .fit-checkbox-custom input[type="checkbox"] + .click-check {width:25px; height:25px; margin-right:12px;}

.fit-terms-agree .form-agree .check-basic label {display:inline-flex; align-items:center; padding:10px 0 0; font-size:1rem;}
.fit-terms-agree .form-agree .check-basic label span {font-size:1rem; color:#6B727C; margin-left:5px; margin-bottom:2px;}  
.fit-terms-agree .form-agree .check-basic .agree-check {display:inline-block; font-size:1rem; cursor:pointer; text-decoration:underline;}

@media screen and (max-width: 768px) {
  .fit-terms-agree .form-agree .check-basic label,
  .fit-terms-agree .form-agree .check-basic label span {font-size:1.143rem;}
  .fit-terms-agree .form-agree .check-basic .agree-check {font-size:1rem;}
}
/* 약관동의 끝 ************************************************************************************/





/* 공지사항 목록 ************************************************************************************/
.fit-board-list .table .item01 {display: flex; align-items: center; font-size:1rem;}
.fit-board-list .table .item02 {font-size:1.143rem; color:#6B727C;}
.fit-board-list .table .item03 {margin-left:40px; font-size:1.4rem; font-weight:600;}

@media screen and (max-width: 768px) {
    .fit-board-list .table .item01 {font-size: 1rem;}
    .fit-board-list .table .item02 {font-size: 1rem; margin-left: 28px;}
    .fit-board-list .table .item03 {display: none;}

}
/* 공지사항 목록 끝 ************************************************************************************/






/* 공급사_메인 ************************************************************************************/
/* 메인배너 */
.slick-banner {width:100%;}
.slick-banner .slick-list {position: relative; box-shadow: 2px 5px 48px rgba(2, 1, 55, 0.12); overflow: hidden; border-radius: 12px; -webkit-backface-visibility: hidden; -moz-backface-visibilty:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform: translate3d(0,0,0);}
.slick-banner .item-data {height:400px;}
.slick-banner .item-data a {display: inline-block; width:100%; height:100%; overflow: hidden;}
.slick-banner .item-data a img {width:100% !important; height:100% !important; object-fit: cover;}
.slick-banner .slick-prev, .slick-banner .slick-next {display:none !important;}
.slick-banner .slick-dots {top:432px;}
.slick-banner .slick-dots li {width:auto; height:auto; margin-right:14px; margin-left:0;}
.slick-banner .slick-dots li:last-child {margin-right:0;}
.slick-banner .slick-dots li button {width:12px; height:12px; background:#000; opacity: .15; border-radius:100px;}
.slick-banner .slick-dots li.slick-active button {width:53px; opacity: 1;}
.slick-banner .slick-dots li button:before {display:none;}

@media screen and (max-width: 768px) {
  .fit-pr-list-wrap .container {padding:32px 20px 60px !important;}
  .slick-banner .slick-list {border-radius: 8px;}
  .slick-banner .item-data {height:280px;}
  .slick-banner .slick-dots {top:297px;}
  .slick-banner .slick-dots li button {width:8px; height:8px;}
  .slick-banner .slick-dots li.slick-active button {width:40px;}
}
/* 공급사_메인 끝 ************************************************************************************/




/* wallet - 리스트 ************************************************************************************/
.fit-wallet-list .container {padding:80px 0 100px !important;}
/* 나의 수익&계좌 */
.fit-wallet-list .cont-top {margin-bottom:60px;}
.fit-wallet-list .cont-top > div {border-radius:12px; box-shadow: 0px 4px 24px rgba(2, 1, 55, 0.1); height:274px;}
.fit-wallet-list .cont-top .left-box {width:360px; background:#1AD0FC; color:#fff; margin-right: 20px; padding:50px 0; display:revert; text-align:center;}
.fit-wallet-list .cont-top .left-box > span {background:rgba(0,0,0,.2); font-size:1rem; font-weight:700; padding:8px 20px; border-radius:1000px; color:#fff;}
.fit-wallet-list .cont-top .left-box .total-money {font-size:2.714rem; font-weight:700; color:#fff;}
.fit-wallet-list .cont-top .left-box .total-money span {font-size:3.286rem; font-weight:600; color:#fff;}
/* 계좌 등록 후 */
.fit-wallet-list .right-box {width: 620px; background:#fff;}
.fit-wallet-list .right-box .get-account {padding:28px 40px 40px; height:100%;}
.fit-wallet-list .right-box .get-account .ac-top {border-bottom:1px solid #E3E6ED; padding-bottom:18px;}
.fit-wallet-list .right-box .get-account .ac-top span {font-size:1rem; font-weight:700; }
.fit-wallet-list .right-box .get-account .ac-top button {background:#414853; border-radius:4px; width:103px; height:36px;}
.fit-wallet-list .right-box .get-account .ac-top button a {color:#fff; font-size:1rem;}
.fit-wallet-list .right-box .get-account .ac-bot {padding-top:54px;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data {display:flex; align-items:Center; justify-content:space-between; margin-bottom:22px;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item-tit {font-size:1rem; font-weight:400; color:#6B727C;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data div {text-align:right;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item {display:flex; align-items:center; justify-content:flex-end;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item01 {font-size:1rem; font-weight:700; color:#287EFF; margin-bottom:2px;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item01 span {font-size:1rem; font-weight:700; color:#287EFF;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item-info {font-size:0.929rem; color:#848D9A;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item02,
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item03 {font-size:1rem; font-weight:700;}
.fit-wallet-list .right-box .get-account .ac-bot .item-data .item02 span {font-size:1rem; font-weight:700;}
/* 계좌 등록 전 */
.fit-wallet-list .right-box .no-account {text-align:center; padding:22px 0 36px;}
.fit-wallet-list .right-box .no-account p {font-size:1rem; font-weight:700; margin:12px auto 24px;}
.fit-wallet-list .right-box .no-account button {background:#414853; border-radius:4px; width:320px; height:60px;}
.fit-wallet-list .right-box .no-account button a {color:#fff; font-size:1rem; width: 100%; height: 100%;}
/* 마켓 리스트 */
.fit-wallet-list .cont-bot {}
.fit-wallet-list h2 {font-size:2.286rem; font-weight:700;}
.fit-wallet-list .fit-gallery-list {margin-top:28px; justify-content: center;}
.fit-wallet-list .fit-gallery-list .gal-list-item {width:calc((100%/3) - 10px); margin-top:20px; padding:32px 24px 40px; min-height:293px;}
.fit-wallet-list .fit-gallery-list .gal-list-item:nth-of-type(n + 1):nth-of-type(-n + 3) {margin-top:0;}
.fit-wallet-list .fit-gallery-list .gal-list-item:nth-of-type(4n) {margin-right:15px;}
.fit-wallet-list .fit-gallery-list .gal-list-item:nth-of-type(3n) {margin-right:0;}
.fit-wallet-list .fit-gallery-list .gal-list-item:hover {transform:none; box-shadow:0px 4px 24px rgb(2 1 55 / 10%);}
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-list-info {padding:0;}
.fit-wallet-list .fit-gallery-list .gal-list-item .galp-box:first-child {align-items: flex-start;}
.fit-wallet-list .fit-gallery-list .gal-list-item .galp-box {margin-bottom:10px;}
.fit-wallet-list .fit-gallery-list .gal-list-item .galp-box:nth-of-type(2),
.fit-wallet-list .fit-gallery-list .gal-list-item .galp-box:nth-of-type(4) {margin-bottom:0;}
.fit-wallet-list .fit-gallery-list .gal-list-item .galp-num {display:flex; align-items:Center;}
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-date {padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #E3E6ED;}
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name {position: relative; font-size:1.143rem; color:#6B727C; display:flex; align-items:center;}
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-box:first-child .galp-name {width: 90px;}
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name i {font-size:1.2rem; color:#AAB1BB; margin-left:7px; cursor: pointer;}
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name i:hover + .fit-guide-popup {display:block;}
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name .fit-guide-popup {display:none; width:259px; top:30px; left: 24px; line-height: 19px;}
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name .fit-guide-popup::before {left:56px;}
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-num,
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-num span {font-size:1.143rem; flex-wrap: wrap; justify-content: flex-end;}
.fit-wallet-list .fit-gallery-list .gal-list-item .item01 {display:block !important; white-space: nowrap !important; text-overflow:ellipsis; overflow: hidden; font-size:1.714rem !important; font-weight:700 !important; line-height:33px !important; margin-bottom:24px !important;}
.fit-wallet-list .fit-gallery-list .gal-list-item .item02,
.fit-wallet-list .fit-gallery-list .gal-list-item .item02 span {font-weight:700;}
.fit-wallet-list .fit-gallery-list .gal-list-item .item03,
.fit-wallet-list .fit-gallery-list .gal-list-item .item03 span {color:#287EFF; font-weight:700;}
.fit-wallet-list .fit-gallery-list .gal-list-item .item04 {display: flex; align-items: center;}
.fit-wallet-list .fit-gallery-list .gal-list-item .item04,
.fit-wallet-list .fit-gallery-list .gal-list-item .item04 span {font-weight:400; color: #6B727C;}
.fit-wallet-list .fit-gallery-list .gal-list-item .item04 > span:first-child {margin-left:5px;}
.fit-wallet-list .fit-gallery-list .gal-list-item .item04 > span:last-child {margin-right:5px;}
.fit-wallet-list .fit-gallery-list .gal-list-item .item05 {font-size:1rem !important; font-weight:400 !important;}
.fit-wallet-list .fit-gallery-list .gal-list-item .item05 span {font-size:1.714rem; font-weight:600;}
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box {margin-bottom:10px !important;}
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box:last-child {margin-bottom:0 !important;}
.fit-wallet-list .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box:last-child .galp-name {color:#287EFF; font-weight:500;}

.fit-wallet-list .fit-gallery-list .gal-list-item {margin-top:20px !important;}
.fit-wallet-list .fit-gallery-list .gal-list-item:nth-of-type(n + 1):nth-of-type(-n + 3) {margin-top:0 !important;}

/* 페이지네이션 */
.fit-wallet-list .fit-gallery-list .pagenation-cont {width: 100%;}
/* 마켓 리스트 X */
.fit-wallet-list .count-status {margin:201px auto 110px; text-align:center; padding: 0;}
.fit-wallet-list .count-status p {font-size:1rem; color:#6B727C; margin-top:16px;}

@media screen and (max-width: 768px) {
  .fit-wallet-list .container {padding:32px 20px 60px !important;}
  .fit-wallet-list h2 {font-size: 1.714rem; font-weight: 800;}
  .fit-wallet-list .cont-top > div {width: 100% !important;}
  .fit-wallet-list .cont-top {display: revert; margin-bottom: 60px;}
  .fit-wallet-list .cont-top .left-box {margin:0 0 12px 0; height: 154px; display: flex; flex-direction: column;}
  .fit-wallet-list .cont-top .left-box > span {font-size: 1.071rem; padding: 6px 16px;}
  .fit-wallet-list .cont-top .left-box .total-money {font-size:2rem; font-weight: 600; margin-top:13px;}
  .fit-wallet-list .cont-top .left-box .total-money span {font-size:2.286rem; font-weight: 700;}
  .fit-wallet-list .right-box {height: 232px !important;}
  .fit-wallet-list .right-box .get-account {padding: 20px 14px;}
  .fit-wallet-list .right-box .get-account .ac-top {padding-bottom: 9px;}
  .fit-wallet-list .right-box .get-account .ac-top span {font-size: 1.143rem;}
  .fit-wallet-list .right-box .get-account .ac-top button {width: 84px; height: 28px;}
  .fit-wallet-list .right-box .get-account .ac-top button a {font-size: 0.857rem !important; font-weight: 400;}
  .fit-wallet-list .right-box .get-account .ac-bot .item-data:first-child {align-items: flex-start;}
  .fit-wallet-list .right-box .get-account .ac-bot .item-data .item-tit {font-size: 1rem; width: 75px;}
  .fit-wallet-list .right-box .get-account .ac-bot .item-data .item02 {display: flex; flex-wrap: wrap;}
  .fit-wallet-list .right-box .get-account .ac-bot .item-data .item,
  .fit-wallet-list .right-box .get-account .ac-bot .item-data .item span {font-size: 1rem; line-height:19.6px;}
  .fit-wallet-list .right-box .get-account .ac-bot .item-data .item span[data-detail_key2="account_number"] {width: 100%; text-align: right;}
  .fit-wallet-list .right-box .get-account .ac-bot .item-data .item-info {font-size: 0.857rem; margin-top: 4px;}
  .fit-wallet-list .right-box .no-account {padding: 24px 20px;}
  .fit-wallet-list .right-box .no-account img {width: 48px;}
  .fit-wallet-list .right-box .no-account p {font-size: 1.143rem; margin: 12px auto 28px;}
  .fit-wallet-list .right-box .no-account button {width: 100%; height: 50px;}
  .fit-wallet-list .right-box .no-account button a {font-size: 1rem; font-weight: 400;}
  .fit-wallet-list .fit-gallery-list {margin-top: 16px; display: revert;}
  .fit-wallet-list .fit-gallery-list .gal-list-item {width: 100%; height: 252px; min-height: 252px; margin:0 0 12px 0; padding: 24px 20px;}
  .fit-wallet-list .fit-gallery-list .gal-list-item:last-child {margin-bottom:0;}
  .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt {font-size: 1rem; margin: 0 auto 22px;}
  .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name,
  .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-num, 
  .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-num span {font-size: 1rem;}
  .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-box:first-child .galp-name {width: 56px;}
  .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date {padding-bottom: 20px; margin-bottom: 20px;}
  .fit-gallery-list .gal-list-item .gal-list-info .gal-price {width: 100%;}
  .fit-wallet-list .fit-gallery-list .gal-list-item .item04 {width:100% !important; display: flex; align-items: center; justify-content: flex-start;}

  .fit-wallet-list .fit-gallery-list .gal-list-item .galp-box {justify-content: space-between !important;}

  .fit-wallet-list .fit-gallery-list .gal-list-item .item05 {font-size: 1.143rem !important;}
  .fit-wallet-list .fit-gallery-list .gal-list-item .item05 span {font-size: 1rem;}
  .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name i:hover + .fit-guide-popup {line-height: 23px;}
  .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name .fit-guide-popup {width: 239px !important; left: 3px !important;}
  .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name .fit-guide-popup::before {left: 67px;}
  .fit-wallet-list .count-status {margin: 60px auto 40px;}
  .fit-wallet-list .count-status img {width: 60px;}
  .fit-wallet-list .count-status p {margin-top: 16px; font-size: 1.143rem;}
}
/* wallet - 리스트 끝 ************************************************************************************/


@media screen and (max-width: 768px) {
  /* 22.07.29 내 쿠폰 수정 */
  .coupon-custom .upload-form .form-cont {padding:15px;}
  .coupon-custom .upload-form .form-input {width:75%;}
  .coupon-custom .list-top {flex-direction: column; align-items: flex-start;}
  .coupon-custom .list-top .list-left {align-items:flex-start; flex-direction:column !important; width: 100%; margin-bottom: 10px;}
  .coupon-custom .list-top .list-desc {display:block; margin-left:0; margin-top:5px;}
  .coupon-custom .list-table-td {padding-left: 0; padding-right: 0; justify-content: flex-start !important; padding: 5px 0;}
  .coupon-custom .list-type-tab01 .td-title {font-weight: 700; padding-bottom: 10px;}
  .coupon-custom .list-type-tab01 .td-type {color: #585858;}
  .coupon-custom .list-type-tab01 span,
  .coupon-custom .list-table-td span {text-align: left !important;}
  .coupon-custom .list-table-td .tab-bot-title {font-weight: 700;}
}




/* slick dot 버전 */
.slick-dots {bottom:25px;}
.slick-dots li {padding:20px;}
.slick-dots li button {display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:0; font-size:1rem; color:#222; font-weight:700;}
.slick-dots li button:before {display:none;}
.slick-dots li.slick-active {border:1px solid #222; border-radius:50%;}






/* 
    프론트엔드 데이터 관련 CSS
    --- import 순서가 최하단(우선순위 최상위)에 있어야합니다.
    --- style.css에서 main.css로 이동함 (-- 22.12.14)
    2022.12.14 / By.Chungwon  
*/
.state-upload{display:none;} /* */
[data-method='move']:hover{cursor:pointer;} /* move 버튼 pointer */
.upload-item.disabled{display:none !important;} /*  */
[id^='no-'].disabled {display:none !important;} /* 목록페이지 결과 없는 경우 */
/* [data-canvas].disabled{display:none !important;}  */
[data-search_form] [data-canvas].disabled{display:none !important;} /*호환성 문제 때문에 관리자 내에서로 제한*/
[data-no_canvas].disabled {display:none !important;} /* 목록페이지 결과 없는 경우 */
[data-yes_canvas].disabled {display:none !important;} /* 목록페이지 결과 없는 경우 */
.detail-status.disabled {display:none !important} /*  */
.mine-off .mine-off-el{display:none !important;} /* 내가 쓴 글이 아닌 경우 mine-off */
.display-inherit{display:inherit !important;}

/* [data-project_opt_key] {display:none;} */
/* [data-project_opt_key]:not(.bind-autoset_tag) {display:none;} 바인딩 되지 않은 경우, 화면에서 숨기기 */
/* .tag_action_element:not(.bind-autoset_tag) {display:none;} 바인딩 되지 않은 경우, 화면에서 숨기기 */
[data-init_action_key="viewStatus"]:not(.bind-autoset_tag2) {display:none !important;} /* 바인딩 되지 않은 경우, 화면에서 숨기기 */


/* 리스트 페이지 카운트 */
.count-status.disabled {display:none;}

/* 3차원 데이터 delete 처리 (2021.12.03 / By.Chungwon) */
[data-multi_item_status='delete'] {display:none !important;}
[id^='container-detail'] .only-upload {display:none !important;} /* 목록페이지 결과 없는 경우 */

/* 부모 노드의 status_key와 자식의 view_status 값에 따라 display 분기처리 (기본값은 0) */
[data-status_key] [data-view_status]:not(.on){display:none !important;}
[data-view_status_key]:not(.on){display:none !important;}

/* status_element 클래스에 on 클래스가 없으면 무조건 diplsay none */
.status_element:not(.on){display:none !important;}

/* detail 페이지 > 데이터 값에 따라 class 변경 처리 (active기준) */
[data-detail_status_key]:not(.active) > .only-off{display:none;}
[data-detail_status_key].active > .only-on{display:none;}

[data-after_init_api_name]:not(.active){display:none;}


[data-user_status]:not(.active) {display:none !important;}

/* 이동 이벤트가 연동된 경우, pointer처리 (2023.04.20 / By.Chungwon) */
[data-method='href'] {cursor: pointer;}

i.bind{cursor: pointer;}
.btn-label{cursor: pointer;}


[data-method='image_zoom']{cursor: pointer;}

/* summernote 에디터 팝업 모듈의 z-index가 1040이라, 지정하지 않으면 레이어 순서가 팝업 모듈 아래로 덮어쓰여져서 사용할 수 없음  (2023.04.27 / By.Chungwon) */
/* [data-html_canvas_key]{z-index:10000;} */
/* .note-modal-backdrop{z-index: auto !important;} */
/* 프론트엔드 데이터 관련 CSS 끝 */