@charset "UTF-8";

/* common */
section.contents-section div.contents h1 { margin: 2rem 0 0 0; font-size: 2.8rem; font-weight: var( --font-weight-bold ); }
section.contents-section div.contents div.contents-body { margin-top: 3rem; }
section.contents-section div.contents div.contents-body div.tabs { display: flex; border-bottom: 1px solid var( --color-of-soft-border ); }
section.contents-section div.contents div.contents-body div.tabs div.tab { display: flex; flex-direction: column; padding: 1rem 5rem; font-size: 1.8rem; font-weight: bold; border-bottom: 3px solid var( --color-of-white ); cursor: pointer; }
section.contents-section div.contents div.contents-body div.tabs div.tab:hover { border-color: var( --color-of-theme ); }
section.contents-section div.contents div.contents-body div.tabs div.tab.on { color: var( --color-of-theme ); border-color: var( --color-of-theme ); }
section.contents-section div.contents div.contents-body div.tab-content { padding: 3rem 0; display: none; border-bottom: 1px solid var( --color-of-default-border ); }
section.contents-section div.contents div.contents-body div.tab-content div.empty { padding: 9rem 0; width: 100%; font-size: 1.6rem; color: var( --color-of-light-gray ); }

section.contents-section div.contents section.search-section { position: relative; margin-top: 5rem; padding: 0 0 2rem 0; border-top: none; border-bottom: 1px solid var( --color-of-default-border ); }
section.contents-section div.contents section.search-section p.searchbox { position: relative; margin: 0 auto 5rem auto; }
section.contents-section div.contents section.search-section p.searchbox input#srchVal { padding: 2rem 8rem 2rem 2rem; width: 900px; height: 62px; font-size: 1.6rem; border: none; background: none; background-image: var( --theme-search-box-wide-url );  }
section.contents-section div.contents section.search-section p.searchbox button#search-icon { position: absolute; left: calc( 50% + 450px - 22px - 2rem); top: 50%; padding: 0; width: 22px; height: 24px; border: none; background: none; transform: translateY(-50%);
	background-image: var( --search-icon-url ); background-repeat: no-repeat; background-size: contain; z-index: 1; }
section.contents-section div.contents section.search-section > p.rslt { font-size: 1.6rem; text-align: left; }
section.contents-section div.contents section.search-section > p.rslt span { margin-left: 0.6rem; color: var( --color-of-theme ); }


/* 프로젝트 관리 */
section.contents-section div.contents div.contents-body div.project { position: relative; }
section.contents-section div.contents div.contents-body div.project > span.end-state { position: absolute; left: 0.6rem; top: 0.8rem; padding: 1rem 4rem; font-size: 1.6rem; background: var( --color-of-white ); border: 1px solid rgba( 222, 222, 222, 0.5 );
	pointer-events: none; border-radius: 0.8rem; color: var( --color-of-theme ); }
