.rcvord { background-color: #F8F8F8; }
body { margin: 0 auto; max-width: 1024px; min-width: 375px; }
.inner { width: 90%; margin: 0 auto; }
.rcvord-inner { width: 100%; margin: 0 auto; }
.main { padding-top: 56px; }
.main-pad-btm-100 { padding-bottom: 100px; }
.main-pad-btm-36 { padding-bottom: 36px; }

/* header */
.header { height: 56px; background: #FFF; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.10); position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; background: #fff; z-index: 99999;}
.logo-wrap { position: relative; width: 100%; height: 56px; display: flex; align-items: center; }
.m-logo { width: 115px; }
.m-logo-center { margin: 0 auto; }
.m-home, .m-cart { position: absolute; width: 22px; height: 22px; right: 0; }
.m-home { margin-right: 36px; }

.hd-title { display: flex; } 
.hd-title-wrap { position: relative; width: 100%; height: 56px; display: flex; align-items: center; }
.hd-title .m-arrow-l { position: absolute; width: 22px; height: 22px; }
.hd-menu-nm { color: var(--text, #4A4A4A); font-size: 18px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: -0.1px; text-align: center; width: 100%; }

/* common */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button { display: none; appearance: none; }
input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; display: block; background: url('../img/ico_calendar.png') no-repeat 98% 50%; background-size: 18px 18px; }

.cmn-title { color: var(--main-color, #2D3C48); font-size: 20px; font-style: normal; font-weight: 700; letter-spacing: -0.1px; text-align: center; margin-top: 30px; }
.cmn-title-gray { color: var(--text, #4A4A4A); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: -0.1px; }
.cmn-title-left p { color: var(--main-color, #2D3C48); font-family: Inter; font-size: 18px; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: -0.1px; }

.cmn-input { width: 100%; margin-top: 25px; }
.cmn-input p { padding-left: 10px; color: var(--text, #4A4A4A); font-feature-settings: 'clig' off, 'liga' off; font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; /* 157.143% */ letter-spacing: -0.1px; }
.cmn-input input { width: calc(100% - 10px); height: 46px; padding-left: 10px; margin-top: 10px; border-radius: 3.5px; border: 1px solid var(--line, #ECECEC); background: #FFF; }
.cmn-textarea { width: 100%; }
.cmn-textarea p { padding-left: 10px; color: var(--text, #4A4A4A); font-feature-settings: 'clig' off, 'liga' off; font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; /* 157.143% */ letter-spacing: -0.1px; }
.cmn-textarea textarea { width: calc(100% - 22px); height: 138px; border: none; resize: none; border-radius: 3.5px; border: 1px solid var(--line, #ECECEC); background: #FFF; padding: 10px; margin-top: 10px; }
.cmn-date { display: flex; width: 100%; }
.cmn-date input { width: calc(50% - 20px); padding-left: 10px; padding-right: 10px; height: 46px; border-radius: 3.5px; border: 1px solid var(--line, #ECECEC); background: #FFF; color: var(--text, #4A4A4A); font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: -0.1px; }

.cmn-btn {margin-top: 25px;}
.cmn-btn button { display: flex; width: 100%; height: 46px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 3.5px; border: 0px solid #202224; background: #96CA74; color: #FFF; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px;  }
.cmn-btn-gray button { display: flex; width: 100%; height: 46px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 3.5px; border: 0px solid #202224; background: #ECECEC; color: #B6B6B6; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px;  }
.cmn-gray { color: var(--text, #BBB); font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px; }
.cmn-navy { margin-left: 4px; color: #2D3C48; font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px; text-decoration-line: underline; }
.cmn-btn-red button { border: 1px solid #E54031; background: rgba(229, 64, 49, 0.70); }

.cmn-btn-btm { position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; margin-bottom: 10px; }
.cmn-btn-btm button { width: 90%; margin: 0 auto; }

.cmn-input-btn { position: relative; width: 100%; display: flex; }
.cmn-input-btn input { width: calc(70% - 10px); }
.cmn-input-btn button { width: 28%; height: 46px; border-radius: 3.5px; background: var(--line, #ECECEC); display: flex; justify-content: center; align-items: center; margin-top: 10px; position: absolute; right: 0; color: #B6B6B6; font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px; } 

/* 로그인 */
.login-img { display: flex; justify-content: center; align-items: center; }
.login-img img { margin-top: 59px; width: 226px; height: 150px;  }
.login-pw-find { margin-top: 10px; margin-left: 5px; }.login-join { width: 100%; margin: 0 auto; margin-top: 25px; text-align: center; }

/* 수주등록 */
.rcvord-wrap { width: 100%; height: 267px; background: #fff; }
.rcvord-wrap-in { height: 37px; position: relative; width: 90%; margin: 0 auto; display: flex; align-content: center; border-bottom: 1px solid var(--line, #EEE); } 
.rcvord-wrap-title { padding-left: 10px; display: flex; align-items: center; width: 82px; color: #3D3D3D; font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px; }
.rcvord-wrap-in input { position: absolute; right: 0; bottom: 6px; width: 151px; height: 25px; padding-left: 10px; border-radius: 3.5px; border: 1px solid var(--line, #ECECEC); background: #FFF; }
.rcvord-wrap-in textarea { margin-top: 10px; width: calc(100% - 12px); height: 58px; border: none; resize: none; border-radius: 3.5px; border: 1px solid var(--web-line, #ECECEC); background: #FFF; padding: 5px; }
.rcvord-wrap-in-rm { height: 87px;}

.rcvord-item-wrap { background: #fff; margin-top: 10px; }
.rcvord-wrap-in .g-input { background-color: #f8f7f7; } 
.rcvord-wrap-in .rcvord-txt { padding-top: 7px; position: absolute; right: 0; display: flex; justify-content: center; align-items: center; color: #3D3D3D; text-align: right; font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px; }

.rcvord-item-hd { position: relative; display: flex; align-items: center; }
.rcvord-item-hd p { display: flex; align-items: center; padding-left: 26px; height: 38px; color: #3D3D3D; font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px; }
.rcvord-item-hd img { position: absolute; right: 10px; width: 24px; height: 24px; }

.rcvord-item-dtl { display: none; }
.rcvord-item-dtl-show { display: block; height: 269px; }

/* 거래처조회 */
.search-in { height: 357px; border-radius: 20px; background: #FFF; } 
.search-inner { width: 90%; margin: 0 auto; }
.search-in .cmn-title { margin-top: 0px; padding-top: 44px; }

.list-box { width: 90%; margin: 0 auto; height: 139px; border-radius: 10px; margin-top: 10px; }
.search-wrap { padding-top: 10px; display: flex; align-items: center; width: 90%; margin: 0 auto; height: 38px; }

input[type="checkbox"]{ display: none; }
input[type="checkbox"] + label{ cursor: pointer; display: inline-block; width: 20px; height: 20px; background-color: #ECECEC; position: relative; border-radius: 4px; }
input[type="checkbox"] + label::after{ content:'✔'; font-size: 14px; width: 20px; height: 20px; text-align: center; position: absolute; left: 0; top:0; color: #fff; }
input[type="checkbox"]:checked + label::after{ border-radius: 4px; background-color: #96CA74; content:'✔'; font-size: 14px; width: 20px; height: 20px; text-align: center; position: absolute; left: 0; top:0; color: #fff; }

[type="radio"] { cursor: pointer; appearance: none; width: 20px; height: 20px; border: 2px solid #96CA74; border-radius: 50%; background-color: #fff; }
[type="radio"]:checked { box-shadow: 0 0 0 1px #96CA74; border: 4px solid #fff; background-color: #96CA74; }

/* 메인화면 */
.mobile-menu { padding-top: 0; height: 100vh; display: flex; justify-content: center; align-items: center; }
.menu-list { display: flex; justify-content: center; align-items: center; }
.menu-wrap { display: flex; justify-content: center; align-items: center; width: 132px; height: 132px; border-radius: 10px; background: #96CA74; }
.menu-inner { width: 100%; }
.menu-inner img { margin: 0 auto; margin-bottom: 12px; display: flex; width: 78px; height: 52px; }
.menu-inner p { width: 100%; text-align: center; color: #FFF; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px; }

/* 업무일지 */
.work-select { padding-left: 10px; margin-top: 10px; width: 163px; height: 25px; border-radius: 4.5px; color: #3D3D3D; font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px;}
.work-title-wrap { width: 90%; margin: 0 auto; }
.work-title-wrap .cmn-input { margin-top: 0px;}
.file-add-wrap { width: 90%; margin: 0 auto; margin-top: 19px; padding-bottom: 24px; }
.file-add-wrap button { display: flex; width: 115px; height: 40px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 3.5px; border: 2px solid #96CA74; background: #FFF; color: var(--main, #96CA74); text-align: center; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px; }

.filebox { position: relative; width: 90%; margin: 0 auto; margin-top: 19px; padding-bottom: 24px; display: flex; }
.filebox input[type="file"] { width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { height: 40px; display: flex; width: 115px; justify-content: center; align-items: center; gap: 10px; border-radius: 3.5px; background: #fff; color: #96CA74; border: 2px solid #96CA74; font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px; }
.filebox .upload-name { width: calc(70% - 10px); height: 46px; display: inline-block; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; border-radius: .25em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3.5px; border: 1px solid var(--line, #ECECEC); background: #FFF; color: #AFAFAF; font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px; }

.file-list-in { width: calc(100% - 123px); }
.file-list { margin-bottom: 4px; position: relative; margin-left: 8px; height: 22px; border-radius: 4px; background: var(--line, #EEE); }
.file-list .file-list-in { display: flex; align-items: center; }
.file-list .ico-file { width: 18px; height: 18px; margin-right: 5px; }
.file-list p { color: var(--placeholder, #A3A3A3); font-family: Inter; font-size: 11px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px; }
.file-list .ico-del { position: absolute; right: 4px; width: 14px; height: 14px; }

/* 수주진행현황 */
.rcvord-item-dtl-p { height: 306px; }
.g-date { width: 90%; margin: 0 auto; margin-top: 16px; color: var(--main, #96CA74); font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px; }
.rcvord-wrap-in-top { padding-top: 8px; }

.dedt-date-wrap { display: flex; justify-content: center; align-items: center; }
.dedt-date-wrap p { width: 10px; padding-right: 10px; }
.dedt-date-wrap input { width: 47%; }

/* padding */
.main-pad-0 { padding-top: 0px; }
.main-pad-36 { padding-top: 36px; }
.main-mg-56 { margin-top: 56px; }
.main-pad-11 { padding-top: 11px; }