@charset "UTF-8";

/* button default */
button{border: none;cursor: pointer;}

.action-btn{width: 100%;display: flex;align-items: center;justify-content: center;gap: 8px;}
.action-btn-l{width: 100%;display: flex;align-items: center;justify-content: flex-start;gap: 8px;}
.action-btn-r{width: 100%;display: flex;align-items: center;justify-content: flex-end;gap: 8px;}
.vertical-button{display: flex;flex-direction: column!important;}
.action-btn-box{display: flex;flex-direction: row;gap: 16px;align-items: center;}
.action-btn-box > button{width: 50%;font-size: 14px;color: #656565;font-weight: 500;}

.filter-btn-hide{display: none;}


.fit-btn button{width: fit-content;}
/* fit-content-btn (전부 다 정리된 것은 아님) */
.other-ch-btn button{width: fit-content!important;}
.create-btn button{width: fit-content!important;}
.send-btn{width: fit-content!important;white-space: nowrap;}
.preview-btn, .save-btn{padding: 0!important;}
.apply-btn{width: fit-content!important;}
.action-btn.flex-bar{display: flex;flex-direction: row;gap: 8px;}
.click-btn{width: fit-content!important;}
.cancel-btn{display: flex;align-items: center;justify-content: center;width: auto!important;white-space: nowrap;}

/* toggle-btn */
.toggle-btn{width: 24px;height: 24px;}
.toggle-btn.active img{transform: rotate(180deg);transition: all 0.3s;}

/* 카카오톡 버튼 */
.kakaotalk-btn{background-color: #FEE500!important; color: #191919!important;display: flex;align-items: center;justify-content: center;}
.kakaotalk-btn img{margin-right: 4px;}
.kakaotalk-btn:hover, .kakaotalk-btn:focus{background-color: rgb(255, 221, 0)!important;}

/* primary-btn */
/* green-large */
.primaryL-green-btn{width: 100%; padding: 0px 40px;background-color: #60D1BD;border-radius: 40px;color: #fff!important;font-size: 20px!important;height: 58px;font-weight: 500;}
.primaryL-green-btn:hover{background-color: #55B6A4!important;font-weight: 500;}
.primaryL-green-btn:disabled{background-color: #DAF8F3!important;font-weight: 500;}
/* green-medium */
.primaryM-green-btn{width: 100%;padding: 12px 24px;background-color: #60D1BD;border-radius: 40px;color: #fff!important;font-size: 16px!important;height: 48px;font-weight: 500;}
.primaryM-green-btn:hover{background-color: #55B6A4!important;font-weight: 500;}
.primaryM-green-btn:disabled{background-color: #DAF8F3!important;font-weight: 500;}
/* green-small */
.primaryS-green-btn{width: 100%;padding: 0px 18px;background-color: #60D1BD;border-radius: 40px;color: #fff!important;font-size: 14px;height: 36px;font-weight: 500;}
.primaryS-green-btn:hover{background-color: #55B6A4!important;font-weight: 500;}
.primaryS-green-btn:disabled{background-color: #DAF8F3!important;font-weight: 500;}

/* orange-large */
.primaryL-orange-btn{width: 100%;padding: 0px 40px;background-color: #FF9559;border-radius: 40px;color: #fff;font-size: 20px;height: 58px;font-weight: 500;}
.primaryL-orange-btn:hover{background-color: #E3844F!important;font-weight: 500;}
.primaryL-orange-btn:disabled{background-color: #FFF0D3!important;font-weight: 500;}
/* orange-medium */
.primaryM-orange-btn{width: 100%;padding: 12px 24px;background-color: #FF9559;border-radius: 40px;color: #fff;font-size: 16px;height: 48px;font-weight: 500;}
.primaryM-orange-btn:hover{background-color: #E3844F!important;font-weight: 500;}
.primaryM-orange-btn:disabled{background-color: #FFF0D3!important;font-weight: 500;}
/* orange-small */
.primaryS-orange-btn{width: 100%;padding: 0px 18px;background-color: #FF9559;border-radius: 40px;color: #fff;font-size: 14px;height: 36px;font-weight: 500;}
.primaryS-orange-btn:disabled{background-color: #FFF0D3!important;font-weight: 500;}
.primaryS-orange-btn:hover{background-color: #E3844F!important;font-weight: 500;}

/* gray-large */
.primaryL-gray-btn{width: 100%;padding: 0px 40px;background-color: #525252;border-radius: 40px;color: #fff;font-size: 20px;height: 58px;font-weight: 500;}
.primaryL-gray-btn:hover{background-color: #222!important;font-weight: 500;}
.primaryL-gray-btn:disabled{background-color: #e0e0e0!important;font-weight: 500;}
/* gray-medium */
.primaryM-gray-btn{width: 100%;padding: 12px 24px;background-color: #525252;border-radius: 40px;color: #fff;font-size: 16px;height: 48px;font-weight: 500;}
.primaryM-gray-btn:hover{background-color: #222!important;font-weight: 500;}
.primaryM-gray-btn:disabled{background-color: #e0e0e0!important;font-weight: 500;}
/* gray-small */
.primaryS-gray-btn{width: 100%;padding: 0px 18px;background-color: #525252;border-radius: 40px;color: #fff;font-size: 14px;height: 36px;font-weight: 500;}
.primaryS-gray-btn:hover{background-color: #222!important;font-weight: 500;}
.primaryS-gray-btn:disabled{background-color: #e0e0e0!important;font-weight: 500;}

/* lightGray-large */
.primaryL-lightGray-btn{width: 100%;padding: 0px 40px;background-color: #999;border-radius: 40px;color: #fff;font-size: 20px;height: 58px;font-weight: 500;}
.primaryL-lightGray-btn:hover{background-color: #222!important;font-weight: 500;}
.primaryL-lightGray-btn:disabled{background-color: #e0e0e0!important;font-weight: 500;}
/* lightGray-medium */
.primaryM-lightGray-btn{width: 100%;padding: 12px 24px;background-color: #999;border-radius: 40px;color: #fff;font-size: 16px;height: 48px;font-weight: 500;}
.primaryM-lightGray-btn:hover{background-color: #222!important;font-weight: 500;}
.primaryM-lightGray-btn:disabled{background-color: #e0e0e0!important;font-weight: 500;}
/* lightGray-small */
.primaryS-lightGray-btn{width: 100%;padding: 0px 18px;background-color: #999;border-radius: 40px;color: #fff;font-size: 14px;height: 36px;font-weight: 500;}
.primaryS-lightGray-btn:hover{background-color: #222!important;font-weight: 500;}
.primaryS-lightGray-btn:disabled{background-color: #e0e0e0!important;font-weight: 500;}

/* green-line-large */
.primaryL-greenline-btn{width: 100%;width: 100%; padding: 0px 40px;background-color: #fff;border: 1px solid #60D1BD;border-radius: 40px;color: #60D1BD!important;font-size: 20px!important;height: 58px;font-weight: 500;}
.primaryL-greenline-btn:hover{border: 1px solid #55B6A4!important;color: #55B6A4!important;font-weight: 500;}
.primaryL-greenline-btn:disabled{border: 1px solid #DAF8F3!important;color: #DAF8F3!important;font-weight: 500;}
/* green-line-medium */
.primaryM-greenline-btn{width: 100%;padding: 12px 24px;background-color: #fff;border: 1px solid #60D1BD;border-radius: 40px;color: #60D1BD;font-size: 16px;height: 48px;font-weight: 500;}
.primaryM-greenline-btn:hover{border: 1px solid #55B6A4!important;color: #55B6A4!important;font-weight: 500;}
.primaryM-greenline-btn:disabled{border: 1px solid #DAF8F3!important;color: #DAF8F3!important;font-weight: 500;}
/* green-line-small */
.primaryS-greenline-btn{width: 100%;padding: 0px 18px;background-color: #fff;border: 1px solid #60D1BD;border-radius: 40px;color: #60D1BD;font-size: 14px;height: 36px;font-weight: 500;}
.primaryS-greenline-btn:hover{border: 1px solid #55B6A4!important;color: #55B6A4!important;font-weight: 500;}
.primaryS-greenline-btn:disabled{border: 1px solid #DAF8F3!important;color: #DAF8F3!important;font-weight: 500;}

/* orange-line-large */
.primaryL-orangeline-btn{width: 100%;padding: 0px 40px;background-color: #fff;border: 1px solid #FF9559;border-radius: 40px;color: #FF9559;font-size: 20px;height: 58px;font-weight: 500;}
.primaryL-orangeline-btn:hover{border: 1px solid #E3844F!important;color: #E3844F!important;font-weight: 500;}
.primaryL-orangeline-btn:disabled{border: 1px solid #FFF0D3!important; color: #FFF0D3!important;font-weight: 500;}
/* orange-line-medium */
.primaryM-orangeline-btn{width: 100%;padding: 12px 24px;background-color: #fff;border: 1px solid #FF9559;border-radius: 40px;color: #FF9559;font-size: 16px;height: 48px;font-weight: 500;}
.primaryM-orangeline-btn:hover{border: 1px solid #E3844F!important;color: #E3844F!important;font-weight: 500;}
.primaryM-orangeline-btn:disabled{border: 1px solid #FFF0D3!important; color: #FFF0D3!important;font-weight: 500;}
/* orange-line-small */
.primaryS-orangeline-btn{width: 100%;padding: 0px 18px;background-color: #fff;border: 1px solid #FF9559;border-radius: 40px;color: #FF9559;font-size: 14px;height: 36px;font-weight: 500;}
.primaryS-orangeline-btn:hover{border: 1px solid #E3844F!important;color: #E3844F!important;font-weight: 500;}
.primaryS-orangeline-btn:disabled{border: 1px solid #FFF0D3!important; color: #FFF0D3!important;font-weight: 500;}

/* gray-line-large */
.primaryL-grayline-btn{width: 100%;padding: 0px 40px;background-color: #fff;border: 1px solid #525252;border-radius: 40px;color: #525252;font-size: 20px;height: 58px;font-weight: 500;}
.primaryL-grayline-btn:hover{border: 1px solid #222!important;color: #222!important;font-weight: 500;}
.primaryL-grayline-btn:disabled{border: 1px solid #E0E0E0!important; color: #E0E0E0!important;font-weight: 500;}
/* gray-line-medium */
.primaryM-grayline-btn{width: 100%;padding: 12px 24px;background-color: #fff;border: 1px solid #525252;border-radius: 40px;color: #525252;font-size: 16px;height: 48px;font-weight: 500;}
.primaryM-grayline-btn:disabled{border: 1px solid #E0E0E0!important; color: #E0E0E0!important;font-weight: 500;}
.primaryM-grayline-btn:hover{border: 1px solid #222!important;color: #222!important;font-weight: 500;}

/* gray-line-small */
.primaryS-grayline-btn{width: 100%;padding: 0px 18px;background-color: #fff;border: 1px solid #999;border-radius: 40px;color: #999;font-size: 14px;height: 36px;font-weight: 500;}
.primaryS-grayline-btn:disabled{border: 1px solid #E0E0E0!important; color: #E0E0E0!important;font-weight: 500;}
.primaryS-grayline-btn:hover{border: 1px solid #222!important;color: #222!important;font-weight: 500;}

/* lightGrayline-line-large */
.primaryL-lightGrayline-btn{width: 100%;padding: 0px 40px;background-color: #fff;border: 1px solid #999;border-radius: 40px;color: #999;font-size: 20px;height: 58px;font-weight: 500;}
.primaryL-lightGrayline-btn:hover{border: 1px solid #222!important;color: #222!important;font-weight: 500;}
.primaryL-lightGrayline-btn:disabled{border: 1px solid #E0E0E0!important; color: #E0E0E0!important;font-weight: 500;}
/* lightGrayline-line-medium */
.primaryM-lightGrayline-btn{width: 100%;padding: 12px 24px;background-color: #fff;border: 1px solid #999;border-radius: 40px;color: #999;font-size: 16px;height: 48px;font-weight: 500;}
.primaryM-lightGrayline-btn:disabled{border: 1px solid #E0E0E0!important; color: #E0E0E0!important;font-weight: 500;}
.primaryM-lightGrayline-btn:hover{border: 1px solid #222!important;color: #222!important;font-weight: 500;}

/* lightGrayline-line-small */
.primaryS-lightGrayline-btn{width: 100%;padding: 0px 18px;background-color: #fff;border: 1px solid #999;border-radius: 40px;color: #999;font-size: 14px;height: 36px;font-weight: 500;}
.primaryS-lightGrayline-btn:disabled{border: 1px solid #E0E0E0!important; color: #E0E0E0!important;font-weight: 500;}
.primaryS-lightGrayline-btn:hover{border: 1px solid #222!important;color: #222!important;font-weight: 500;}

/* secondary-btn */
/* green */
.secondL-green-btn{width: 100%;padding: 0 32px;background-color: #60D1BD;color: #fff;border-radius: 4px;font-size: 20px; height: 56px;font-weight: 500;}
.secondM-green-btn{width: 100%;padding: 0 24px;background-color: #60D1BD;color: #fff;border-radius: 4px;font-size: 16px; height:48px;font-weight: 500;}
.secondS-green-btn{width: 100%; padding: 0 16px;background-color: #60D1BD;color: #fff;border-radius: 4px;font-size: 14px; height:36px;font-weight: 500;}
.secondL-green-btn:disabled, .secondM-green-btn:disabled, .secondS-green-btn:disabled{background-color: #DAF8F3!important;}
.secondL-green-btn:hover, .secondM-green-btn:hover, .secondS-green-btn:hover{background-color: #55B6A4;}

/* orange */
.secondL-orange-btn{width: 100%;padding: 0 32px;background-color: #FF9559;color: #fff;border-radius: 4px;font-size: 20px; height: 56px;font-weight: 500;}
.secondM-orange-btn{width: 100%; padding: 0 24px;background-color: #FF9559;color: #fff;border-radius: 4px;font-size: 16px; height: 48px;font-weight: 500;}
.secondS-orange-btn{width: 100%;padding: 0 16px;background-color: #FF9559;color: #fff;border-radius: 4px;font-size: 14px; height: 36px;font-weight: 500;}
.secondL-orange-btn:disabled, .secondM-orange-btn:disabled, .secondS-orange-btn:disabled{background-color: #FFF0D3!important;}
.secondL-orange-btn:hover, .secondM-orange-btn:hover, .secondS-orange-btn:hover{background-color: #E3844F!important;}

/* gray */
.secondL-gray-btn{width: 100%;padding: 0 32px;background-color: #525252;color: #fff;border-radius: 4px;font-size: 20px; height: 56px;font-weight: 500;}
.secondM-gray-btn{width: 100%; padding: 0 24px;background-color: #525252;color: #fff;border-radius: 4px;font-size: 16px; height: 48px;font-weight: 500;}
.secondS-gray-btn{width: 100%;padding: 0 16px;background-color: #525252;color: #fff;border-radius: 4px;font-size: 14px; height: 36px;font-weight: 500;}
.secondL-gray-btn:disabled, .secondM-gray-btn:disabled, .secondS-gray-btn:disabled{background-color: #e0e0e0!important;}
.secondL-gray-btn:hover, .secondM-gray-btn:hover, .secondS-gray-btn:hover{background-color: #222!important;}

/* green-line */
.secondL-greenline-btn{width: 100%;padding: 0 32px;background-color: #fff;border: 1px solid #60D1BD; color: #60D1BD;border-radius: 4px;font-size: 20px; height: 56px;font-weight: 500;}
.secondM-greenline-btn{width: 100%;padding: 0 24px;background-color: #fff;border: 1px solid #60D1BD;color: #60D1BD;border-radius: 4px;font-size: 16px; height: 48px;font-weight: 500;}
.secondS-greenline-btn{width: 100%; padding: 0 16px;background-color: #fff;border: 1px solid #60D1BD;color: #60D1BD;border-radius: 4px;font-size: 14px; height: 36px;font-weight: 500;}
.secondL-greenline-btn:disabled, .secondM-greenline-btn:disabled, .secondS-greenline-btn:disabled{border: 1px solid #DAF8F3!important;color: #DAF8F3!important;}
.secondL-greenline-btn:hover, .secondM-greenline-btn:hover, .secondS-greenline-btn:hover{border: 1px solid #55B6A4!important;color: #55B6A4!important;}

/* orange-line */
.secondL-orangeline-btn{width: 100%;padding: 0 32px;background-color: #fff;border: 1px solid #FF9559; color: #FF9559;border-radius: 4px;font-size: 20px; height: 56px;font-weight: 500;}
.secondM-orangeline-btn{width: 100%;padding: 0 24px;background-color: #fff;border: 1px solid #FF9559;color: #FF9559;border-radius: 4px;font-size: 16px; height: 48px;font-weight: 500;}
.secondS-orangeline-btn{width: 100%;padding: 0 16px;background-color: #fff;border: 1px solid #FF9559;color: #FF9559;border-radius: 4px;font-size: 14px; height: 36px;font-weight: 500;}
.secondL-orangeline-btn:disabled, .secondM-orangeline-btn:disabled, .secondS-orangeline-btn:disabled{border: 1px solid #FFF0D3!important; color: #FFF0D3!important;}
.secondL-orangeline-btn:hover, .secondM-orangeline-btn:hover, .secondS-orangeline-btn:hover{border: 1px solid #E3844F!important;color: #E3844F!important;}

/* gray-line */
.secondL-grayline-btn{width: 100%;padding: 0 32px;background-color: #fff;border: 1px solid #525252; color: #525252;border-radius: 4px;font-size: 20px; height: 56px;font-weight: 500;}
.secondM-grayline-btn{width: 100%;padding: 0 24px;background-color: #fff;border: 1px solid #525252;color: #525252;border-radius: 4px;font-size: 16px; height: 48px;font-weight: 500;}
.secondS-grayline-btn{width: 100%;padding: 0 16px;background-color: #fff;border: 1px solid #525252;color: #525252;border-radius: 4px;font-size: 14px; height: 36px;font-weight: 500;}
.secondL-grayline-btn:disabled, .secondM-grayline-btn:disabled, .secondS-grayline-btn:disabled{border: 1px solid #E0E0E0!important; color: #E0E0E0!important;}
.secondL-grayline-btn:hover, .secondM-grayline-btn:hover, .secondS-grayline-btn:hover{border: 1px solid #222!important;color: #222!important;}

/*사업자 등록증 파일첨부/확인 버튼 비활성화*/
button.disabled, button:disabled {cursor: not-allowed !important; opacity: 0.5; pointer-events: none;}
a.disabled {cursor: not-allowed !important; opacity: 0.5; pointer-events: none;}