section.contents-section div.contents div.contents-body div.project > span.end-state.aboart { background: var( --color-of-notice-bg ); color: var( --color-of-notice ); }
section.contents-section div.contents div.contents-body div.project div.info { display: flex; padding: 3rem 1rem; border-bottom: 1px dashed var( --color-of-light-gray ); }
section.contents-section div.contents div.contents-body div.project div.info div.comp { display: flex; flex-direction: column; padding: 1.8rem; width: 220px; justify-content: center; border-radius: 1rem; cursor: pointer; }
section.contents-section div.contents div.contents-body div.project div.info div.comp img { display: block; margin: 0 auto; width: 120px; }
section.contents-section div.contents div.contents-body div.project div.info div.comp p { margin-top: 2rem; padding: 0 2rem; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
section.contents-section div.contents div.contents-body div.project div.info div.comp.undecided { height: 15rem; cursor: default; }
section.contents-section div.contents div.contents-body div.project div.info div.comp.undecided p { margin: 0; font-size: 1.8rem; color: var( --color-of-light-gray ); }
section.contents-section div.contents div.contents-body div.project div.info div.comp:not(.undecided):hover { background-color: var( --color-of-soft-theme ); }
section.contents-section div.contents div.contents-body div.project div.info div.prjt { display: flex; flex-direction: column; padding-left: 6rem; width: calc( 100% - 220px - 280px ); justify-content: center; }
section.contents-section div.contents div.contents-body div.project div.info div.prjt h3 { margin: 0; text-align: left; font-size: 1.8rem; }
section.contents-section div.contents div.contents-body div.project div.info div.prjt p { margin-top: 2rem; text-align: left; }
section.contents-section div.contents div.contents-body div.project div.info div.prjt p button { position: relative; margin-right: 1rem; padding: 0.6rem 2rem; background: #fff; border-color: var(--color-of-theme); color: var(--color-of-theme); border-radius: 0.6rem; }
section.contents-section div.contents div.contents-body div.project div.info div.prjt p button:disabled { border-color: var( --color-of-soft-border ); color: var( --color-of-disabled ); }
section.contents-section div.contents div.contents-body div.project div.info div.prjt p button i { position: absolute; top: 0.6rem; right: 0.6rem; width: 4px; height: 4px; vertical-align: top; border-radius: 4px; background-color: var(--color-of-notice); }
section.contents-section div.contents div.contents-body div.project div.info div.options { display: flex; flex-direction: column; width: 280px; justify-content: space-between; }
section.contents-section div.contents div.contents-body div.project div.info div.options div.mentor {}
section.contents-section div.contents div.contents-body div.project div.info div.options div.mentor p { padding: 0.6rem 1rem 0.6rem 0; text-align: right; font-size: 1.6rem; color: var( --color-of-gray ); }
section.contents-section div.contents div.contents-body div.project div.info div.options div.mentor p.ttl { color: var( --default-font-color ); }
section.contents-section div.contents div.contents-body div.project div.info div.options div.mentor p > span { position: relative; color: var( --color-of-theme ); cursor: pointer; }
section.contents-section div.contents div.contents-body div.project div.info div.options div.mentor p > span div.mentor-dorp-down { position: absolute; left: 0; bottom: 0; width: max-content; transform: translateY( calc( 100% + 0.4rem ) );
	background: var( --color-of-white ); border: 1px solid var( --color-of-soft-border ); border-radius: 0.6rem; z-index: 1; }
section.contents-section div.contents div.contents-body div.project div.info div.options div.mentor p > span div.mentor-dorp-down p { margin: 0 0.6rem; padding: 0.4rem 2.6rem; text-align: center; font-size: 1.4rem; color: var( --color-of-gray ); cursor: pointer; }
section.contents-section div.contents div.contents-body div.project div.info div.options div.mentor p > span div.mentor-dorp-down p.mentor-info { border-bottom: 1px solid var( --color-of-soft-border ); }
section.contents-section div.contents div.contents-body div.project div.info div.options div.mentor p > span div.mentor-dorp-down p:hover { color: var( --color-of-theme ); }
section.contents-section div.contents div.contents-body div.project div.info div.options div.mentor p i { display: inline-block; margin-left: 0.8rem; width: 1.6rem; height: 1.6rem; vertical-align: middle;
	background-image: var( --icon-talk-url ); background-repeat: no-repeat; background-size: cover; cursor: pointer; }
section.contents-section div.contents div.contents-body div.project div.info div.options div.mentor p a { margin-left: 2rem; text-decoration: underline; color: var( --color-of-theme ); }
section.contents-section div.contents div.contents-body div.project div.info div.options p.prjt-aboart { padding-right: 1rem; margin-top: 2rem; text-align: right; }
section.contents-section div.contents div.contents-body div.project div.info div.options p.prjt-aboart.ready-aboart { color: var( --color-of-notice ); }
section.contents-section div.contents div.contents-body div.project div.info div.options p.prjt-aboart button { padding: 0.4rem 0.2rem; font-size: 1.6rem; border: none; background: none; border-radius: 0; border-bottom: 1px solid var( --color-of-light-gray ); color: var( --color-of-light-gray ); }
section.contents-section div.contents div.contents-body div.project div.info div.options p.prjt-aboart button.checkPrjtStopReq { border-color: var( --color-of-notice ); color: var( --color-of-notice ); }
section.contents-section div.contents div.contents-body div.project div.status { display: flex; padding: 3rem 1rem; align-items: center; justify-content: space-around; }
section.contents-section div.contents div.contents-body div.project:not(:last-child) div.status { border-bottom: 1px solid var( --color-of-light-gray ); }
section.contents-section div.contents div.contents-body div.project div.status div.step { display: flex; flex-direction: column; width: 140px; height: 140px; align-items: center; justify-content: center; border-radius: 140px; background-color: var( --color-of-bg ); }
section.contents-section div.contents div.contents-body div.project div.status div.step p { margin: 0.8rem 0; }
section.contents-section div.contents div.contents-body div.project div.status div.step p.ttl { font-size: 1.4rem; color: var( --color-of-light-gray ); }
section.contents-section div.contents div.contents-body div.project div.status div.step p.nm { font-size: 1.8rem; }
section.contents-section div.contents div.contents-body div.project div.status div.step p a { font-size: 1.6rem; color: var( --color-of-theme ); text-decoration: underline; }
section.contents-section div.contents div.contents-body div.project div.status div.arrow { width: 10px; height: 13px; background-image: var( --step-arrow-url ); background-repeat: no-repeat; }
section.contents-section div.contents div.contents-body div.project div.status div.step.on { background-color: var( --color-of-theme ); }
section.contents-section div.contents div.contents-body div.project div.status div.step.on p { color: var( --color-of-white ); }
section.contents-section div.contents div.contents-body div.project div.status div.step.on p a { color: var( --color-of-cyan ); }
section.contents-section div.contents div.contents-body div.project div.status div.step.passed { background-color: var( --color-of-bg ); opacity: 0.8; }
section.contents-section div.contents div.contents-body div.project div.status div.step.passed * { color: var( --color-of-disabled ) !important; }
section.contents-section div.contents div.contents-body div.project div.status div.step.passed p.nm { text-decoration: line-through; }


/* 회의 관리 */
section.contents-section div.contents div.meeting-contents-body div.tabs { display: flex; border-bottom: 1px solid var( --color-of-soft-border ); }
section.contents-section div.contents div.meeting-contents-body div.tabs div.tab { display: flex; flex-direction: column; padding: 1rem 5rem; font-size: 1.8rem; font-weight: bold; border-bottom: 3px solid var( --color-of-white ); cursor: pointer; }
section.contents-section div.contents div.meeting-contents-body div.tabs div.tab:hover { border-color: var( --color-of-theme ); }
section.contents-section div.contents div.meeting-contents-body div.tabs div.tab.on { color: var( --color-of-theme ); border-color: var( --color-of-theme ); }
section.contents-section div.contents div.meeting-contents-body div.tab-content { display: none; border: none; display: none; }
section.contents-section div.contents div.meeting-contents-body div.tab-content div.empty { padding: 9rem 0; width: 100%; font-size: 1.6rem; color: var( --color-of-light-gray ); }
section.contents-section div.contents div.meeting-contents-body table.meeting-table {}
section.contents-section div.contents div.meeting-contents-body table.meeting-table thead tr th { padding: 2rem 0; font-size: 1.8rem; border-top: 2px solid var( --color-of-soft-border ); border-bottom: 2px solid var( --color-of-soft-border ); }
section.contents-section div.contents div.meeting-contents-body table.meeting-table thead tr th input[type="text"] { padding: 0.6rem 1rem; width: 100%; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
section.contents-section div.contents div.meeting-contents-body table.meeting-table tbody tr td { padding: 1.8rem 1rem; font-size: 1.6rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
section.contents-section div.contents div.meeting-contents-body table.meeting-table tbody tr td.tm { font-size: 1.4rem; }
section.contents-section div.contents div.meeting-contents-body table.meeting-table tbody tr td.meet-cnvt-tm { color: var( --color-of-theme ); }
section.contents-section div.contents div.meeting-contents-body table.meeting-table tbody tr td button { background-color: var( --color-of-white ); border-color: var( --color-of-theme ); color: var( --color-of-theme ); }
section.contents-section div.contents div.meeting-contents-body table.meeting-table tbody tr td button:disabled { border: none; background: none; color: var( --color-of-light-gray ); }
section.contents-section div.contents div.meeting-contents-body table.meeting-table tbody tr td button.chgReq { border-color: var( --color-of-notice ); color: var( --color-of-notice ); }
section.contents-section div.contents div.meeting-contents-body table.meeting-table tbody tr.empty td { padding: 9rem 0; font-size: 1.6rem; color: var( --color-of-light-gray ); }
section.contents-section div.contents div.meeting-contents-body table.meeting-table tbody tr.rejected td { background-color: var( --color-of-super-light-gray ); color: var( --color-of-light-gray ); }
section.contents-section div.contents div.meeting-contents-body table.meeting-table tbody tr.fin td { background-color: var( --color-of-super-light-gray ); color: var( --color-of-light-gray ); }


/* 기업정보 popup */
div#comp-simple-info div.content { padding: 2rem 2rem 3rem 2rem; width: 60rem; }
div#comp-simple-info div.content > div.head p { margin-top: 4rem; font-size: 2.2rem; text-align: left; }
div#comp-simple-info div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#comp-simple-info div.content > div.body { padding: 3rem 0 1rem 0; }
div#comp-simple-info div.content > div.body section:not(:first-child) { margin-top: 3rem; }
div#comp-simple-info div.content > div.body section p { text-align: left; font-size: 1.8rem; }
div#comp-simple-info div.content > div.body section table { margin-top: 1rem; border-top: 1px solid var( --color-of-default-border ); border-bottom: 1px solid var( --color-of-default-border ); }
div#comp-simple-info div.content > div.body section table tr th { padding: 1rem; line-height: 2.2rem; text-align: left; font-size: 1.6rem; background-color: var( --color-of-bg ); }
div#comp-simple-info div.content > div.body section table tr:first-child th { padding-top: 2rem; }
div#comp-simple-info div.content > div.body section table tr:last-child th { padding-bottom: 2rem; }
div#comp-simple-info div.content > div.body section table tr td { position: relative; line-height: 2.2rem; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }

/* 멘토정보 popup */
div#mentor-info div.content { padding: 2rem 2rem 3rem 2rem; width: 60rem; }
div#mentor-info div.content > div.head p { margin-top: 4rem; font-size: 2.2rem; text-align: left; }
div#mentor-info div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#mentor-info div.content > div.body { padding: 3rem 0 1rem 0; }
div#mentor-info div.content > div.body section:not(:first-child) { margin-top: 3rem; }
div#mentor-info div.content > div.body section p { text-align: left; font-size: 1.8rem; }
div#mentor-info div.content > div.body section table { margin-top: 1rem; border-top: 1px solid var( --color-of-default-border ); border-bottom: 1px solid var( --color-of-default-border ); }
div#mentor-info div.content > div.body section table tr th { padding: 1rem; line-height: 2.2rem; text-align: left; font-size: 1.6rem; background-color: var( --color-of-bg ); }
div#mentor-info div.content > div.body section table tr:first-child th { padding-top: 2rem; }
div#mentor-info div.content > div.body section table tr:first-child td { padding-top: 2rem; }
div#mentor-info div.content > div.body section table tr:last-child th { padding-bottom: 2rem; }
div#mentor-info div.content > div.body section table tr:last-child td { padding-bottom: 2rem; }
div#mentor-info div.content > div.body section table tr td { position: relative; line-height: 2.2rem; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }

/* 멘토에 문의하기 popup */
div#inquirey-to-mentor-popup div.content { padding: 2rem; }
div#inquirey-to-mentor-popup div.content > div.head p { margin-top: 4rem; font-size: 2.2rem; }
div#inquirey-to-mentor-popup div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#inquirey-to-mentor-popup div.content > div.body { padding: 2.5rem 0; }
div#inquirey-to-mentor-popup div.content > div.body p.dscr { font-size: 1.8rem; color: var( --color-of-gray ); }
div#inquirey-to-mentor-popup div.content > div.body p.dscr span { margin-right: 0.4rem; color: var( --color-of-theme ); }
div#inquirey-to-mentor-popup div.content > div.body div.input { margin-top: 3rem; padding: 2.5rem 0; border-top: 1px solid var( --color-of-soft-border ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#inquirey-to-mentor-popup div.content > div.body table tr th { font-weight: var( --font-weight-normal ); text-align: left; font-size: 1.6rem; }
div#inquirey-to-mentor-popup div.content > div.body table tr th span.required { color: var( --color-of-notice ); }
div#inquirey-to-mentor-popup div.content > div.body table tr td { position: relative; text-align: left; }
div#inquirey-to-mentor-popup div.content > div.body table tr td input[type="text"] { padding: 1.4rem; width: 100%; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#inquirey-to-mentor-popup div.content > div.body table tr td textarea { padding: 1.4rem; width: 100%; height: 12rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#inquirey-to-mentor-popup div.content > div.body table tr td span.lim { position: absolute; right: 1.6rem; bottom: 1.2rem; font-size: 1.4rem; color: var( --color-of-light-gray ); }
div#inquirey-to-mentor-popup div.content > div.footer { margin-top: 0; }

/* 회의 요청하기 popup */
div#request-meeting-content-popup div.content { padding: 2rem; }
div#request-meeting-content-popup div.content > div.head p { margin-top: 4rem; font-size: 2.2rem; }
div#request-meeting-content-popup div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#request-meeting-content-popup div.content > div.body { padding: 2.5rem 0; }
div#request-meeting-content-popup div.content > div.body p.dscr { margin-bottom: 3rem; font-size: 1.8rem; color: var( --color-of-gray ); }
div#request-meeting-content-popup div.content > div.body p.dscr span { margin-right: 0.4rem; color: var( --color-of-theme ); }
div#request-meeting-content-popup div.content > div.body div#input { padding: 2.5rem 0; max-height: 48rem; border-top: 1px solid var( --color-of-soft-border ) !important; border-bottom: 1px solid var( --color-of-soft-border ) !important; }
div#request-meeting-content-popup div.content > div.body table tr th { font-weight: var( --font-weight-normal ); text-align: left; font-size: 1.6rem; }
div#request-meeting-content-popup div.content > div.body table tr th span.required { color: var( --color-of-notice ); }
div#request-meeting-content-popup div.content > div.body table tr td { position: relative; font-size: 1.6rem; text-align: left; color: var( --color-of-gray ); }
div#request-meeting-content-popup div.content > div.body table tr td input[type="text"] { padding: 1.4rem; width: 100%; font-size: 1.4rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#request-meeting-content-popup div.content > div.body table tr td input[type="text"].datepicker { padding-right: 4rem; width: 15rem; cursor: pointer;
	background-image: var( --icon-calendar-url ); background-repeat: no-repeat; background-position: center right 1rem; }
div#request-meeting-content-popup div.content > div.body table tr td select { padding: 1.4rem; font-size: 1.4rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#request-meeting-content-popup div.content > div.body table tr td button.add-meet-date { margin-left: 0.6rem; padding: 0; width: 3rem; height: 3rem; vertical-align: middle; border: 1px solid var( --color-of-theme ); border-radius: 3rem; background-color: var( --color-of-white );
	background-image: var( --icon-add-url ); background-repeat: no-repeat; background-position: center; }
div#request-meeting-content-popup div.content > div.body table tr td button.add-meet-date:disabled { opacity: 0.4; }
div#request-meeting-content-popup div.content > div.body table tr td button.meet-date { margin: 0.6rem 1rem 0 0; padding-right: 3rem; border-radius: 2rem; color: var( --color-of-gray );
	background-image: var( --thin-gray-close-url ); background-repeat: no-repeat; background-position: center right 1rem; }
div#request-meeting-content-popup div.content > div.body table tr td textarea { padding: 1.4rem; width: 100%; height: 18rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#request-meeting-content-popup div.content > div.footer { margin-top: 0; }
div#request-meeting-content-popup div.content > div.footer button { font-size: 1.6rem; }

/* 회의 요청서 확인 popup */
div#view-meeting-content-popup div.content { padding: 2rem; }
div#view-meeting-content-popup div.content > div.head p { margin-top: 2rem; font-size: 2.2rem; }
div#view-meeting-content-popup div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#view-meeting-content-popup div.content > div.body { padding: 2.5rem 0; }
div#view-meeting-content-popup div.content > div.body > div.scrollbar-macosx { padding: 0 1.4rem; max-height: 60rem; }
div#view-meeting-content-popup div.content > div.body p.dscr { margin-bottom: 3rem; font-size: 1.8rem; color: var( --color-of-gray ); }
div#view-meeting-content-popup div.content > div.body p.dscr span { margin-right: 0.4rem; color: var( --color-of-theme ); }
div#view-meeting-content-popup div.content > div.body div#input { padding: 2rem 0; border-top: 1px solid var( --color-of-soft-border ) !important; border-bottom: 1px solid var( --color-of-soft-border ) !important; }
div#view-meeting-content-popup div.content > div.body table tr th { vertical-align: top; font-weight: var( --font-weight-normal ); text-align: left; font-size: 1.6rem; }
div#view-meeting-content-popup div.content > div.body table tr th span.required { color: var( --color-of-notice ); }
div#view-meeting-content-popup div.content > div.body table tr td { position: relative; line-height: 2.2rem; font-size: 1.6rem; text-align: left; color: var( --color-of-gray ); }
div#view-meeting-content-popup div.content > div.body table tr td input[type="text"] { padding: 1.4rem; width: 100%; font-size: 1.4rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#view-meeting-content-popup div.content > div.body table tr td input[type="text"].datepicker { padding-right: 4rem; width: 15rem; cursor: pointer;
	background-image: var( --icon-calendar-url ); background-repeat: no-repeat; background-position: center right 1rem; }
div#view-meeting-content-popup div.content > div.body table tr td select { padding: 1.4rem; font-size: 1.4rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#view-meeting-content-popup div.content > div.body table tr td button.add-meet-date { margin-left: 0.6rem; padding: 0; width: 3rem; height: 3rem; vertical-align: middle; border: 1px solid var( --color-of-theme ); border-radius: 3rem; background-color: var( --color-of-white );
	background-image: var( --icon-add-url ); background-repeat: no-repeat; background-position: center; }
div#view-meeting-content-popup div.content > div.body table tr td p { text-align: left; }
div#view-meeting-content-popup div.content > div.body table tr td p.warn { margin-top: 1rem; padding: 0 0 0 3rem; font-size: 1.4rem; text-align: left; color: var(--color-of-notice);
    background-image: var(--warnning-icon-url); background-repeat: no-repeat; background-size: 2rem; background-position: top 0.2rem left 0.4rem; }
div#view-meeting-content-popup div.content > div.body table tr td p input[type="radio"] { margin: 0 0 0.4rem 0; width: 1.8rem; height: 1.8rem; vertical-align: middle; cursor: pointer; }
div#view-meeting-content-popup div.content > div.body table tr td p input + label { padding-left: 0.6rem; line-height: 3rem; font-size: 1.4rem; cursor: pointer; }
div#view-meeting-content-popup div.content > div.body table tr td p label.cnvt-tm { display: none; line-height: 3rem; font-size: 1.4rem; color: var( --color-of-theme ); cursor: pointer; }
div#view-meeting-content-popup div.content > div.body table tr td p button.change { border-color: var( --color-of-notice ); background-color: var( --color-of-notice-bg ); color: var( --color-of-notice ); }
div#view-meeting-content-popup div.content > div.body table tr td div.reqDscr { text-align: left; overflow-wrap: break-word; }
div#view-meeting-content-popup div.content > div.footer { margin-top: 0; }
div#view-meeting-content-popup div.content > div.footer button { font-size: 1.6rem; }

