@charset "UTF-8";

/* 제조기업 찾기 */
section.search-section { position: relative; padding-bottom: 8rem; border-bottom: 1px solid var( --color-of-soft-border ); }
section.search-section p.searchbox { position: relative; margin-top: 2rem; }
section.search-section p.searchbox input#search-keywords { 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.search-section p.searchbox button#comp-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.search-section > span { position: absolute; left: 0; bottom: 2rem; font-size: 1.6rem; }
section.search-section > span span.rslt { margin-left: 0.6rem; color: var( --color-of-theme ); }
section.search-section p.keywords { position: relative; padding: 2rem calc( ( 100% - 900px ) / 2 + 10.5rem ) 2rem calc( ( 100% - 900px ) / 2 ); line-height: 3rem; text-align: left; text-indent: 3.5rem;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
section.search-section p.keywords span.ttl { margin-right: 2rem; font-size: 1.6rem; color: var( --color-of-gray ); }
section.search-section p.keywords button.keyword { margin: 0 0 0 1rem; padding-right: 3rem; font-size: 1.4rem; background-color: var( --color-of-white ); color: var( --color-of-tag ); border: 1px solid var( --color-of-soft-border ); border-radius: 2rem;
	background-image: var( --thin-tag-close-url ); background-repeat: no-repeat; background-position: center right 1rem; }
section.search-section p.keywords button.keyword:hover { color: var( --color-of-gray ); border-color: var( --color-of-tag-hv-bg ); background-color: var( --color-of-tag-hv-bg );
	background-image: var( --thin-gray-close-url ); }
section.search-section p.keywords button.reset { position: absolute; top: 50%; right: calc( ( 100% - 900px ) / 2 + 3.5rem ); padding: 0 0 0 2.2rem; font-size: 1.6rem; transform: translateY( -50% ); border: none; background: none; color: #5372a8;
	background-image: var( --reload-icon-url ); background-repeat: no-repeat; background-position: left; background-size: contain; }

section.list-section { padding: 3rem 0; }
section.list-section div.empty { padding: 9rem 0 6rem 0; width: 100%; font-size: 1.6rem; color: var( --color-of-light-gray ); }
section.list-section div.company { display: flex; padding: 3rem 0; border-bottom: 1px solid var( --color-of-soft-border );}
section.list-section div.company:first-child { padding-top: 0; }
section.list-section div.company div.video { position: relative; width: 250px; min-width: 250px; height: 140px; }
section.list-section div.company div.video img { width: 100%; height: 100%; border-radius: 1rem; cursor: pointer;}
section.list-section div.company div.video img.empty { position :absolute; top: 50%; left: 50%; ;width: 50%; height: 50%; border-radius: 0rem; transform: translate( -50%, -50% ) }
section.list-section div.company div.video i { position: absolute; top: 50%; left: 50%; width: 31px; height: 34px; transform: translate( -50%, -50% );
	background-image: var( --play-icon-url ); background-repeat: no-repeat;  z-index: 1; }
section.list-section div.company div.comp { padding: 0 3rem; width: 100%; text-align: left; }
section.list-section div.company div.comp h2 { margin: 2rem 0; text-align: left; }
section.list-section div.company div.comp h2 span { display: inline-block; font-size: 1.6rem; }
section.list-section div.company div.comp h2 span.comp-nm { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  font-size: 2rem; font-weight: bold; transition: color 0.4s; cursor: pointer; }
section.list-section div.company div.comp h2 span.comp-nm:hover { color: var( --color-of-theme ); transition: color 0.4s; }
section.list-section div.company div.comp h2 span.pro-ma-fld { margin-left: 3rem; max-width: 530px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
section.list-section div.company div.comp p.intrdt-dscr { max-width: 98%; font-size: 1.4rem; text-align: left; color: var( --color-of-gray );
	overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
section.list-section div.company div.comp p.tags { margin-top: 1.4rem; text-align: left; }
section.list-section div.company div.comp p.tags span { display: inline-block; margin-top: 0.6rem; font-size: 1.4rem; color: #6b85b3; }
section.list-section div.company div.comp p.tags span:not(:last-child) { margin-right: 2rem; }
section.list-section div.company div.func { display: flex; flex-direction: column; width: max-content; min-width: max-content; justify-content: space-around; }
section.list-section div.company div.func button.like { padding: 12px; border: 1px solid var( --color-of-light-gray); background-color: var( --color-of-white ); border: none;
	background-image: var( --icon-not-liked-url ); background-repeat: no-repeat; background-position: center; }
section.list-section div.company div.func button.like.on { background-image: var( --icon-liked-url ); }
section.list-section div.company div.func button.like:disabled { filter: grayscale(1); opacity: 0.7; }
section.list-section div.company div.func button.deals { padding: 0.6rem 1rem; font-size: 1.4rem; font-weight: lighter; border: none; background-color: var( --color-of-theme ); color: var( --color-of-white ); cursor: default; }

/* 공고 목록 */
section.list-section div.request-list { display: flex; flex-wrap: wrap; }
section.list-section div.request-list div.request { position: relative; margin: 0 1.5rem 3rem 1.5rem; padding: 3rem; width: 280px; border: 1px solid var( --color-of-soft-border ); border-radius: 1.6rem; }
section.list-section div.request-list div.request > button.scrap { position: absolute; top: 0; right: 1.6rem; padding: 0; width: 30px; height: 38px; border: none; background: none;
	background-image: var( --scrap-icon-off-url ); background-repeat: no-repeat; background-size: contain; }
section.list-section div.request-list div.request > button.scrap.on { background-image: var( --scrap-icon-on-url ); }
section.list-section div.request-list div.request > button.scrap:disabled { opacity: 0.5; }
section.list-section div.request-list div.request div.image { display: flex; padding: 0.4rem; width: 100%; height: 130px; align-items: center; justify-content: center; border: 1px solid var( --color-of-soft-border ); border-radius: 1rem; background-color: var( --color-of-drop-down-bg ); }
section.list-section div.request-list div.request div.image img { max-width: 100%; max-height: 100%; }
section.list-section div.request-list div.request p { margin-top: 1rem; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
section.list-section div.request-list div.request p.title { margin-top: 1.6rem; text-indent: 0.4rem; font-size: 1.6rem; }
section.list-section div.request-list div.request p.comp { margin-top: 1.4rem; text-indent: 0.4rem; font-size: 1.4rem; }
section.list-section div.request-list div.request p.comp span { margin-left: 0.4rem; }
section.list-section div.request-list div.request p.ma-fld { text-indent: 0.4rem; font-size: 1.4rem; color: var( --color-of-gray ); }
section.list-section div.request-list div.request p.period { text-indent: 0.4rem; font-size: 1.2rem; color: var( --color-of-light-gray ); }
section.list-section div.request-list div.request p button { width: 100%; padding: 1rem 0; font-size: 1.6rem; color: var( --color-of-white ); border: none; border-radius: 0.8rem; background-color: var( --color-of-theme ); }
section.list-section div.request-list div.request p button:disabled { background-color: var( --color-of-disabled ); }

/* 공고 상세 */
section.contents-section div.contents > h1 { margin: 2rem 0; font-size: 2.8rem; }
section.contents-section div.contents div.request-info { display: flex; padding: 2rem 0; border-bottom: 1px solid var( --color-of-soft-border ); }
section.contents-section div.contents div.request-info > div { display: flex; flex-direction: column; }
section.contents-section div.contents div.request-info > div.image-cont { padding-left: 2rem; width: 500px; }
section.contents-section div.contents div.request-info > div.image-cont img { width: 420px; height: 530px; }
section.contents-section div.contents div.request-info > div.req-infomation { width: calc( 100% - 500px ); text-align: left; }
section.contents-section div.contents div.request-info > div.req-infomation { text-align: left; }
section.contents-section div.contents div.request-info > div.req-infomation table { font-size: 1.6rem; }
section.contents-section div.contents div.request-info > div.req-infomation table tr th { padding-left: 0; font-weight: bold; text-align: left; }
section.contents-section div.contents div.request-info > div.req-infomation table tr td { position: relative; display: inline-grid; text-align: left; color: var( --color-of-gray ); }
section.contents-section div.contents div.request-info > div.req-infomation table tr td#attchment { display: block; padding-top: 0; }
section.contents-section div.contents div.request-info > div.req-infomation table tr td#attchment button { margin-right: 1rem; }
section.contents-section div.contents div.request-info > div.req-infomation table tr td span { display: inline-block; padding: 0.5rem 0; line-height: 2.2rem; text-align: left; }
section.contents-section div.contents div.request-info > div.req-infomation table tr td button.download { margin: 1rem 0 0 0; padding: 0 0.4rem 0.4rem 2.8rem; width: fit-content; max-width: 460px; font-size: 1.5rem; 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; }
section.contents-section div.contents div.request-info > div.req-infomation table tr td p.cp-btn { padding: 0.4rem 0; }
section.contents-section div.contents div.request-info > div.req-infomation table tr td p.cp-btn button { margin-right: 0.4rem; padding: 0.6rem 1.8rem; font-size: 1.6rem; color: var( --color-of-theme ); border: 1px solid var( --color-of-theme ); border-radius: 0.8rem; background-color: var( --color-of-white ); }
section.contents-section div.contents div.request-info > div.req-infomation table tr td p.cp-btn button:disabled { border-color: var( --color-of-soft-border ); color: var( --color-of-disabled ); }
section.contents-section div.contents div.request-info > div.req-infomation table tr td div.image { position: relative; display: flex; padding: 0.4rem; width: 220px; height: 130px; align-items: center; justify-content: center;
	border: 1px solid var( --color-of-soft-border ); border-radius: 1rem; background-color: var( --color-of-drop-down-bg ); cursor: pointer; }
section.contents-section div.contents div.request-info > div.req-infomation table tr td div.image img { max-width: 100%; max-height: 100%; }
section.contents-section div.contents div.request-info > div.req-infomation table tr td div.image i { position: absolute; bottom: 0; right: 0; width: 3rem; height: 3rem;
	background-image: var( --icon-plus-url ); background-repeat: no-repeat; background-size: contain; }
section.contents-section div.contents > div.functions { padding-top: 3rem; }
section.contents-section div.contents > div.functions button { padding: 1rem 4rem; font-size: 1.6rem; color: var( --color-of-white ); border: none; border-radius: 0.8rem; background-color: var( --color-of-theme ); }
section.contents-section div.contents > div.functions button:disabled { background-color: var( --color-of-light-gray ); }


/* 견적 요청하기 */
section.process-section h1 { margin: 2rem 0 5rem 0; padding: 0; font-size: 2.8rem; }
section.process-section div.one-to-one { margin-bottom: 4rem; padding: 0.4rem 0; line-height: 3rem; font-size: 1.4rem; color: var( --color-of-notice ); border: 1px solid var( --color-of-notice ); border-radius: 0.8rem; background-color: var( --color-of-notice-bg ); display: none; }
section.process-section div.one-to-one i { display: inline-block; margin-right: 0.8rem; width: 20px; height: 18px; transform: translateY(4px); background-image: var( --warnning-icon-url ); background-repeat: no-repeat; background-size: contain; }
section.process-section div.process-bar { position: relative; margin-bottom: 10rem; height: 1px; background-color: var( --color-of-soft-border ); }
section.process-section div.process-bar > div { position: absolute; top: -0.8rem; left: 50%; width: 26rem; background: none; }
section.process-section div.process-bar > div#step-1 { transform: translateX( calc( -50% - 26rem ) ); }
section.process-section div.process-bar > div#step-2 { transform: translateX( -50% ); }
section.process-section div.process-bar > div#step-3 { transform: translateX( calc( -50% + 26rem ) ); }
section.process-section div.process-bar > div > p.step { margin-top: 1.2rem; font-size: 1.4rem; color: var( --color-of-light-gray ); }
section.process-section div.process-bar > div > p.step-nm { margin-top: 1.2rem; font-size: 1.8rem; }
section.process-section div.process-bar > div > p i { display: inline-block; margin: 0 auto; width: 1.6rem; height: 1.6rem; background-image: var( --icon-step-inactive-url ); background-repeat: no-repeat; }
section.process-section div.process-bar > div.active > p.step-nm { color: var( --color-of-theme ); }
section.process-section div.process-bar > div.active > p i { background-image: var( --icon-step-active-url ); }

div.estimate-tab { display: none; }
div.estimate-tab.active { display: block; }
div.estimate-tab section.kind-section p.ttl { font-size: 1.8rem; text-align: left; }
div.estimate-tab section.kind-section p.ttl span.required { color: red; }
div.estimate-tab section.kind-section div.esti-type { display: flex; justify-content: center; margin-top: 2rem; }
div.estimate-tab section.kind-section div.esti-type > div { display: flex; flex-direction: column; margin: 0 1.5rem; width: 50rem; height: 15rem; align-items: center; justify-content: center; background-color: var( --color-of-bg );
	border: 1px solid var( --color-of-soft-border ); border-radius: 0.8rem; cursor: pointer; }
div.estimate-tab section.kind-section div.esti-type > div:hover { border-color: var( --color-of-theme-border ); }
div.estimate-tab section.kind-section div.esti-type > div h3 { margin: 0; font-size: 1.8rem; }
div.estimate-tab section.kind-section div.esti-type > div:hover h3 { color: var( --color-of-theme ); }
div.estimate-tab section.kind-section div.esti-type > div p { margin-top: 2rem; line-height: 2.4rem; font-size: 1.6rem; color: var( --color-of-gray ); }

div.estimate-tab section.input-section { margin-top: 5rem; }
div.estimate-tab section.input-section p.ttl { font-size: 1.8rem; text-align: left; }
div.estimate-tab section.input-section p.ttl span.required { color: red; }
div.estimate-tab section.input-section p.ttl span.descriptions { float: right; font-size: 1.4rem; color: var( --color-of-light-gray ); }
div.estimate-tab section.input-section > p.notice { margin-top: 1rem; padding-left: 3rem; text-align: left; color: var( --color-of-notice );
	background-image: var( --warnning-icon-url ); background-repeat: no-repeat; background-size: contain; background-position: center left 0.4rem; }
div.estimate-tab section.input-section > div { margin-top: 2rem; text-align: left; }
div.estimate-tab section.input-section > div 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.estimate-tab section.input-section > div 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.estimate-tab section.input-section > div input[type="text"].budget { width: 20rem; }
div.estimate-tab section.input-section > div input[type="text"].datepicker:disabled { background-image: var( --icon-calendar-disabled-url ); cursor: not-allowed; }
div.estimate-tab section.input-section > div select { padding: 1.4rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div.estimate-tab section.input-section > div > span { white-space: nowrap; }
div.estimate-tab section.input-section > div > span input[type="checkbox"],
div.estimate-tab section.input-section > div > span input[type="radio"] { margin: 0 0 0.4rem 0; width: 1.8rem; height: 1.8rem; vertical-align: middle; cursor: pointer; }
div.estimate-tab section.input-section > div > span input + label { margin-right: 2rem; padding-left: 1rem; line-height: 3rem; font-size: 1.6rem; cursor: pointer; }

div.estimate-tab section.input-section > div > 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.estimate-tab section.input-section > div > div#file-drop.file-hover { border-color: var( --color-of-theme ); }
div.estimate-tab section.input-section > div > 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.estimate-tab section.input-section > div > div#file-drop p { font-size: 1.4rem; color: var( --color-of-gray ); }
div.estimate-tab section.input-section > div > div#file-drop > * { pointer-events: none; }
div.estimate-tab section.input-section > div > div#file-drop input[type="file"] { display: none; }
div.estimate-tab section.input-section > div > p { text-align: left; }
div.estimate-tab section.input-section > div > p.direct { text-align: right; }
div.estimate-tab section.input-section > div > p.direct button.upload-file-btn { margin-right: 1rem; padding: 0; border: none; background: none; color: var( --color-of-theme ); text-decoration: underline; }
div.estimate-tab section.input-section > div > p.attched > span { display: inline-block; margin-right: 2rem; line-height: 4rem; }
div.estimate-tab section.input-section > div > p.attched > span button { padding: 0; background: none; border: none; border-radius: 0; }
div.estimate-tab section.input-section > div > p.attched > span button.upload-file { padding: 0 0.5rem 0.2rem 2.8rem; font-size: 1.4rem; 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.estimate-tab section.input-section > div > p.attched > 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.estimate-tab section.input-section > div > textarea { padding: 1rem; width: 100%; height: 18rem; font-size: 1.6rem; border: 1px solid var( --color-of-soft-border); border-radius: 1rem; color: var( --color-of-gray ); }

div.estimate-tab section.input-section > div.addr { display: flex; flex-wrap: wrap; margin-top: 1rem; font-size: 1.6rem; }
div.estimate-tab section.input-section > div.addr div.dlvr { display: flex; flex-direction: column; padding: 1rem; width: 50%; }
div.estimate-tab section.input-section > div.addr div.dlvr p { line-height: 2.2rem; text-align: left; text-indent: 2.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var( --color-of-gray ); }
div.estimate-tab section.input-section > div.addr div.dlvr p.dlvr-ttl { padding-bottom: 0.4rem; text-indent: 0; color: var( --default-font-color ); }
div.estimate-tab section.input-section > div.addr div.dlvr p input[type="radio"] { margin: 0 0 0.4rem 0; width: 1.8rem; height: 1.8rem; vertical-align: middle; cursor: pointer; }
div.estimate-tab section.input-section > div.addr div.dlvr p input[type="radio"] + label { padding-left: 1rem; line-height: 3rem; font-size: 1.6rem; cursor: pointer; }
div.estimate-tab section.input-section > div.addr div.dlvr p input[type="radio"] + label + span { margin-left: 1rem; line-height: 3rem; font-size: 1.2rem; padding: 0.4rem 0.8rem; vertical-align: middle; border-radius: 0.4rem; background-color: var( --color-of-theme ); color: var( --color-of-white ); }
div.estimate-tab section.input-section > p button#add-dlvr { padding: 0 0.4rem 0.2rem 2rem; font-size: 1.6rem; border: none; background: none; color: var( --color-of-theme ); border-bottom: 1px solid var( --color-of-theme-border ); border-radius: 0;
	background-image: var( --icon-add-url ); background-repeat: no-repeat; background-position: center left 0.4rem; }

div.estimate-tab > h1 { margin: 2rem 0 5rem 0; padding: 0; font-size: 2.8rem; }
div.estimate-tab > div.esti-req-info { display: flex; }
div.estimate-tab > div.esti-req-info .image-cont { padding-left: 2rem; width: 440px; }
div.estimate-tab > div.esti-req-info .image-cont img { width: 420px; height: 540px; }
div.estimate-tab > div.esti-req-info .req-info { padding-left: 6rem; width: calc( 100% - 440px ); text-align: left; }
div.estimate-tab > div.esti-req-info .req-info table { font-size: 1.6rem; }
div.estimate-tab > div.esti-req-info .req-info table tr th { padding-left: 0; font-weight: bold; text-align: left; vertical-align: top; }
div.estimate-tab > div.esti-req-info .req-info table tr td { padding: 0.8rem 1rem; line-height: 2.4rem; text-align: left; color: var( --color-of-gray ); }
div.estimate-tab > div.esti-req-info .req-info table tr td button.upload-file { margin: 0.4rem 1rem 0.4rem 0; padding: 0 0.5rem 0.2rem 2.8rem; max-width: 320px; font-size: 1.4rem; color: var( --color-of-theme ); background: none; border: none; border-radius: 0; border-bottom: 1px solid var( --color-of-theme ); 
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	background-image: var( --clip-icon-url ); background-repeat: no-repeat; background-size: 1.6rem; background-position: center left 0.4rem; cursor: default; }
div.estimate-tab > div.esti-req-info .req-info table tr td p { text-align: left; }
div.estimate-tab > div.esti-req-info .req-info table tr td p.dlvrNm { padding-bottom: 0.6rem; color: var( --color-of-theme ); }
div.estimate-tab > div.esti-req-info .req-info table tr td span.comp { margin-left: 1rem; font-size: 1.4rem; color: var( --color-of-theme ); }

section.func-section { display: flex; margin-top: 3rem; padding: 3rem 0 0 0; justify-content: space-between; border-top: 1px solid var( --color-of-soft-border ); }
section.func-section button { padding: 1rem 4rem; font-size: 1.6rem; color: var( --color-of-white ); border: none; border-radius: 0.8rem; background-color: var( --color-of-theme ); }
section.func-section button:disabled { background-color: var( --color-of-light-gray ); }

/* 견적 요청 기업 검색 popup */
div#search-ma-comp-popup div.content { padding: 2rem 2rem 3rem 2rem; }
div#search-ma-comp-popup div.content > div.head p { margin-top: 4rem; font-size: 2.2rem; }
div#search-ma-comp-popup div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#search-ma-comp-popup div.content > div.body { padding: 3rem 0; }
div#search-ma-comp-popup div.content > div.body p { position: relative; text-align: right; }
div#search-ma-comp-popup div.content > div.body p.search-box input[type="text"]#ma-search { padding: 1.4rem 4rem 1.4rem 1.4rem; width: 100%; font-size: 1.6rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; color: var( --color-of-gray ); }
div#search-ma-comp-popup div.content > div.body p.search-box button.ma-search-btn { position: absolute; top: 50%; right: 1rem; padding: 0; width: 22px; height: 24px; transform: translateY(-50%); border: none; background: none;
	background-image: var( --search-icon-url ); background-repeat: no-repeat; }
div#search-ma-comp-popup div.content > div.body p span.description { display: inline-block; margin-top: 1rem; font-size: 1.4rem; color: var( --color-of-light-gray ); }
div#search-ma-comp-popup div.content > div.body h3 { margin: 5rem 0 0 0; padding-bottom: 2rem; font-size: 1.6rem; text-align: left; border-bottom: 1px solid var( --color-of-soft-border ); }
div#search-ma-comp-popup div.content > div.body h3 span { color: var( --color-of-theme ); }
div#search-ma-comp-popup div.content > div.body div#ma-result-list { max-height: 50rem; overflow: hidden; }
div#search-ma-comp-popup div.content > div.body div#ma-result-list div.empty { padding: 8rem 0 5rem 0; font-size: 1.6rem; color: var( --color-of-light-gray ); }
div#search-ma-comp-popup div.content > div.body div#ma-result-list div.comp { display: flex; padding: 3rem 0; border-bottom: 1px solid var( --color-of-soft-border ); }
div#search-ma-comp-popup div.content > div.body div#ma-result-list div.comp div.info { display: flex; padding-left: 1rem; width: 73%; flex-direction: column; }
div#search-ma-comp-popup div.content > div.body div#ma-result-list div.comp div.info p { padding-right: 2rem; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#search-ma-comp-popup div.content > div.body div#ma-result-list div.comp div.info p.comp-nm { font-size: 2rem; color: var( --color-of-theme ); }
div#search-ma-comp-popup div.content > div.body div#ma-result-list div.comp div.info p.ceo-nm { margin-top: 2rem; font-size: 1.6rem; }
div#search-ma-comp-popup div.content > div.body div#ma-result-list div.comp div.info p.addr { margin-top: 1.4rem; font-size: 1.6rem; }
div#search-ma-comp-popup div.content > div.body div#ma-result-list div.comp div.func { display: flex; padding-right: 1rem; width: 27%; align-items: center; justify-content: center; }
div#search-ma-comp-popup div.content > div.body div#ma-result-list div.comp div.func button { padding: 1rem 3rem; height: fit-content; font-size: 1.6rem; color: var( --color-of-white ); border: none; border-radius: 0.8rem; background-color: var( --color-of-theme ); }
div#search-ma-comp-popup div.content > div.body div#ma-result-list div.comp div.func button:disabled { background-color: var( --color-of-disabled ); color: var( --color-of-white ); }

/* 배송지 추가 popup */
div#add-delivery-popup div.content { padding: 2rem 2rem 3rem 2rem; }
div#add-delivery-popup div.content > div.head p { margin-top: 4rem; font-size: 2.2rem; }
div#add-delivery-popup div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#add-delivery-popup div.content > div.body { padding: 3rem 0; }
div#add-delivery-popup div.content > div.body table tr th { text-align: left; font-size: 1.6rem; }
div#add-delivery-popup div.content > div.body table tr th span.required { color: var( --color-of-notice ); }
div#add-delivery-popup div.content > div.body table tr td { position: relative; text-align: left; }
div#add-delivery-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#add-delivery-popup div.content > div.body table tr td select { margin-right: 2rem; padding: 1rem; width: 100%; font-size: 1.6rem; border-radius: 0.6rem; border: 1px solid var( --color-of-default-border ); }
div#add-delivery-popup div.content > div.body table tr td select + input { margin-top: 1rem; }
div#add-delivery-popup div.content > div.body table tr td input[type="text"] + input { margin-top: 1rem; }
div#add-delivery-popup div.content > div.body table tr td button.input-sub { position: absolute; right: 2rem; top: 50%; padding: 0.6rem 1rem; width: max-content; transform: translateY( -50% ); font-size: 1.4rem; font-weight: lighter;
	color: var( --color-of-white ); border: none; border-radius: 0.6rem; background-color: var( --color-of-theme ); }

/* company-intro */
section.contents-section div.comp-intro-contents div.dashboard-banner { display: flex; width: 100%; height: 170px; justify-content: left; align-items: center; border-radius: 1.4rem;
	background-image: var( --dashboard-banner-url ); background-repeat: no-repeat; background-position: center; background-size: cover; }
section.contents-section div.comp-intro-contents div.dashboard-banner img { margin-left: 3rem; width: 100px; height: 100px; border-radius: 100px; }
section.contents-section div.comp-intro-contents div.infomations { display: flex; margin-top: 3rem; width: 100%; justify-content: space-between; }
section.contents-section div.comp-intro-contents div.infomations div.info { position: relative; display: flex; flex-direction: column; padding: 2rem; width: 220px; background-color: var( --color-of-white );
	border: 1px solid var( --color-of-theme ); border-radius: 1.4rem; }
section.contents-section div.comp-intro-contents div.infomations div.info.title { padding: 3rem 2rem; width: 250px; background-color: var( --color-of-theme ); border: none; }
section.contents-section div.comp-intro-contents div.infomations div.info.title * { color: var( --color-of-white ); }
section.contents-section div.comp-intro-contents div.infomations div.info.title h3 { margin: 0; font-size: 1.6rem; text-align: left; }
section.contents-section div.comp-intro-contents div.infomations div.info.title p { margin-top: 2rem; font-size: 1.4rem; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
section.contents-section div.comp-intro-contents div.infomations.cp-intro { padding-bottom: 3rem; }
section.contents-section div.comp-intro-contents div.infomations div.wide-info { position: relative; display: flex; flex-direction: row; padding: 0; width: 970px; align-items: end; }
section.contents-section div.comp-intro-contents div.infomations div.wide-info div.buttons { display: flex; width: fit-content; height: fit-content; }
section.contents-section div.comp-intro-contents div.infomations div.wide-info div.buttons button { margin: 0 0.5rem; padding: 1rem; width: max-content; font-size: 1.6rem; color: var( --color-of-theme ); border: 1px solid var( --color-of-theme ); border-radius: 0.8rem; background-color: var( --color-of-white ); }
section.contents-section div.comp-intro-contents div.infomations div.wide-info div.buttons button.fav { padding: 1rem 2rem; border-color: var( --color-of-soft-border );
	background-image: var( --icon-not-fav-url ); background-repeat: no-repeat; background-position: center;}
section.contents-section div.comp-intro-contents div.infomations div.wide-info div.buttons button.fav.on { background-image: var( --icon-fav-url ); border-color: var( --color-of-theme ); }
section.contents-section div.comp-intro-contents div.infomations div.wide-info div.buttons button:disabled { color: var( --color-of-disabled ); border-color: var( --color-of-soft-border ); }
section.contents-section div.comp-intro-contents div.infomations div.wide-info div.tags { display: flex; flex-wrap: wrap; padding: 0 0 0 2rem; width: 100%; height: fit-content; }
section.contents-section div.comp-intro-contents div.infomations div.wide-info div.tags span { padding: 0.4rem 0.8rem 0 0; font-size: 1.6rem; color: var( --color-of-gray ); }
section.contents-section div.comp-intro-contents > section { padding: 2rem 1rem; border-top: 1px solid var( --color-of-soft-border ); }
section.contents-section div.comp-intro-contents > section:last-child { padding-bottom: 0; }
section.contents-section div.comp-intro-contents > section h2 { margin: 0 0 1rem 0; line-height: 3rem; font-size: 2rem; text-align: left; }
section.contents-section div.comp-intro-contents > section h2 .required { color: red; }
section.contents-section div.comp-intro-contents > section h2 span.ttl { float: left; display: block; width: 12rem; text-align: left; }
section.contents-section div.comp-intro-contents > section h2 button#edit-intro-btn { float: right; padding: 0; width: 32px; height: 32px; border: none; background: none; background-image: var( --icon-edit-url ); background-repeat: no-repeat; background-size: contain; }
section.contents-section div.comp-intro-contents > section h2 button.toggle { float: left; padding: 0; width: 51px; height: 29px; border: none; background: none; background-image: var( --btn-toggle-off-url ); background-repeat: no-repeat; background-size: contain; }
section.contents-section div.comp-intro-contents > section h2 button.toggle.on { background-image: var( --btn-toggle-on-url ); }
section.contents-section div.comp-intro-contents > section h2 button.add,
section.contents-section div.comp-intro-contents > section h2 button.prev,
section.contents-section div.comp-intro-contents > section h2 button.next { float: right; padding: 0; width: 3rem; height: 3rem; border: 1px solid var( --color-of-soft-border ); border-radius: 3rem; background-color: #fff; background-repeat: no-repeat; background-position: center; }
section.contents-section div.comp-intro-contents > section h2 button.add:disabled,
section.contents-section div.comp-intro-contents > section h2 button.prev:disabled,
section.contents-section div.comp-intro-contents > section h2 button.next:disabled { opacity: 0.4; }
section.contents-section div.comp-intro-contents > section h2 button.add { border-color: var( --color-of-theme ); background-image: var( --icon-add-url ); }
section.contents-section div.comp-intro-contents > section h2 button.prev { margin-left: 2rem; background-image: var( --icon-prev-url ); }
section.contents-section div.comp-intro-contents > section h2 button.prev:not(:disabled):hover { border-color: var( --color-of-theme ); }
section.contents-section div.comp-intro-contents > section h2 button.next { margin-left: 1rem; background-image: var( --icon-next-url ); }
section.contents-section div.comp-intro-contents > section h2 button.next:not(:disabled):hover { border-color: var( --color-of-theme ); }
section.contents-section div.comp-intro-contents > section.linker { padding: 2.6rem 1rem; text-align: left; border-top: 1px solid var( --color-of-soft-border ); }
section.contents-section div.comp-intro-contents > section.linker a { font-size: 1.8rem; color: var( --color-of-gray ); }
section.contents-section div.comp-intro-contents > section.linker span { display: inline-block; margin: 0 3rem; width: 1px; height: 1.8rem; vertical-align: middle; background-color: var( --color-of-soft-border ); }
section.contents-section div.comp-intro-contents > section.comp-intro textarea { padding: 1rem; width: 100%; height: 30rem; font-size: 1.6rem; border: 1px solid var( --color-of-soft-border); border-radius: 1rem; color: var( --color-of-gray ); }
section.contents-section div.comp-intro-contents > section.comp-intro textarea:disabled { border: none; background: none; cursor: auto !important;}
section.contents-section div.comp-intro-contents > section.comp-intro p { margin-top: 1rem; text-align: right; display: none; }
section.contents-section div.comp-intro-contents > section.comp-intro p button { font-size: 1.4rem; padding: 1rem 3rem; border-radius: 0.6rem; border: none; background-color: var( --color-of-theme ); color: var( --color-of-white ); }
section.contents-section div.comp-intro-contents > section.comp-info p { padding: 1rem 0; font-size: 1.6rem; text-align: left; }
section.contents-section div.comp-intro-contents > section.comp-info p span { margin-left: 1rem; display: inline-block; text-align: left; }
section.contents-section div.comp-intro-contents > section.comp-info p span.ttl { width: 16rem; }
section.contents-section div.comp-intro-contents > section.comp-info p span.data { color: var( --color-of-gray ); }
section.contents-section div.comp-intro-contents > section.comp-vod div.vod { padding: 1rem 0; display: flex; justify-content: center; gap: 40px; }
section.contents-section div.comp-intro-contents > section.comp-vod div.vod.empty { padding: 6rem 0; color: var( --color-of-light-gray ); }
section.contents-section div.comp-intro-contents > section.comp-vod div.vod div.vod-content { display: flex; flex-direction: column; align-items: center; }
section.contents-section div.comp-intro-contents > section.comp-vod div.vod div.vod-content iframe.long-form { width: 740px; height: 416px; border-radius: 2rem; }
section.contents-section div.comp-intro-contents > section.comp-vod div.vod div.vod-content iframe.short-form { width: 234px; height: 416px; border-radius: 2rem; }
section.contents-section div.comp-intro-contents > section.comp-vod div.vod div.vod-content p { padding: 3rem; font-size: 1.6rem; max-width: 300px; }
section.contents-section div.comp-intro-contents > section.img-section div.img-list { margin-top: 4rem; width: 1230px; height: fit-content !important; text-align: left; white-space: nowrap; overflow-x: hidden; }
section.contents-section div.comp-intro-contents > section.img-section div.img-list > .img-list { margin-top: 1rem; padding-bottom: 1rem; }
section.contents-section div.comp-intro-contents > section.img-section div.img-list .no-img { padding: 9rem 0; font-size: 1.6rem; color: var( --color-of-light-gray ); }
section.contents-section div.comp-intro-contents > section.img-section div.img-list .img { display: inline-block; padding: 1rem; width: 300px; height: fit-content; }
section.contents-section div.comp-intro-contents > section.img-section div.img-list .img .thumb { position: relative; width: 100%; height: 160px; border-radius: 1rem; background-position: center; background-size: cover; cursor: pointer; }
section.contents-section div.comp-intro-contents > section.img-section div.img-list .img .thumb button.context { position: absolute; right: 1rem; bottom: 1rem; padding: 0; width: 34px; height: 34px; border: none; background: none; opacity: 0.8;
	background-image: var( --context-icon-url ); background-repeat: no-repeat; background-size: contain; }
section.contents-section div.comp-intro-contents > section.img-section div.img-list .img .thumb div.context-box { position: absolute; right: 0; bottom: -2.2rem; height: fit-content; padding: 0.4rem 1rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.6rem; box-shadow: 2px 2px 6px var( --color-of-light-gray ); display: none; }
section.contents-section div.comp-intro-contents > section.img-section div.img-list .img .thumb div.context-box.on { display: block; }
section.contents-section div.comp-intro-contents > section.img-section div.img-list .img .thumb div.context-box button { padding: 0.4rem 1rem; font-size: 1.4rem; border: none; background: none; text-decoration: underline; color: var( --color-of-gray ); }
section.contents-section div.comp-intro-contents > section.img-section div.img-list .img .thumb div.context-box button:last-child { margin-left: 1rem; }
section.contents-section div.comp-intro-contents > section.img-section div.img-list .img .thumb i { display: none; }
section.contents-section div.comp-intro-contents > section.img-section div.img-list .img .thumb.vod i { position: absolute; top: 50%; left: 50%; display: block; width: 31px; height: 34px; transform: translate( -50%, -50% );
	background-image: var( --play-icon-url ); background-repeat: no-repeat; z-index: 1; }
section.contents-section div.comp-intro-contents > section.img-section div.img-list .img > p { margin-top: 3rem; font-size: 1.6rem; width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
section.contents-section div.comp-intro-contents > section.img-section.vertical div.img-list .img .thumb { height: 380px; }
section.contents-section div.comp-intro-contents > section.img-section.vertical div.img-list .img .thumb button.context { top: 1rem; }
section.contents-section div.comp-intro-contents > section.img-section.vertical div.img-list .img .thumb div.context-box { top: 4.2rem; }
section.contents-section div.comp-intro-contents > section.img-section.vertical div.img-list .img  .thumb > p { position: absolute; bottom: 0; left: 0; padding: 3rem 1rem; width: 100%; font-size: 1.6rem; text-align: center; 
	overflow: hidden; text-overflow: ellipsis; color: var( --color-of-white ); background-color: rgba( 0, 0, 0, 0.4); border-radius: 0 0 1rem 1rem; }


/* 기업에 문의하기 popup */
div#inquirey-to-comp-popup div.content { padding: 2rem; }
div#inquirey-to-comp-popup div.content > div.head p { margin-top: 4rem; font-size: 2.2rem; }
div#inquirey-to-comp-popup div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#inquirey-to-comp-popup div.content > div.body { padding: 2.5rem 0; }
div#inquirey-to-comp-popup div.content > div.body p.dscr { font-size: 1.8rem; color: var( --color-of-gray ); }
div#inquirey-to-comp-popup div.content > div.body p.dscr span { margin-right: 0.4rem; color: var( --color-of-theme ); }
div#inquirey-to-comp-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-comp-popup div.content > div.body table tr.only-guest { display: none; }
div#inquirey-to-comp-popup div.content > div.body table tr th { font-weight: var( --font-weight-normal ); text-align: left; font-size: 1.6rem; }
div#inquirey-to-comp-popup div.content > div.body table tr th span.required { color: var( --color-of-notice ); }
div#inquirey-to-comp-popup div.content > div.body table tr td { position: relative; text-align: left; }
div#inquirey-to-comp-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-comp-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-comp-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-comp-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#suggest-quote-content-popup div.content { padding: 2rem; }
div#suggest-quote-content-popup div.content > div.head p { margin-top: 4rem; font-size: 2.2rem; }
div#suggest-quote-content-popup div.content > div.head button.dim-close { background-image: var( --simple-close-url ); background-repeat: no-repeat; background-size: contain; }
div#suggest-quote-content-popup div.content > div.body { padding: 2.5rem 0; }
div#suggest-quote-content-popup div.content > div.body p.dscr { margin-bottom: 3rem; font-size: 1.8rem; color: var( --color-of-gray ); }
div#suggest-quote-content-popup div.content > div.body p.dscr span { margin-right: 0.4rem; color: var( --color-of-theme ); }
div#suggest-quote-content-popup div.content > div.body div#input { padding: 2.5rem 0; max-height: 52rem; border-top: 1px solid var( --color-of-soft-border ) !important; border-bottom: 1px solid var( --color-of-soft-border ) !important; }
div#suggest-quote-content-popup div.content > div.body table tr th { font-weight: var( --font-weight-normal ); text-align: left; font-size: 1.6rem; }
div#suggest-quote-content-popup div.content > div.body table tr th span.required { color: var( --color-of-notice ); }
div#suggest-quote-content-popup div.content > div.body table tr td { position: relative; font-size: 1.6rem; text-align: left; color: var( --color-of-gray ); }
div#suggest-quote-content-popup div.content > div.body table tr td.accept-formats { font-size: 1.4rem; color: var( --color-of-light-gray ); }
div#suggest-quote-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#suggest-quote-content-popup div.content > div.body table tr td input[type="text"].budget { width: 20rem; }
div#suggest-quote-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#suggest-quote-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#suggest-quote-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#suggest-quote-content-popup div.content > div.body table tr td button.add-meet-date:disabled { opacity: 0.4; }
div#suggest-quote-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#suggest-quote-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#suggest-quote-content-popup div.content > div.body table tr td span.duedate-dscr { margin-left: 1rem; color: var( --color-of-theme); display: none; }
div#suggest-quote-content-popup div.content > div.body table tr td span.attched-file { display: block; margin-top: 0.4rem; padding-left: 2.2rem; width: fit-content; max-width: 80%; text-align: left; font-size: 1.4rem; 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.5rem; background-position: top 0.4rem left 0; word-break: break-all; }
div#suggest-quote-content-popup div.content > div.body table tr td 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#suggest-quote-content-popup div.content > div.body table tr td div#file-drop.file-hover { border-color: var( --color-of-theme ); }
div#suggest-quote-content-popup div.content > div.body table tr td 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#suggest-quote-content-popup div.content > div.body table tr td div#file-drop p { font-size: 1.4rem; color: var( --color-of-gray ); }
div#suggest-quote-content-popup div.content > div.body table tr td div#file-drop img { display: none; object-fit: cover; }
div#suggest-quote-content-popup div.content > div.body table tr td div#file-drop.release { border: none; background: none; }
div#suggest-quote-content-popup div.content > div.body table tr td div#file-drop.release img { display: block; margin: 0 auto; width: 280px; border: 1px solid var( --color-of-default-border ); border-radius: 1rem; }
div#suggest-quote-content-popup div.content > div.body table tr td div#file-drop.release img.horizon { height: 160px; }
div#suggest-quote-content-popup div.content > div.body table tr td div#file-drop.release img.vertical { height: 380px; }
div#suggest-quote-content-popup div.content > div.body table tr td p.direct { text-align: right; }
div#suggest-quote-content-popup div.content > div.body table tr td p.direct button.upload-file-btn { padding: 0; border: none; background: none; color: var( --color-of-theme ); text-decoration: underline; }
div#suggest-quote-content-popup div.content > div.body table tr td p.notice { margin-top: 0.4rem; padding-left: 2.4rem; font-size: 1.4rem; text-align: left; color: var( --color-of-notice );
	background-image: var( --warnning-icon-url ); background-repeat: no-repeat; background-size: 1.6rem; background-position: top 0.2rem left; }
div#suggest-quote-content-popup div.content > div.body table tr td div#file-drop > * { pointer-events: none; }
div#suggest-quote-content-popup div.content > div.body table tr td div#file-drop input[type="file"] { display: none; }
div#suggest-quote-content-popup div.content > div.footer { margin-top: 0; }
div#suggest-quote-content-popup div.content > div.footer button { font-size: 1.6rem; }


/* 기업정보 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 ); }