/* 회의 요청 변경 popup */
div#change-meeting-content-popup div.content { padding: 2rem; }
div#change-meeting-content-popup div.content > div.head p { margin-top: 2rem; font-size: 2.2rem; }
div#change-meeting-content-popup div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#change-meeting-content-popup div.content > div.body { padding: 2.5rem 0; }
div#change-meeting-content-popup div.content > div.body > div.scrollbar-macosx { padding: 0 1.4rem; max-height: 60rem; }
div#change-meeting-content-popup div.content > div.body p.dscr { margin-bottom: 3rem; font-size: 1.8rem; color: var( --color-of-gray ); }
div#change-meeting-content-popup div.content > div.body p.dscr span { margin-right: 0.4rem; color: var( --color-of-theme ); }
div#change-meeting-content-popup div.content > div.body div#input { padding: 2rem 0; border-top: 1px solid var( --color-of-soft-border ) !important; border-bottom: 1px solid var( --color-of-soft-border ) !important; }
div#change-meeting-content-popup div.content > div.body table tr th { vertical-align: top; font-weight: var( --font-weight-normal ); text-align: left; font-size: 1.6rem; }
div#change-meeting-content-popup div.content > div.body table tr th span.required { color: var( --color-of-notice ); }
div#change-meeting-content-popup div.content > div.body table tr td { position: relative; font-size: 1.6rem; text-align: left; color: var( --color-of-gray ); }
div#change-meeting-content-popup div.content > div.body table tr td input[type="text"] { padding: 1.4rem; width: 100%; font-size: 1.4rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#change-meeting-content-popup div.content > div.body table tr td input[type="text"].datepicker { padding-right: 4rem; width: 15rem; cursor: pointer;
	background-image: var( --icon-calendar-url ); background-repeat: no-repeat; background-position: center right 1rem; }
div#change-meeting-content-popup div.content > div.body table tr td select { padding: 1.4rem; font-size: 1.4rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#change-meeting-content-popup div.content > div.body table tr td button.add-meet-date { margin-left: 0.6rem; padding: 0; width: 3rem; height: 3rem; vertical-align: middle; border: 1px solid var( --color-of-theme ); border-radius: 3rem; background-color: var( --color-of-white );
	background-image: var( --icon-add-url ); background-repeat: no-repeat; background-position: center; }
div#change-meeting-content-popup div.content > div.body table tr td button.add-meet-date:disabled { opacity: 0.4; }
div#change-meeting-content-popup div.content > div.body table tr td button.meet-date { margin: 0.6rem 1rem 0 0; padding-right: 3rem; border-radius: 2rem; color: var( --color-of-gray );
	background-image: var( --thin-gray-close-url ); background-repeat: no-repeat; background-position: center right 1rem; }
div#change-meeting-content-popup div.content > div.body table tr td p { text-align: left; }
div#change-meeting-content-popup div.content > div.body table tr td p input[type="radio"] { margin: 0 0 0.4rem 0; width: 1.8rem; height: 1.8rem; vertical-align: middle; cursor: pointer; }
div#change-meeting-content-popup div.content > div.body table tr td p input + label { padding-left: 0.6rem; line-height: 3rem; font-size: 1.4rem; cursor: pointer; }
div#change-meeting-content-popup div.content > div.body table tr td p label.cnvt-tm { display: none; line-height: 3rem; font-size: 1.4rem; color: var( --color-of-theme ); cursor: pointer; }
div#change-meeting-content-popup div.content > div.body table tr td p button.change { border-color: var( --color-of-notice ); background-color: var( --color-of-notice-bg ); color: var( --color-of-notice ); }
div#change-meeting-content-popup div.content > div.footer { margin-top: 0; }
div#change-meeting-content-popup div.content > div.footer button { font-size: 1.6rem; }

/* 견적 요청서 popup */
div#estm-req-info div.content { padding: 2rem 2rem 3rem 2rem; width: 60rem; }
div#estm-req-info div.content > div.head p { margin-top: 3rem; font-size: 2.2rem; text-align: left; }
div#estm-req-info div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#estm-req-info div.content > div.body { padding: 0 0 1rem 0; }
div#estm-req-info div.content > div.body > div.scrollbar-macosx { max-height: 60rem; }
div#estm-req-info div.content > div.body section:not(:first-child) { margin-top: 3rem; }
div#estm-req-info div.content > div.body section p { text-align: left; font-size: 1.8rem; }
div#estm-req-info div.content > div.body section table { margin-top: 1rem; border-top: 1px solid var( --color-of-default-border ); border-bottom: 1px solid var( --color-of-default-border ); }
div#estm-req-info div.content > div.body section table tr th { padding: 1rem; line-height: 2.2rem; text-align: left; font-size: 1.6rem; background-color: var( --color-of-bg ); vertical-align: top; }
div#estm-req-info div.content > div.body section table tr#tr-denyResn th { color: var( --color-of-notice ); }
div#estm-req-info div.content > div.body section table tr td { position: relative; line-height: 2.2rem; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }
div#estm-req-info div.content > div.body section table tr td textarea { padding: 1.4rem; width: 100%; height: 12rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#estm-req-info div.content > div.body section table tr td button.download { display: block; margin: 1rem 0 0.4rem 0; padding: 0 0.4rem 0.4rem 2.8rem; width: fit-content; max-width: 420px; font-size: 1.4rem; border: none; border-radius: 0; background: none; color: var( --color-of-theme );
	background-image: var( --clip-icon-url ); background-repeat: no-repeat; background-position: center left 0.4rem; border-bottom: 1px solid var( --color-of-theme);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#estm-req-info div.content > div.footer button { display: none; padding: 1.4rem 2.4em; }
div#estm-req-info div.content > div.footer button:disabled { background-color: var( --color-of-disabled ); }

/* 견적서 리스트 popup */
div#rcv-estm-req-list div.content { padding: 2rem 2rem 3rem 2rem; width: 60rem; }
div#rcv-estm-req-list div.content > div.head p { margin: 2rem 0 1rem 0; font-size: 2.2rem; text-align: left; }
div#rcv-estm-req-list div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#rcv-estm-req-list div.content > div.body { padding: 0 0 1rem 0; }
div#rcv-estm-req-list div.content > div.body > div.scrollbar-macosx { max-height: 40rem; }
div#rcv-estm-req-list div.content > div.body table { border-top: 1px solid var( --color-of-accent-border ); border-bottom: 1px solid var( --color-of-accent-border ); }
div#rcv-estm-req-list div.content > div.body table tr th { padding: 1rem; line-height: 2.2rem; font-size: 1.6rem; border-bottom: 1px solid var( --color-of-soft-border ); background-color: var( --color-of-bg ); }
div#rcv-estm-req-list div.content > div.body table tr td { padding: 1rem; line-height: 2.2rem; text-align: center; font-size: 1.6rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#rcv-estm-req-list div.content > div.body table tr td a { font-size: 1.4rem; color: var( --color-of-theme ); }
div#rcv-estm-req-list div.content > div.body table tr:last-child td { border-bottom: none; }

/* 견적서 작성 popup */
div#write-estm div.content { padding: 2rem 2rem 3rem 2rem; }
div#write-estm div.content > div.head p { margin-top: 3rem; font-size: 2.2rem; }
div#write-estm div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#write-estm div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#write-estm div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#write-estm div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#write-estm div.content > div.body { margin-top: 2rem; padding: 2rem 0; border-top: 1px solid var( --color-of-soft-border ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#write-estm div.content > div.body > p { padding: 1rem 0; font-size: 1.6rem; text-align: left; }
div#write-estm div.content > div.body > p.item { font-weight: var( --font-weight-normal ); color: var( --color-of-gray ); }
div#write-estm div.content > div.body > p.item > strong { display: inline-block; margin-right: 2rem; width: 25%; color: var( --default-font-color ); }
div#write-estm div.content > div.body > p.title:not(:first-child) { margin-top: 2.5rem; }
div#write-estm div.content > div.body > p span.required { margin-left: 0.2rem; color: red; }
div#write-estm div.content > div.body > p span.available { float: right; font-size: 1.4rem; color: var( --color-of-light-gray ); }
div#write-estm div.content > div.body > p > select { padding: 1rem; border: 1px solid var(--color-of-default-border); border-radius: 0.8rem; color: var(--color-of-gray); }
div#write-estm div.content > div.body > p > input[type="text"] { padding: 1.2rem; width: 35%; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; }
div#write-estm div.content > div.body > p > input[type="text"].datepicker { padding-right: 4rem; width: 15rem; cursor: pointer; background-image: var(--icon-calendar-url); background-repeat: no-repeat; background-position: center right 1rem; }
div#write-estm div.content > div.body > p > input[type="text"].datepicker:disabled { background-color: var( --color-of-super-light-gray ); opacity: 0.6; color: var( --color-of-gray ); }
div#write-estm div.content > div.body > p > textarea { padding: 1.4rem; width: 70%; height: 8rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#write-estm div.content > div.body > p.warn { margin-top: 2rem; padding: 0 0 0 3rem; font-size: 1.4rem; text-align: left; color: var(--color-of-notice);
    background-image: var(--warnning-icon-url); background-repeat: no-repeat; background-size: 2rem; background-position: top 0.2rem left 0.4rem; }
div#write-estm div.content > div.body > div#file-drop { margin: 0.6rem 0; padding: 2.5rem 0; border: 1px dashed var( --color-of-soft-border ); border-radius: 0.8rem; background-color: var( --color-of-drop-down-bg ); }
div#write-estm div.content > div.body > div#file-drop.file-hover { border-color: var( --color-of-theme ); }
div#write-estm div.content > div.body > div#file-drop i { display: block; margin: 0 auto 1rem auto; width: 35px; height: 46px; background-image: var( --file-icon-url ); background-repeat: no-repeat; background-size: contain; }
div#write-estm div.content > div.body > div#file-drop p { font-size: 1.4rem; color: var( --color-of-gray ); }
div#write-estm div.content > div.body > div#file-drop img { display: none; object-fit: cover; }
div#write-estm div.content > div.body > div#file-drop.release { border: none; background: none; }
div#write-estm div.content > div.body > div#file-drop.release img { display: block; margin: 0 auto; width: 280px; border: 1px solid var( --color-of-default-border ); border-radius: 1rem; }
div#write-estm div.content > div.body > div#file-drop.release img.horizon { height: 160px; }
div#write-estm div.content > div.body > div#file-drop.release img.vertical { height: 380px; }
div#write-estm div.content > div.body > p.direct { text-align: right; }
div#write-estm div.content > div.body > p.direct button.upload-file-btn { padding: 0; border: none; background: none; color: var( --color-of-theme ); text-decoration: underline; }
div#write-estm div.content > div.body > div#file-drop > * { pointer-events: none; }
div#write-estm div.content > div.body > div#file-drop input[type="file"] { display: none; }
div#write-estm div.content > div.body > div#attched-file { display: none; margin-bottom: 2rem; padding: 0 0.5rem 0.2rem 2.6rem; width: max-content; font-size: 1.3rem; color: var(--color-of-theme); border-bottom: 1px solid var(--color-of-theme);
    background-image: var(--clip-icon-url); background-repeat: no-repeat; background-size: 1.6rem; background-position: center left 0.4rem; cursor: default; }
div#write-estm div.content > div.footer { margin-top: 3rem; }

/* 견적서 수정 popup */
div#update-estm div.content { padding: 2rem 2rem 3rem 2rem; }
div#update-estm div.content > div.head p { margin-top: 3rem; font-size: 2.2rem; }
div#update-estm div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#update-estm div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#update-estm div.content > div.body { margin-top: 2rem; padding: 2rem 0; border-top: 1px solid var( --color-of-soft-border ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#update-estm div.content > div.body > p { padding: 1rem 0; font-size: 1.6rem; text-align: left; }
div#update-estm div.content > div.body > p.item { font-weight: var( --font-weight-normal ); color: var( --color-of-gray ); }
div#update-estm div.content > div.body > p.item > strong { display: inline-block; margin-right: 2rem; width: 25%; color: var( --default-font-color ); }
div#update-estm div.content > div.body > p.title:not(:first-child) { margin-top: 2.5rem; }
div#update-estm div.content > div.body > p span.required { margin-left: 0.2rem; color: red; }
div#update-estm div.content > div.body > p span.available { float: right; font-size: 1.4rem; color: var( --color-of-light-gray ); }
div#update-estm div.content > div.body > p > select { padding: 1rem; border: 1px solid var(--color-of-default-border); border-radius: 0.8rem; color: var(--color-of-gray); }
div#update-estm div.content > div.body > p > input[type="text"] { padding: 1.2rem; width: 35%; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#update-estm div.content > div.body > p > input[type="text"].datepicker { padding-right: 4rem; width: 15rem; cursor: pointer; background-image: var(--icon-calendar-url); background-repeat: no-repeat; background-position: center right 1rem; }
div#update-estm div.content > div.body > p > input[type="text"].datepicker:disabled { background-color: var( --color-of-super-light-gray ); opacity: 0.6; }
div#update-estm div.content > div.body > p > textarea { padding: 1.4rem; width: 70%; height: 8rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#update-estm div.content > div.body > p.warn { margin-top: 2rem; padding: 0 0 0 3rem; font-size: 1.4rem; text-align: left; color: var(--color-of-notice);
    background-image: var(--warnning-icon-url); background-repeat: no-repeat; background-size: 2rem; background-position: top 0.2rem left 0.4rem; }
div#update-estm div.content > div.body > div#file-drop { margin: 0.6rem 0; padding: 2.5rem 0; border: 1px dashed var( --color-of-soft-border ); border-radius: 0.8rem; background-color: var( --color-of-drop-down-bg ); }
div#update-estm div.content > div.body > div#file-drop.file-hover { border-color: var( --color-of-theme ); }
div#update-estm div.content > div.body > div#file-drop i { display: block; margin: 0 auto 1rem auto; width: 35px; height: 46px; background-image: var( --file-icon-url ); background-repeat: no-repeat; background-size: contain; }
div#update-estm div.content > div.body > div#file-drop p { font-size: 1.4rem; color: var( --color-of-gray ); }
div#update-estm div.content > div.body > div#file-drop img { display: none; object-fit: cover; }
div#update-estm div.content > div.body > div#file-drop.release { border: none; background: none; }
div#update-estm div.content > div.body > div#file-drop.release img { display: block; margin: 0 auto; width: 280px; border: 1px solid var( --color-of-default-border ); border-radius: 1rem; }
div#update-estm div.content > div.body > div#file-drop.release img.horizon { height: 160px; }
div#update-estm div.content > div.body > div#file-drop.release img.vertical { height: 380px; }
div#update-estm div.content > div.body > p.direct { text-align: right; }
div#update-estm div.content > div.body > p.direct button.upload-file-btn { padding: 0; border: none; background: none; color: var( --color-of-theme ); text-decoration: underline; }
div#update-estm div.content > div.body > div#file-drop > * { pointer-events: none; }
div#update-estm div.content > div.body > div#file-drop input[type="file"] { display: none; }
div#update-estm div.content > div.body > div#attched-file { display: none; margin-bottom: 2rem; padding: 0 0.5rem 0.2rem 2.6rem; width: max-content; font-size: 1.3rem; color: var(--color-of-theme); border-bottom: 1px solid var(--color-of-theme);
    background-image: var(--clip-icon-url); background-repeat: no-repeat; background-size: 1.6rem; background-position: center left 0.4rem; cursor: default; }
div#update-estm div.content > div.body > div#attched-file button { padding: 0; background: none; border: none; color: var(--color-of-theme); }
div#update-estm div.content > div.footer { margin-top: 3rem; }

/* 견적서 보기 popup */
div#estm-sheet-info div.content { padding: 2rem 2rem 3rem 2rem; }
div#estm-sheet-info div.content > div.head p { margin-top: 2rem; font-size: 2.2rem; }
div#estm-sheet-info div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#estm-sheet-info div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#estm-sheet-info div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#estm-sheet-info div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#estm-sheet-info div.content > div.body { padding: 0 0 1rem 0; }
div#estm-sheet-info div.content > div.body > div.scrollbar-macosx { max-height: 60rem; }
div#estm-sheet-info div.content > div.body section:not(:first-child) { margin-top: 3rem; }
div#estm-sheet-info div.content > div.body section table { margin-top: 1rem; border-top: 1px solid var( --color-of-default-border ); border-bottom: 1px solid var( --color-of-default-border ); }
div#estm-sheet-info div.content > div.body section table tr th { padding: 1rem; line-height: 2.2rem; text-align: left; font-size: 1.6rem; background-color: var( --color-of-bg ); vertical-align: top; }
div#estm-sheet-info div.content > div.body section table tr#tr-denyResn th { color: var( --color-of-notice ); }
div#estm-sheet-info div.content > div.body section table tr td { position: relative; line-height: 2.2rem; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }
div#estm-sheet-info div.content > div.body section table tr td textarea { padding: 1.4rem; width: 100%; height: 12rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#estm-sheet-info div.content > div.body section table tr td button.download { display: block; margin: 1rem 0 0.4rem 0; padding: 0 0.4rem 0.4rem 2.8rem; width: fit-content; max-width: 420px; font-size: 1.4rem; border: none; border-radius: 0; background: none; color: var( --color-of-theme );
	background-image: var( --clip-icon-url ); background-repeat: no-repeat; background-position: center left 0.4rem; border-bottom: 1px solid var( --color-of-theme);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#estm-sheet-info div.content > div.body p.warn { margin-top: 2rem; padding: 0 0 0 3rem; font-size: 1.4rem; text-align: left; color: var(--color-of-notice);
    background-image: var(--warnning-icon-url); background-repeat: no-repeat; background-size: 2rem; background-position: top 0.2rem left 0.4rem; }
div#estm-sheet-info div.content > div.footer button { display: none; padding: 1.4rem 2.4em; }
div#estm-sheet-info div.content > div.footer button:disabled { background-color: var( --color-of-disabled ); }

/* 발주서 작성 popup */
div#write-order div.content { padding: 2rem 2rem 3rem 2rem; }
div#write-order div.content > div.head p { margin-top: 3rem; font-size: 2.2rem; }
div#write-order div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#write-order div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#write-order div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#write-order div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#write-order div.content > div.body { margin-top: 2rem; padding: 1rem 0; border-top: 1px solid var( --color-of-soft-border ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#write-order div.content > div.body > div.scrollbar-macosx { padding: 0 1.4rem; max-height: 60rem; }
div#write-order div.content > div.body p { padding: 1rem 0; font-size: 1.6rem; text-align: left; }
div#write-order div.content > div.body p.item { font-weight: var( --font-weight-normal ); color: var( --color-of-gray ); }
div#write-order div.content > div.body p.item > strong { display: inline-block; margin-right: 2rem; width: 25%; color: var( --default-font-color ); }
div#write-order div.content > div.body p.item > strong.single { width: 80%; color: var( --default-font-color ); }
div#write-order div.content > div.body p.item > strong.sub-item { text-indent: 1.2rem; }
div#write-order div.content > div.body p.item > strong input[type="checkbox"] { margin: 0 0 0.4rem 0; width: 1.8rem; height: 1.8rem; vertical-align: middle; cursor: pointer; }
div#write-order div.content > div.body p.item > strong input + label { padding-left: 0.6rem; line-height: 3rem; font-size: 1.4rem; cursor: pointer; }
div#write-order div.content > div.body p.item.sub { padding-top: 0; }
div#write-order div.content > div.body p.title:not(:first-child) { margin-top: 2.5rem; }
div#write-order div.content > div.body p span.required { margin-left: 0.2rem; color: red; }
div#write-order div.content > div.body p span.available { float: right; font-size: 1.4rem; color: var( --color-of-light-gray ); }
div#write-order div.content > div.body p.sub-dscr { padding-top: 0; transform: translateY( -0.8rem ); font-size: 1.4rem; text-align: right; font-weight: var( --font-weight-light ); color: var( --color-of-light-gray ); }
div#write-order div.content > div.body p > input[type="text"] { padding: 1.2rem; width: 60%; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#write-order div.content > div.body p > textarea { padding: 1.4rem; width: 70%; height: 8rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#write-order div.content > div.body p.warn { margin-top: 2rem; padding: 0 0 0 3rem; font-size: 1.4rem; text-align: left; color: var(--color-of-notice);
    background-image: var(--warnning-icon-url); background-repeat: no-repeat; background-size: 2rem; background-position: top 0.2rem left 0.4rem; }
div#write-order div.content > div.body div#file-drop { margin: 0.6rem 0; padding: 2.5rem 0; border: 1px dashed var( --color-of-soft-border ); border-radius: 0.8rem; background-color: var( --color-of-drop-down-bg ); }
div#write-order div.content > div.body div#file-drop.file-hover { border-color: var( --color-of-theme ); }
div#write-order div.content > div.body div#file-drop i { display: block; margin: 0 auto 1rem auto; width: 35px; height: 46px; background-image: var( --file-icon-url ); background-repeat: no-repeat; background-size: contain; }
div#write-order div.content > div.body div#file-drop p { font-size: 1.4rem; text-align: center; color: var( --color-of-gray ); }
div#write-order div.content > div.body div#file-drop img { display: none; object-fit: cover; }
div#write-order div.content > div.body div#file-drop.release { border: none; background: none; }
div#write-order div.content > div.body div#file-drop.release img { display: block; margin: 0 auto; width: 280px; border: 1px solid var( --color-of-default-border ); border-radius: 1rem; }
div#write-order div.content > div.body div#file-drop.release img.horizon { height: 160px; }
div#write-order div.content > div.body div#file-drop.release img.vertical { height: 380px; }
div#write-order div.content > div.body p.direct { text-align: right; }
div#write-order div.content > div.body p.direct button.upload-file-btn { padding: 0; border: none; background: none; color: var( --color-of-theme ); text-decoration: underline; }
div#write-order div.content > div.body div#file-drop > * { pointer-events: none; }
div#write-order div.content > div.body div#file-drop input[type="file"] { display: none; }
div#write-order div.content > div.body div#attched-file { display: none; margin-bottom: 2rem; padding: 0 0.5rem 0.2rem 2.6rem; width: max-content; font-size: 1.3rem; color: var(--color-of-theme); border-bottom: 1px solid var(--color-of-theme);
    background-image: var(--clip-icon-url); background-repeat: no-repeat; background-size: 1.6rem; background-position: center left 0.4rem; cursor: default; }
div#write-order div.content > div.footer { margin-top: 3rem; }

/* 발주서 보기 popup */
div#order-info div.content { padding: 2rem 2rem 3rem 2rem; }
div#order-info div.content > div.head p { margin-top: 2rem; font-size: 2.2rem; }
div#order-info div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#order-info div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#order-info div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#order-info div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#order-info div.content > div.body { padding: 0 0 1rem 0; }
div#order-info div.content > div.body > div.scrollbar-macosx { max-height: 60rem; }
div#order-info div.content > div.body section:not(:first-child) { margin-top: 3rem; }
div#order-info div.content > div.body section table { margin-top: 1rem; border-top: 1px solid var( --color-of-default-border ); border-bottom: 1px solid var( --color-of-default-border ); }
div#order-info div.content > div.body section table tr th { padding: 1rem; line-height: 2.2rem; text-align: left; font-size: 1.6rem; background-color: var( --color-of-bg ); vertical-align: top; }
div#order-info div.content > div.body section table tr#tr-denyResn th { color: var( --color-of-notice ); }
div#order-info div.content > div.body section table tr td { position: relative; line-height: 2.2rem; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }
div#order-info div.content > div.body section table tr td textarea { padding: 1.4rem; width: 100%; height: 12rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#order-info div.content > div.body section table tr td button.download { display: block; margin: 0; padding: 0 0.4rem 0.4rem 2.8rem; width: fit-content; max-width: 420px; font-size: 1.4rem; border: none; border-radius: 0; background: none; color: var( --color-of-theme );
	background-image: var( --clip-icon-url ); background-repeat: no-repeat; background-position: center left 0.4rem; border-bottom: 1px solid var( --color-of-theme);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#order-info div.content > div.body p.warn { margin-top: 2rem; padding: 0 0 0 3rem; font-size: 1.4rem; text-align: left; color: var(--color-of-notice);
    background-image: var(--warnning-icon-url); background-repeat: no-repeat; background-size: 2rem; background-position: top 0.2rem left 0.4rem; }
div#order-info div.content > div.footer button { display: none; padding: 1.4rem 2.4em; }
div#order-info div.content > div.footer button:disabled { background-color: var( --color-of-disabled ); }

/* 발주서 수정 popup */
div#update-order div.content { padding: 2rem 2rem 3rem 2rem; }
div#update-order div.content > div.head p { margin-top: 3rem; font-size: 2.2rem; }
div#update-order div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#update-order div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#update-order div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#update-order div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#update-order div.content > div.body { margin-top: 2rem; padding: 1rem 0; border-top: 1px solid var( --color-of-soft-border ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#update-order div.content > div.body > div.scrollbar-macosx { padding: 0 1.4rem; max-height: 60rem; }
div#update-order div.content > div.body p { padding: 1rem 0; font-size: 1.6rem; text-align: left; }
div#update-order div.content > div.body p.item { font-weight: var( --font-weight-normal ); color: var( --color-of-gray ); }
div#update-order div.content > div.body p.item > strong { display: inline-block; margin-right: 2rem; width: 25%; color: var( --default-font-color ); }
div#update-order div.content > div.body p.item > strong.single { width: 80%; color: var( --default-font-color ); }
div#update-order div.content > div.body p.item > strong.sub-item { text-indent: 1.2rem; }
div#update-order div.content > div.body p.item > strong input[type="checkbox"] { margin: 0 0 0.4rem 0; width: 1.8rem; height: 1.8rem; vertical-align: middle; cursor: pointer; }
div#update-order div.content > div.body p.item > strong input + label { padding-left: 0.6rem; line-height: 3rem; font-size: 1.4rem; cursor: pointer; }
div#update-order div.content > div.body p.item.sub { padding-top: 0; }
div#update-order div.content > div.body p.title:not(:first-child) { margin-top: 2.5rem; }
div#update-order div.content > div.body p span.required { margin-left: 0.2rem; color: red; }
div#update-order div.content > div.body p span.available { float: right; font-size: 1.4rem; color: var( --color-of-light-gray ); }
div#update-order div.content > div.body p.sub-dscr { padding-top: 0; transform: translateY( -0.8rem ); font-size: 1.4rem; text-align: right; font-weight: var( --font-weight-light ); color: var( --color-of-light-gray ); }
div#update-order div.content > div.body p > input[type="text"] { padding: 1.2rem; width: 60%; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#update-order div.content > div.body p > textarea { padding: 1.4rem; width: 70%; height: 8rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#update-order div.content > div.body p.warn { margin-top: 2rem; padding: 0 0 0 3rem; font-size: 1.4rem; text-align: left; color: var( --color-of-notice );
    background-image: var(--warnning-icon-url); background-repeat: no-repeat; background-size: 2rem; background-position: top 0.2rem left 0.4rem; }
div#update-order div.content > div.body div#file-drop { margin: 0.6rem 0; padding: 2.5rem 0; border: 1px dashed var( --color-of-soft-border ); border-radius: 0.8rem; background-color: var( --color-of-drop-down-bg ); }
div#update-order div.content > div.body div#file-drop.file-hover { border-color: var( --color-of-theme ); }
div#update-order div.content > div.body div#file-drop i { display: block; margin: 0 auto 1rem auto; width: 35px; height: 46px; background-image: var( --file-icon-url ); background-repeat: no-repeat; background-size: contain; }
div#update-order div.content > div.body div#file-drop p { font-size: 1.4rem; text-align: center; color: var( --color-of-gray ); }
div#update-order div.content > div.body div#file-drop img { display: none; object-fit: cover; }
div#update-order div.content > div.body div#file-drop.release { border: none; background: none; }
div#update-order div.content > div.body div#file-drop.release img { display: block; margin: 0 auto; width: 280px; border: 1px solid var( --color-of-default-border ); border-radius: 1rem; }
div#update-order div.content > div.body div#file-drop.release img.horizon { height: 160px; }
div#update-order div.content > div.body div#file-drop.release img.vertical { height: 380px; }
div#update-order div.content > div.body p.direct { text-align: right; }
div#update-order div.content > div.body p.direct button.upload-file-btn { padding: 0; border: none; background: none; color: var( --color-of-theme ); text-decoration: underline; }
div#update-order div.content > div.body div#file-drop > * { pointer-events: none; }
div#update-order div.content > div.body div#file-drop input[type="file"] { display: none; }
div#update-order div.content > div.body div#attched-file { display: none; margin-bottom: 2rem; padding: 0 0.5rem 0.2rem 2.6rem; width: max-content; font-size: 1.3rem; color: var(--color-of-theme); border-bottom: 1px solid var(--color-of-theme);
    background-image: var(--clip-icon-url); background-repeat: no-repeat; background-size: 1.6rem; background-position: center left 0.4rem; cursor: default; }
div#update-order div.content > div.body div#attched-file button { padding: 0; background: none; border: none; color: var( --color-of-theme ); }
div#update-order div.content > div.footer { margin-top: 3rem; }

/* 시험/인증서 첨부 popup */
div#write-tc div.content { padding: 2rem 2rem 3rem 2rem; }
div#write-tc div.content > div.head p { margin-top: 3rem; font-size: 2.2rem; }
div#write-tc div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#write-tc div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#write-tc div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#write-tc div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#write-tc div.content > div.body { margin-top: 2rem; padding: 1rem 0; border-top: 1px solid var( --color-of-soft-border ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#write-tc div.content > div.body p { padding: 1rem 0; font-size: 1.6rem; text-align: left; }
div#write-tc div.content > div.body p.item { font-weight: var( --font-weight-normal ); color: var( --color-of-gray ); }
div#write-tc div.content > div.body p.item > strong { display: inline-block; margin-right: 2rem; width: 20%; color: var( --default-font-color ); }
div#write-tc div.content > div.body p.title:not(:first-child) { margin-top: 2.5rem; }
div#write-tc div.content > div.body p span.required { margin-left: 0.2rem; color: red; }
div#write-tc div.content > div.body p span.available { float: right; font-size: 1.4rem; color: var( --color-of-light-gray ); }
div#write-tc div.content > div.body p.sub-dscr { padding-top: 0; transform: translateY( -0.8rem ); font-size: 1.4rem; text-align: right; font-weight: var( --font-weight-light ); color: var( --color-of-light-gray ); }
div#write-tc div.content > div.body p > textarea { padding: 1.4rem; width: 75%; height: 8rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#write-tc div.content > div.body div.file-drop { margin: 0.6rem 0; padding: 1.5rem 0; border: 1px dashed var( --color-of-soft-border ); border-radius: 0.8rem; background-color: var( --color-of-drop-down-bg ); }
div#write-tc div.content > div.body div.file-drop.file-hover { border-color: var( --color-of-theme ); }
div#write-tc div.content > div.body div.file-drop i { display: block; margin: 0 auto 1rem auto; width: 35px; height: 46px; background-image: var( --file-icon-url ); background-repeat: no-repeat; background-size: contain; }
div#write-tc div.content > div.body div.file-drop p { font-size: 1.4rem; text-align: center; color: var( --color-of-gray ); }
div#write-tc div.content > div.body div.file-drop img { display: none; object-fit: cover; }
div#write-tc div.content > div.body div.file-drop.release { border: none; background: none; }
div#write-tc div.content > div.body div.file-drop.release img { display: block; margin: 0 auto; width: 280px; border: 1px solid var( --color-of-default-border ); border-radius: 1rem; }
div#write-tc div.content > div.body div.file-drop.release img.horizon { height: 160px; }
div#write-tc div.content > div.body div.file-drop.release img.vertical { height: 380px; }
div#write-tc div.content > div.body p.direct { text-align: right; }
div#write-tc div.content > div.body p.direct button { padding: 0; border: none; background: none; color: var( --color-of-theme ); text-decoration: underline; }
div#write-tc div.content > div.body div.file-drop > * { pointer-events: none; }
div#write-tc div.content > div.body div.file-drop input[type="file"] { display: none; }
div#write-tc div.content > div.body div.attched-file { display: none; margin-bottom: 2rem; padding: 0 0.5rem 0.2rem 2.6rem; width: max-content; font-size: 1.3rem; color: var(--color-of-theme); border-bottom: 1px solid var(--color-of-theme);
    background-image: var(--clip-icon-url); background-repeat: no-repeat; background-size: 1.6rem; background-position: center left 0.4rem; cursor: default; }
div#write-tc div.content > div.footer { margin-top: 3rem; }

/* 시험/인증서 보기 popup */
div#tc-info div.content { padding: 2rem 2rem 3rem 2rem; }
div#tc-info div.content > div.head p { margin-top: 2rem; font-size: 2.2rem; }
div#tc-info div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#tc-info div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#tc-info div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#tc-info div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#tc-info div.content > div.body { padding: 0 0 1rem 0; }
div#tc-info div.content > div.body > div.scrollbar-macosx { max-height: 60rem; }
div#tc-info div.content > div.body section:not(:first-child) { margin-top: 3rem; }
div#tc-info div.content > div.body section table { margin-top: 1rem; border-top: 1px solid var( --color-of-default-border ); border-bottom: 1px solid var( --color-of-default-border ); }
div#tc-info div.content > div.body section table tr th { padding: 1rem; line-height: 2.2rem; text-align: left; font-size: 1.6rem; background-color: var( --color-of-bg ); vertical-align: top; }
div#tc-info div.content > div.body section table tr#tr-denyResn th { color: var( --color-of-notice ); }
div#tc-info div.content > div.body section table tr td { position: relative; line-height: 2.2rem; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }
div#tc-info div.content > div.body section table tr td textarea { padding: 1.4rem; width: 100%; height: 12rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#tc-info div.content > div.body section table tr td button.download { display: block; margin: 0; padding: 0 0.4rem 0.4rem 2.8rem; width: fit-content; max-width: 420px; font-size: 1.4rem; border: none; border-radius: 0; background: none; color: var( --color-of-theme );
	background-image: var( --clip-icon-url ); background-repeat: no-repeat; background-position: center left 0.4rem; border-bottom: 1px solid var( --color-of-theme);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#tc-info div.content > div.body p.warn { margin-top: 2rem; padding: 0 0 0 3rem; font-size: 1.4rem; text-align: left; color: var(--color-of-notice);
    background-image: var(--warnning-icon-url); background-repeat: no-repeat; background-size: 2rem; background-position: top 0.2rem left 0.4rem; }
div#tc-info div.content > div.footer button { padding: 1.4rem 2.4em; }
div#tc-info div.content > div.footer button:disabled { background-color: var( --color-of-disabled ); }

/* 시험/인증서 수정하기 popup */
div#update-tc div.content { padding: 2rem 2rem 3rem 2rem; }
div#update-tc div.content > div.head p { margin-top: 3rem; font-size: 2.2rem; }
div#update-tc div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#update-tc div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#update-tc div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#update-tc div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#update-tc div.content > div.body { margin-top: 2rem; padding: 1rem 0; border-top: 1px solid var( --color-of-soft-border ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#update-tc div.content > div.body p { padding: 1rem 0; font-size: 1.6rem; text-align: left; }
div#update-tc div.content > div.body p.item { font-weight: var( --font-weight-normal ); color: var( --color-of-gray ); }
div#update-tc div.content > div.body p.item > strong { display: inline-block; margin-right: 2rem; width: 20%; color: var( --default-font-color ); }
div#update-tc div.content > div.body p.title:not(:first-child) { margin-top: 2.5rem; }
div#update-tc div.content > div.body p span.required { margin-left: 0.2rem; color: red; }
div#update-tc div.content > div.body p span.available { float: right; font-size: 1.4rem; color: var( --color-of-light-gray ); }
div#update-tc div.content > div.body p.sub-dscr { padding-top: 0; transform: translateY( -0.8rem ); font-size: 1.4rem; text-align: right; font-weight: var( --font-weight-light ); color: var( --color-of-light-gray ); }
div#update-tc div.content > div.body p > textarea { padding: 1.4rem; width: 75%; height: 8rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#update-tc div.content > div.body div.file-drop { margin: 0.6rem 0; padding: 1.5rem 0; border: 1px dashed var( --color-of-soft-border ); border-radius: 0.8rem; background-color: var( --color-of-drop-down-bg ); }
div#update-tc div.content > div.body div.file-drop.file-hover { border-color: var( --color-of-theme ); }
div#update-tc div.content > div.body div.file-drop i { display: block; margin: 0 auto 1rem auto; width: 35px; height: 46px; background-image: var( --file-icon-url ); background-repeat: no-repeat; background-size: contain; }
div#update-tc div.content > div.body div.file-drop p { font-size: 1.4rem; text-align: center; color: var( --color-of-gray ); }
div#update-tc div.content > div.body div.file-drop img { display: none; object-fit: cover; }
div#update-tc div.content > div.body div.file-drop.release { border: none; background: none; }
div#update-tc div.content > div.body div.file-drop.release img { display: block; margin: 0 auto; width: 280px; border: 1px solid var( --color-of-default-border ); border-radius: 1rem; }
div#update-tc div.content > div.body div.file-drop.release img.horizon { height: 160px; }
div#update-tc div.content > div.body div.file-drop.release img.vertical { height: 380px; }
div#update-tc div.content > div.body p.direct { text-align: right; }
div#update-tc div.content > div.body p.direct button { padding: 0; border: none; background: none; color: var( --color-of-theme ); text-decoration: underline; }
div#update-tc div.content > div.body div.file-drop > * { pointer-events: none; }
div#update-tc div.content > div.body div.file-drop input[type="file"] { display: none; }
div#update-tc div.content > div.body div.attched-file { margin-bottom: 2rem; padding: 0 0.5rem 0.2rem 2.6rem; width: max-content; font-size: 1.3rem; color: var(--color-of-theme); border-bottom: 1px solid var(--color-of-theme);
    background-image: var(--clip-icon-url); background-repeat: no-repeat; background-size: 1.6rem; background-position: center left 0.4rem; cursor: default; }
div#update-tc div.content > div.body div.attched-file button { padding: 0; background: none; border: none; color: var( --color-of-theme ); }
div#update-tc div.content > div.footer { margin-top: 3rem; }

/* 배송 관련 서류 첨부 popup */
div#write-dlv div.content { padding: 2rem 2rem 3rem 2rem; }
div#write-dlv div.content > div.head p { margin-top: 3rem; font-size: 2.2rem; }
div#write-dlv div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#write-dlv div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#write-dlv div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#write-dlv div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#write-dlv div.content > div.body { margin-top: 2rem; padding: 1rem 0; border-top: 1px solid var( --color-of-soft-border ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#write-dlv div.content > div.body > div.scrollbar-macosx { padding: 0 1.4rem; max-height: 60rem; }
div#write-dlv div.content > div.body p { padding: 1rem 0; font-size: 1.6rem; text-align: left; }
div#write-dlv div.content > div.body p.item { font-weight: var( --font-weight-normal ); color: var( --color-of-gray ); }
div#write-dlv div.content > div.body p.item > strong { display: inline-block; margin-right: 2rem; width: 20%; color: var( --default-font-color ); }
div#write-dlv div.content > div.body p.title:not(:first-child) { margin-top: 2.5rem; }
div#write-dlv div.content > div.body p span.required { margin-left: 0.2rem; color: red; }
div#write-dlv div.content > div.body p span.available { float: right; font-size: 1.4rem; color: var( --color-of-light-gray ); }
div#write-dlv div.content > div.body p.sub-dscr { padding-top: 0; transform: translateY( -0.8rem ); font-size: 1.4rem; text-align: right; font-weight: var( --font-weight-light ); color: var( --color-of-light-gray ); }
div#write-dlv div.content > div.body p > textarea { padding: 1.4rem; width: 75%; height: 8rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#write-dlv div.content > div.body div.file-drop { margin: 0.6rem 0; padding: 1.5rem 0; border: 1px dashed var( --color-of-soft-border ); border-radius: 0.8rem; background-color: var( --color-of-drop-down-bg ); }
div#write-dlv div.content > div.body div.file-drop.file-hover { border-color: var( --color-of-theme ); }
div#write-dlv div.content > div.body div.file-drop i { display: block; margin: 0 auto 1rem auto; width: 35px; height: 46px; background-image: var( --file-icon-url ); background-repeat: no-repeat; background-size: contain; }
div#write-dlv div.content > div.body div.file-drop p { font-size: 1.4rem; text-align: center; color: var( --color-of-gray ); }
div#write-dlv div.content > div.body div.file-drop img { display: none; object-fit: cover; }
div#write-dlv div.content > div.body div.file-drop.release { border: none; background: none; }
div#write-dlv div.content > div.body div.file-drop.release img { display: block; margin: 0 auto; width: 280px; border: 1px solid var( --color-of-default-border ); border-radius: 1rem; }
div#write-dlv div.content > div.body div.file-drop.release img.horizon { height: 160px; }
div#write-dlv div.content > div.body div.file-drop.release img.vertical { height: 380px; }
div#write-dlv div.content > div.body p.direct { text-align: right; }
div#write-dlv div.content > div.body p.direct button { padding: 0; border: none; background: none; color: var( --color-of-theme ); text-decoration: underline; }
div#write-dlv div.content > div.body div.file-drop > * { pointer-events: none; }
div#write-dlv div.content > div.body div.file-drop input[type="file"] { display: none; }
div#write-dlv div.content > div.body div.attched-file { display: none; margin-bottom: 2rem; padding: 0 0.5rem; width: 100%; text-align: left; }
div#write-dlv div.content > div.body div.attched-file > span { display: inline-block; margin-right: 2rem; line-height: 4rem; }
div#write-dlv div.content > div.body div.attched-file > span button { padding: 0; background: none; border: none; border-radius: 0; }
div#write-dlv div.content > div.body div.attched-file > span button.upload-file { padding: 0 0.5rem 0.2rem 2.8rem; max-width: 220px; font-size: 1.4rem; text-align: left; color: var( --color-of-theme ); border-bottom: 1px solid var( --color-of-theme ); 
	background-image: var( --clip-icon-url ); background-repeat: no-repeat; background-size: 1.6rem; background-position: center left 0.4rem; cursor: default;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#write-dlv div.content > div.body div.attched-file > span button.delete { margin-left: 0.4rem; padding: 0.3rem; width: 1.6rem; height: 1.6rem; border: 1px solid var( --color-of-soft-border );
	background-image: var( --thin-gray-close-url ); background-repeat: no-repeat; background-position: center; }
div#write-dlv div.content > div.footer { margin-top: 3rem; }

/* 배송 보기 popup */
div#dlv-info div.content { padding: 2rem 2rem 3rem 2rem; }
div#dlv-info div.content > div.head p { margin-top: 2rem; font-size: 2.2rem; }
div#dlv-info div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#dlv-info div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#dlv-info div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#dlv-info div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#dlv-info div.content > div.body { padding: 0 0 1rem 0; }
div#dlv-info div.content > div.body > div.scrollbar-macosx { max-height: 60rem; }
div#dlv-info div.content > div.body section:not(:first-child) { margin-top: 3rem; }
div#dlv-info div.content > div.body section table { margin-top: 1rem; border-top: 1px solid var( --color-of-default-border ); border-bottom: 1px solid var( --color-of-default-border ); }
div#dlv-info div.content > div.body section table tr th { padding: 1rem; line-height: 2.2rem; text-align: left; font-size: 1.6rem; background-color: var( --color-of-bg ); vertical-align: top; }
div#dlv-info div.content > div.body section table tr#tr-denyResn th { color: var( --color-of-notice ); }
div#dlv-info div.content > div.body section table tr td { position: relative; line-height: 2.2rem; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }
div#dlv-info div.content > div.body section table tr td textarea { padding: 1.4rem; width: 100%; height: 12rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#dlv-info div.content > div.body section table tr td button.download { display: block; margin: 0 0 1rem 1rem; padding: 0 0.4rem 0.4rem 2.8rem; width: fit-content; max-width: 420px; font-size: 1.4rem; border: none; border-radius: 0; background: none; color: var( --color-of-theme );
	background-image: var( --clip-icon-url ); background-repeat: no-repeat; background-position: center left 0.4rem; border-bottom: 1px solid var( --color-of-theme);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#dlv-info div.content > div.body p.warn { margin-top: 2rem; padding: 0 0 0 3rem; font-size: 1.4rem; text-align: left; color: var(--color-of-notice);
    background-image: var(--warnning-icon-url); background-repeat: no-repeat; background-size: 2rem; background-position: top 0.2rem left 0.4rem; }
div#dlv-info div.content > div.footer button { padding: 1.4rem 2.4em; }
div#dlv-info div.content > div.footer button:disabled { background-color: var( --color-of-disabled ); }

/* 배송 관련 서류 수정 popup */
div#update-dlv div.content { padding: 2rem 2rem 3rem 2rem; }
div#update-dlv div.content > div.head p { margin-top: 3rem; font-size: 2.2rem; }
div#update-dlv div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#update-dlv div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#update-dlv div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#update-dlv div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#update-dlv div.content > div.body { margin-top: 2rem; padding: 1rem 0; border-top: 1px solid var( --color-of-soft-border ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#update-dlv div.content > div.body > div.scrollbar-macosx { padding: 0 1.4rem; max-height: 60rem; }
div#update-dlv div.content > div.body p { padding: 1rem 0; font-size: 1.6rem; text-align: left; }
div#update-dlv div.content > div.body p.item { font-weight: var( --font-weight-normal ); color: var( --color-of-gray ); }
div#update-dlv div.content > div.body p.item > strong { display: inline-block; margin-right: 2rem; width: 20%; color: var( --default-font-color ); }
div#update-dlv div.content > div.body p.title:not(:first-child) { margin-top: 2.5rem; }
div#update-dlv div.content > div.body p span.required { margin-left: 0.2rem; color: red; }
div#update-dlv div.content > div.body p span.available { float: right; font-size: 1.4rem; color: var( --color-of-light-gray ); }
div#update-dlv div.content > div.body p.sub-dscr { padding-top: 0; transform: translateY( -0.8rem ); font-size: 1.4rem; text-align: right; font-weight: var( --font-weight-light ); color: var( --color-of-light-gray ); }
div#update-dlv div.content > div.body p > textarea { padding: 1.4rem; width: 75%; height: 8rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#update-dlv div.content > div.body div.file-drop { margin: 0.6rem 0; padding: 1.5rem 0; border: 1px dashed var( --color-of-soft-border ); border-radius: 0.8rem; background-color: var( --color-of-drop-down-bg ); }
div#update-dlv div.content > div.body div.file-drop.file-hover { border-color: var( --color-of-theme ); }
div#update-dlv div.content > div.body div.file-drop i { display: block; margin: 0 auto 1rem auto; width: 35px; height: 46px; background-image: var( --file-icon-url ); background-repeat: no-repeat; background-size: contain; }
div#update-dlv div.content > div.body div.file-drop p { font-size: 1.4rem; text-align: center; color: var( --color-of-gray ); }
div#update-dlv div.content > div.body div.file-drop img { display: none; object-fit: cover; }
div#update-dlv div.content > div.body div.file-drop.release { border: none; background: none; }
div#update-dlv div.content > div.body div.file-drop.release img { display: block; margin: 0 auto; width: 280px; border: 1px solid var( --color-of-default-border ); border-radius: 1rem; }
div#update-dlv div.content > div.body div.file-drop.release img.horizon { height: 160px; }
div#update-dlv div.content > div.body div.file-drop.release img.vertical { height: 380px; }
div#update-dlv div.content > div.body p.direct { text-align: right; }
div#update-dlv div.content > div.body p.direct button { padding: 0; border: none; background: none; color: var( --color-of-theme ); text-decoration: underline; }
div#update-dlv div.content > div.body div.file-drop > * { pointer-events: none; }
div#update-dlv div.content > div.body div.file-drop input[type="file"] { display: none; }
div#update-dlv div.content > div.body div.attched-file { margin-bottom: 2rem; padding: 0 0.5rem; width: 100%; text-align: left; }
div#update-dlv div.content > div.body div.attched-file > span { display: inline-block; margin-right: 2rem; line-height: 4rem; }
div#update-dlv div.content > div.body div.attched-file > span button { padding: 0; background: none; border: none; border-radius: 0; }
div#update-dlv div.content > div.body div.attched-file > span button.upload-file { padding: 0 0.5rem 0.2rem 2.8rem; max-width: 220px; font-size: 1.4rem; text-align: left; color: var( --color-of-theme ); border-bottom: 1px solid var( --color-of-theme ); 
	background-image: var( --clip-icon-url ); background-repeat: no-repeat; background-size: 1.6rem; background-position: center left 0.4rem; cursor: default;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#update-dlv div.content > div.body div.attched-file > span button.upload-file.download { cursor: pointer; }
div#update-dlv div.content > div.body div.attched-file > span button.delete { margin-left: 0.4rem; padding: 0.3rem; width: 1.6rem; height: 1.6rem; border: 1px solid var( --color-of-soft-border );
	background-image: var( --thin-gray-close-url ); background-repeat: no-repeat; background-position: center; }
div#update-dlv div.content > div.footer { margin-top: 3rem; }

/* 납품 관련 서류 첨부 popup */
div#write-cmplt div.content { padding: 2rem 2rem 3rem 2rem; }
div#write-cmplt div.content > div.head p { margin-top: 3rem; font-size: 2.2rem; }
div#write-cmplt div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#write-cmplt div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#write-cmplt div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#write-cmplt div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#write-cmplt div.content > div.body { margin-top: 2rem; padding: 1rem 0; border-top: 1px solid var( --color-of-soft-border ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#write-cmplt div.content > div.body > div.scrollbar-macosx { padding: 0 1.4rem; max-height: 60rem; }
div#write-cmplt div.content > div.body p { padding: 1rem 0; font-size: 1.6rem; text-align: left; }
div#write-cmplt div.content > div.body p.item { font-weight: var( --font-weight-normal ); color: var( --color-of-gray ); }
div#write-cmplt div.content > div.body p.item > strong { display: inline-block; margin-right: 2rem; width: 20%; color: var( --default-font-color ); }
div#write-cmplt div.content > div.body p.title:not(:first-child) { margin-top: 2.5rem; }
div#write-cmplt div.content > div.body p span.required { margin-left: 0.2rem; color: red; }
div#write-cmplt div.content > div.body p span.available { float: right; font-size: 1.4rem; color: var( --color-of-light-gray ); }
div#write-cmplt div.content > div.body p.sub-dscr { padding-top: 0; transform: translateY( -0.8rem ); font-size: 1.4rem; text-align: right; font-weight: var( --font-weight-light ); color: var( --color-of-light-gray ); }
div#write-cmplt div.content > div.body p > textarea { padding: 1.4rem; width: 75%; height: 8rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#write-cmplt div.content > div.body div.file-drop { margin: 0.6rem 0; padding: 1.5rem 0; border: 1px dashed var( --color-of-soft-border ); border-radius: 0.8rem; background-color: var( --color-of-drop-down-bg ); }
div#write-cmplt div.content > div.body div.file-drop.file-hover { border-color: var( --color-of-theme ); }
div#write-cmplt div.content > div.body div.file-drop i { display: block; margin: 0 auto 1rem auto; width: 35px; height: 46px; background-image: var( --file-icon-url ); background-repeat: no-repeat; background-size: contain; }
div#write-cmplt div.content > div.body div.file-drop p { font-size: 1.4rem; text-align: center; color: var( --color-of-gray ); }
div#write-cmplt div.content > div.body div.file-drop img { display: none; object-fit: cover; }
div#write-cmplt div.content > div.body div.file-drop.release { border: none; background: none; }
div#write-cmplt div.content > div.body div.file-drop.release img { display: block; margin: 0 auto; width: 280px; border: 1px solid var( --color-of-default-border ); border-radius: 1rem; }
div#write-cmplt div.content > div.body div.file-drop.release img.horizon { height: 160px; }
div#write-cmplt div.content > div.body div.file-drop.release img.vertical { height: 380px; }
div#write-cmplt div.content > div.body p.direct { text-align: right; }
div#write-cmplt div.content > div.body p.direct button { padding: 0; border: none; background: none; color: var( --color-of-theme ); text-decoration: underline; }
div#write-cmplt div.content > div.body div.file-drop > * { pointer-events: none; }
div#write-cmplt div.content > div.body div.file-drop input[type="file"] { display: none; }
div#write-cmplt div.content > div.body div.attched-file { display: none; margin-bottom: 2rem; padding: 0 0.5rem; width: 100%; text-align: left; }
div#write-cmplt div.content > div.body div.attched-file > span { display: inline-block; margin-right: 2rem; line-height: 4rem; }
div#write-cmplt div.content > div.body div.attched-file > span button { padding: 0; background: none; border: none; border-radius: 0; }
div#write-cmplt div.content > div.body div.attched-file > span button.upload-file { padding: 0 0.5rem 0.2rem 2.8rem; max-width: 220px; font-size: 1.4rem; text-align: left; color: var( --color-of-theme ); border-bottom: 1px solid var( --color-of-theme ); 
	background-image: var( --clip-icon-url ); background-repeat: no-repeat; background-size: 1.6rem; background-position: center left 0.4rem; cursor: default;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#write-cmplt div.content > div.body div.attched-file > span button.delete { margin-left: 0.4rem; padding: 0.3rem; width: 1.6rem; height: 1.6rem; border: 1px solid var( --color-of-soft-border );
	background-image: var( --thin-gray-close-url ); background-repeat: no-repeat; background-position: center; }
div#write-cmplt div.content > div.footer { margin-top: 3rem; }

/* 납품 관련 서류 보기 popup */
div#cnfrm-info div.content { padding: 2rem 2rem 3rem 2rem; }
div#cnfrm-info div.content > div.head p { margin-top: 2rem; font-size: 2.2rem; }
div#cnfrm-info div.content > div.head p.dscr { margin-top: 2rem; font-size: 1.8rem; }
div#cnfrm-info div.content > div.head p.dscr span { color: var( --color-of-theme ); }
div#cnfrm-info div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#cnfrm-info div.content > div.head div.notification { padding: 3rem 0; line-height: 2.6rem; font-size: 1.8rem; color: var( --color-of-gray ); border-bottom: 1px solid var( --color-of-soft-border ); }
div#cnfrm-info div.content > div.body { padding: 0 0 1rem 0; }
div#cnfrm-info div.content > div.body > div.scrollbar-macosx { max-height: 60rem; }
div#cnfrm-info div.content > div.body section:not(:first-child) { margin-top: 3rem; }
div#cnfrm-info div.content > div.body section table { margin-top: 1rem; border-top: 1px solid var( --color-of-default-border ); border-bottom: 1px solid var( --color-of-default-border ); }
div#cnfrm-info div.content > div.body section table tr th { padding: 1rem; line-height: 2.2rem; text-align: left; font-size: 1.6rem; background-color: var( --color-of-bg ); vertical-align: top; }
div#cnfrm-info div.content > div.body section table tr#tr-denyResn th { color: var( --color-of-notice ); }
div#cnfrm-info div.content > div.body section table tr td { position: relative; line-height: 2.2rem; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }
div#cnfrm-info div.content > div.body section table tr td textarea { padding: 1.4rem; width: 100%; height: 12rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#cnfrm-info div.content > div.body section table tr td button.download { display: block; margin: 0 0 1rem 1rem; padding: 0 0.4rem 0.4rem 2.8rem; width: fit-content; max-width: 420px; font-size: 1.4rem; border: none; border-radius: 0; background: none; color: var( --color-of-theme );
	background-image: var( --clip-icon-url ); background-repeat: no-repeat; background-position: center left 0.4rem; border-bottom: 1px solid var( --color-of-theme);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#cnfrm-info div.content > div.body p.warn { margin-top: 2rem; padding: 0 0 0 3rem; font-size: 1.4rem; text-align: left; color: var(--color-of-notice);
    background-image: var(--warnning-icon-url); background-repeat: no-repeat; background-size: 2rem; background-position: top 0.2rem left 0.4rem; }
div#cnfrm-info div.content > div.footer button { padding: 1.4rem 2.4em; }
div#cnfrm-info div.content > div.footer button:disabled { background-color: var( --color-of-disabled ); }

/* 프로젝트 중단 요청 popup */
div#stop-prjt div.content { padding: 2rem 2rem 3rem 2rem; width: 60rem; }
div#stop-prjt div.content > div.head p { margin-top: 2rem; font-size: 2.2rem; text-align: left; }
div#stop-prjt div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#stop-prjt div.content > div.body { padding: 0 0 1rem 0; }
div#stop-prjt div.content > div.body > div.scrollbar-macosx { max-height: 60rem; }
div#stop-prjt div.content > div.body section:not(:first-child) { margin-top: 3rem; }
div#stop-prjt div.content > div.body section > p { text-align: left; font-size: 1.8rem; }
div#stop-prjt div.content > div.body section table { margin-top: 1rem; border-top: 1px solid var( --color-of-default-border ); border-bottom: 1px solid var( --color-of-default-border ); }
div#stop-prjt div.content > div.body section table tr th { padding: 1rem; line-height: 2.2rem; text-align: left; font-size: 1.6rem; background-color: var( --color-of-bg ); vertical-align: top; }
div#stop-prjt div.content > div.body section table tr td { position: relative; line-height: 2.2rem; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }
div#stop-prjt div.content > div.body section table tr td p { text-align: left; }
div#stop-prjt div.content > div.body section table tr td p input[type="radio"] { margin: 0; width: 1.8rem; height: 1.8rem; vertical-align: middle; cursor: pointer; }
div#stop-prjt div.content > div.body section table tr td p input + label { padding-left: 0.6rem; line-height: 3rem; font-size: 1.4rem; cursor: pointer; }
div#stop-prjt div.content > div.body section table tr td p textarea { margin-top: 1rem; padding: 1.4rem; width: 100%; height: 12rem; vertical-align: bottom; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#stop-prjt div.content > div.body p.warn { margin-top: 2rem; padding: 0 0 0 3rem; font-size: 1.4rem; text-align: left; color: var(--color-of-notice);
    background-image: var(--warnning-icon-url); background-repeat: no-repeat; background-size: 2rem; background-position: top 0.2rem left 0.4rem; }
div#stop-prjt div.content > div.footer { flex-wrap: wrap; }
div#stop-prjt div.content > div.footer p.description { margin-bottom: 1rem; font-size: 1.3rem; font-weight: var( --font-weight-light ); color: var( --color-of-notice ); }
div#stop-prjt div.content > div.footer button { padding: 1.4rem 2.4em; }

/* 프로젝트 중단 요청 내용 확인 popup */
div#stop-prjt-info div.content { padding: 2rem 2rem 3rem 2rem; width: 60rem; }
div#stop-prjt-info div.content > div.head p { margin-top: 2rem; font-size: 2.2rem; text-align: left; }
div#stop-prjt-info div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#stop-prjt-info div.content > div.body { padding: 0 0 1rem 0; }
div#stop-prjt-info div.content > div.body > div.scrollbar-macosx { max-height: 60rem; }
div#stop-prjt-info div.content > div.body section:not(:first-child) { margin-top: 3rem; }
div#stop-prjt-info div.content > div.body section > p { text-align: left; font-size: 1.8rem; }
div#stop-prjt-info div.content > div.body section table { margin-top: 1rem; border-top: 1px solid var( --color-of-default-border ); border-bottom: 1px solid var( --color-of-default-border ); }
div#stop-prjt-info div.content > div.body section table tr th { padding: 1rem; line-height: 2.2rem; text-align: left; font-size: 1.6rem; background-color: var( --color-of-bg ); vertical-align: top; }
div#stop-prjt-info div.content > div.body section table tr td { position: relative; line-height: 2.2rem; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }
div#stop-prjt-info div.content > div.body section table tr td p { text-align: left; }
div#stop-prjt-info div.content > div.body p.warn { margin-top: 2rem; padding: 0 0 0 3rem; font-size: 1.4rem; text-align: left; color: var(--color-of-notice);
    background-image: var(--warnning-icon-url); background-repeat: no-repeat; background-size: 2rem; background-position: top 0.2rem left 0.4rem; }
div#stop-prjt-info div.content > div.footer { flex-wrap: wrap; }
div#stop-prjt-info div.content > div.footer p.description { margin-bottom: 1rem; font-size: 1.3rem; font-weight: var( --font-weight-light ); color: var( --color-of-notice ); }
div#stop-prjt-info div.content > div.footer button { padding: 1.4rem 2.4em; }

/* 채팅하기 popup */
div#prjt-chat div.content { padding: 2rem 0 3rem 0; width: 60rem; }
div#prjt-chat div.content > div.head { padding: 0.5rem 0 0 0; }
div#prjt-chat div.content > div.head p { margin-top: 0; padding-bottom: 2rem; font-size: 2.2rem; text-align: center; border-bottom: 1px solid var( --color-of-soft-border ); }
div#prjt-chat div.content > div.head button.dim-close { top: 0.6rem; right: 2rem; background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#prjt-chat div.content > div.trgt-comp { position: relative; margin-bottom: 0.04rem; padding: 0; border-bottom: 1px solid var( --color-of-default-border ); cursor: pointer; }
div#prjt-chat div.content > div.trgt-comp > div.trgt-wrap { padding: 2rem 3rem; text-align: left; }
div#prjt-chat div.content > div.trgt-comp > div.trgt-wrap:hover { background-color: var( --color-of-soft-theme ); }
div#prjt-chat div.content > div.trgt-comp > div.trgt-wrap:hover div { background-color: var( --color-of-soft-theme ); }
div#prjt-chat div.content > div.trgt-comp > div.trgt-wrap img { height: 6rem; }
div#prjt-chat div.content > div.trgt-comp > div.trgt-wrap div.target { display: inline-block; margin-left: 2rem; height: 6rem; vertical-align: top; }
div#prjt-chat div.content > div.trgt-comp > div.trgt-wrap div.target p { height: 3rem; line-height: 3rem; text-align: left; }
div#prjt-chat div.content > div.trgt-comp > div.trgt-wrap div.target p.prjt { font-size: 2rem; color: var( --color-of-theme ); }
div#prjt-chat div.content > div.trgt-comp > div.trgt-wrap div.target p.prjt span { margin-left: 0.6rem; color: var( --color-of-light-gray ); }
div#prjt-chat div.content > div.trgt-comp > div.trgt-wrap div.target p.comp { font-size: 1.6rem; }
div#prjt-chat div.content > div.trgt-comp div.attendees { position: absolute; display: block; left: 0; bottom: 0; margin: 0; width: 100%; transform: translateY(100%); z-index: 1;
	border-top: 1px solid var( --color-of-default-border ); border-bottom: 1px solid var( --color-of-default-border );  cursor: default; }
div#prjt-chat div.content > div.trgt-comp div.attendees.hide { display: none; }
div#prjt-chat div.content > div.trgt-comp div.attendees p { display: flex; padding-left: 3rem; padding-bottom: 0.2rem; align-items: center; text-align: left; }
div#prjt-chat div.content > div.trgt-comp div.attendees p.ttl { padding: 2rem 0 1rem 3rem; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }
div#prjt-chat div.content > div.trgt-comp div.attendees p input[type="text"] { padding: 1rem; width: 75%; font-size: 1.6rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#prjt-chat div.content > div.trgt-comp div.attendees p button.add-attendee { margin: 0 1rem; padding: 0; width: 3rem; height: 3rem; background: none; border: none; border-radius: 3rem;
	background-image: var( --chat-attchment-url ); background-repeat: no-repeat; background-size: contain; }
div#prjt-chat div.content > div.trgt-comp div.attendees div.scrollbar-macosx { max-height: 30rem; }
div#prjt-chat div.content > div.trgt-comp div.attendees div.attendees-box {  }
div#prjt-chat div.content > div.trgt-comp div.attendees div.attendee { display: flex; flex-direction: row; padding: 2rem 3rem 0 3rem; align-items: center; }
div#prjt-chat div.content > div.trgt-comp div.attendees div.attendee div.prfl { width: 5rem; height: 5rem; border-radius: 5rem; background-position: center; background-size: contain; }
div#prjt-chat div.content > div.trgt-comp div.attendees div.attendee div.user { padding-left: 2rem; font-size: 1.6rem; color: var( --color-of-gray ); }
div#prjt-chat div.content > div.trgt-comp div.attendees div.attendee:last-child { padding-bottom: 2rem; }
div#prjt-chat div.content > div.body { margin: 0; padding: 0.1rem 0; background-color: var( --color-of-drop-down-bg ); }
div#prjt-chat div.content > div.body div.scrollbar-macosx { height: 60rem; max-height: 60rem; background-color: var( --color-of-drop-down-bg ); }
div#prjt-chat div.content > div.body div.chat-box { margin: 0; padding: 2rem 1rem; background-color: var( --color-of-drop-down-bg ); }
div#prjt-chat div.content > div.body div.chat-box p.sys-msg { margin: 2rem 0; text-align: center; font-size: 1.6rem; color: var( --color-of-light-gray ); }
div#prjt-chat div.content > div.body div.chat-box div.message-box { display: flex; flex-direction: row; margin: 1.8rem 0; background: none; }
div#prjt-chat div.content > div.body div.chat-box div.message-box.mine { justify-content: end; }
div#prjt-chat div.content > div.body div.chat-box div.message-box.other { justify-content: start; }
div#prjt-chat div.content > div.body div.chat-box div.message-box div.prfl { width: 7rem; height: 7rem; border: 1px solid var( --color-of-soft-border ); border-radius: 7rem;
	background-position: center; background-size: contain; }
div#prjt-chat div.content > div.body div.chat-box div.message-box div.messages { display: flex; flex-direction: column; width: calc( 100% - 12rem ); background: none; }
div#prjt-chat div.content > div.body div.chat-box div.message-box div.messages div.message { width: fit-content; padding: 1rem 1.6rem; font-size: 1.6rem; background: none; color: var( --color-of-white ); }
div#prjt-chat div.content > div.body div.chat-box div.message-box div.messages div.message:not(:first-child) { margin-top: 1rem; }
div#prjt-chat div.content > div.body div.chat-box div.message-box div.messages div.message.att {}
div#prjt-chat div.content > div.body div.chat-box div.message-box div.messages div.message img { max-width: 34rem; }
div#prjt-chat div.content > div.body div.chat-box div.message-box div.messages div.message.att button.download { display: block; margin: 1rem auto 0 auto; padding: 0.4rem 2rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.4rem;
	background-color: var( --color-of-white ); border-color: var( --color-of-theme ); color: var( --color-of-theme ); }
div#prjt-chat div.content > div.body div.chat-box div.message-box div.messages p.tm { margin-top: 0.4rem; font-size: 1.4rem; font-weight: var( --font-weight-light ); color: var( --color-of-light-gray ); }
div#prjt-chat div.content > div.body div.chat-box div.message-box.mine div.messages { align-items: end; text-align: right; }
div#prjt-chat div.content > div.body div.chat-box div.message-box.mine div.messages div.message { margin-right: 1rem; text-align: right; border-radius: 1.6rem 0 1.6rem 1.6rem; background-color: var( --color-of-theme ); }
div#prjt-chat div.content > div.body div.chat-box div.message-box.mine div.messages p.tm { margin-right: 2.6rem; text-align: right; }
div#prjt-chat div.content > div.body div.chat-box div.message-box.other div.messages { justify-content: start; margin-left: 1rem; }
div#prjt-chat div.content > div.body div.chat-box div.message-box.other div.messages p.sender-nm { margin-top: 1rem; text-align: left; text-indent: 0.4rem; font-size: 1.5rem; color: var( --color-of-gray ); }
div#prjt-chat div.content > div.body div.chat-box div.message-box.other div.messages div.message { margin-left: 0.4rem; text-align: left; border-radius: 0 1.6rem 1.6rem 1.6rem; background-color: var( --color-of-light-gray ); }
div#prjt-chat div.content > div.body div.chat-box div.message-box.other div.messages p.tm { text-align: left; text-indent: 2rem; }
div#prjt-chat div.content > div.footer { display: flex; margin-top: 0.04rem; padding-top: 2rem; justify-content: space-around; align-items: center; border-top: 1px solid var( --color-of-default-border ); }
div#prjt-chat div.content > div.footer input[type="file"] { display: none; }
div#prjt-chat div.content > div.footer textarea { padding: 0.8rem 1rem; width: calc( 100% - 14rem ); height: 6rem; line-height: 2.2rem; font-size: 1.5rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#prjt-chat div.content > div.footer button.chat-attchment { margin: 0 1rem; padding: 0; width: 3rem; height: 3rem; background: none; border: none; border-radius: 3rem;
	background-image: var( --chat-attchment-url ); background-repeat: no-repeat; background-size: contain; }
div#prjt-chat div.content > div.footer button.send-btn { margin: 0 1rem; padding: 0; width: 2.1rem; height: 2.1rem; background: none; border: none;
	background-image: var( --chat-send-url ); background-repeat: no-repeat; background-size: contain; }