@import url('bootstrap.min.css');

/* Reset */
html {
	font-family: 'Pretendard', sans-serif;
	font-size: 16px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	-webkit-text-size-adjust: none;
}
/* Box Model */

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Containers */

.ui-widget-header { border: 0px solid #dddddd; background: #fff; }

.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; margin-top: -10px;}

.ui-datepicker .ui-datepicker-title { margin: 0px 37px; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold; }

.ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 20px; padding-bottom: 10px; width: 300px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); }

.ui-widget.ui-widget-content { border: 1px solid #eee; }

#datepicker:focus>.ui-datepicker { display: block; }

.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; }

.ui-datepicker-next { float: right; }

.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); }

.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; }

.ui-datepicker-calendar { width: 100%; }

.ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 400; }

.ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none;}

.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; }

.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 44px; height: 30px; cursor: pointer; padding: 5px; font-weight: 100; text-align: center; font-size: 12px; }

.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; }

.ui-widget-header .ui-icon { background-image: url('/images/btns.png'); }

.ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; }

.ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; }

.ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; }

.ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; }

.ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; }

.ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border: 0px; background: #f1f1f1; border-radius: 50%; padding-top: 10px; padding-bottom: 10px; }

/* jQuery UI Datepicker — 오늘/선택 날짜 정원 + 컬러 표기 (입찰 스케줄, 입찰/직판매·개별입찰 등록 datepicker 공통) */
.ui-datepicker-calendar > tbody > tr > td > a.ui-state-default {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0 auto;
    border-radius: 50%;
    box-sizing: border-box;
    line-height: 1;
}
/* 오늘 날짜: primary 컬러 1px 테두리, 배경 투명 */
.ui-datepicker-calendar > tbody > tr > td > a.ui-state-highlight {
    border: 1px solid var(--PrimaryColor, #FF5D18);
    background: transparent;
}
/* 선택한 날짜: primary 배경 + 흰 글씨 (today와 겹쳐도 우선 적용) */
.ui-datepicker-calendar > tbody > tr > td > a.ui-state-active {
    background: var(--PrimaryColor, #FF5D18) !important;
    border: 1px solid var(--PrimaryColor, #FF5D18);
    color: #fff !important;
}

.inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; }

.inp:focus { outline: none; background-color: #eee; }


.container {
	width: 1440px;
	padding: 0 20px;
	margin-left: auto;
	margin-right: auto;
}
.home_container {
	width: 1440px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
/* 최근입찰 flex 컨테이너 — Swiper wrapper와 충돌 없이 분리 */
#content2 .home_container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
#main .top {
	position: fixed;
	right: 1%;
	top: 430px;
}
#main .top2 {
	position: fixed;
	right: 1%;
	/* 특허 배지(2번째 top 290 + height 122 = 412) 아래로 */
	top: 425px;
	line-height: 1.2em;
}
#main .top3 {
	position: fixed;
	right: 1%;
	top: 665px;
	line-height: 1.2em;
}
#main .top4 {
	position: fixed;
	right: 1%;
	top: 705px;
	line-height: 1.2em;
}
.top {
	position: fixed;
	right: 1%;
	top: 290px;
	z-index: 10;
}
.top2 {
	position: fixed;
	right: 1%;
	top: 400px;
	z-index: 10;
}
.top3 {
	position: fixed;
	right: 1%;
	top: 515px;
	z-index: 10;
}
.top4 {
	position: fixed;
	right: 1%;
	top: 555px;
	z-index: 10;
}
.mcalender {
	display:inline-block;width: 112px;height: 102px;border-radius : 20px;text-align: center; padding-top: 26px;position: relative;
	background: #ffffff;
	-webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
}
/* 앱 QR : 우측 플로팅 열의 특허 배지(.bid-float-certi01/02)와 크기·모양 통일 */
.mcalender2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 112px;
	height: 122px;
	padding: 12px 10px;
	box-sizing: border-box;
	border-radius: 20px;
	text-align: center;
	position: relative;
	background: #ffffff;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
.mcalender2 img {
	display: block;
}
.mcalender3 {
	display:inline-block;width: 102px;height: 32px;border-radius : 20px;text-align: center; padding-top: 5px;position: relative;
	background: #ff743f;
	-webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
}
.mcalender4 {
	display:inline-block;width: 102px;height: 133px;border-radius : 20px;text-align: center; position: relative;
	background: #ffffff;
	-webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
}
a .mcalender p {
	font-size: 14px;
	color: #222;
	font-weight: bold;
	letter-spacing: -1px;
}
span .mcalender2 font {
	line-height: normal;
	display: block;
	font-size: 12px;
	color: #000;
	font-weight: 500;
	letter-spacing: normal;
}
.mcalender3 span {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	letter-spacing: -1px;
}
.mcalender4 ul {
	margin: 2px 0;
}
.mcalender4 ul li{
	border-bottom: 1px solid #ececec;
	padding: 6px 0;
	font-size: 14px;
}
.mcalender4 ul li:hover{
	background: #fe5f40;
}
.mcalender4 ul li:hover a{
	color: #fff;
}
.mcalender4 ul li:nth-child(4) {
	border-bottom: 0;
}
.mcalender4 ul li a {
	color: #222;
	font-weight: bold;
}

.mcalender .ca_num {
	position: absolute;
	background: #dc2126;
	border-radius : 15px;
	width:30px ;
	height: 30px;
	right: 10px;
	top: 10px;
	color: #fff;
	font-weight: bold;
	padding-top: 6px;
}
.rbanner {
	display: block;margin-bottom:5px;width:100px;
}
.gap {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0;
}
/* Grid */

.row {
	border-bottom: solid 1px transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.row > * {
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.row:after, .row:before {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.row > * {
	padding: 0 0 0 20px;
}
.row {
	margin: 0 0 -1px -20px;
}
.smallay {
	width: 996px;margin: 0 auto;
}
.block {
	display: block;
}
.mh2 {
	text-align: left;
	font-weight: 900;
	font-size: 50px;
	color: #353535;
	letter-spacing: -2px;
	margin-top: 15px;
	line-height: 75px;
	padding: 60px 185px 0;
	color: #fff;
}
.mh2 span {
	color: #ff743f;
	display: block;
}

.\39 u, .\39 u\24 {
	width: 75%;
	clear: none;
	margin-left: 0;
}
.\38 u, .\38 u\24 {
	width: 66.6666666667%;
	clear: none;
	margin-left: 0;
}
.\37 u, .\37 u\24 {
	width: 58.33333%;
	clear: none;
	margin-left: 0;
}
.\36 u, .\36 u\24 {
	width: 50%;
	clear: none;
	margin-left: 0;
}
.\35 u, .\35 u\24 {
	width: 41.66667%;
	clear: none;
	margin-left: 0;
}
.\34 u, .\34 u\24 {
	width: 33.3333333333%;
	clear: none;
	margin-left: 0;
}
.w33 {
	width: 33.3333333333%;float:left;
}
.w50 {
	width: 50%;float:left;
}
.w66 {
	width: 66.6666666667%;float:left;
}
.\-12u {
	margin-left: 100%;
}
.\-11u {
	margin-left: 91.66667%;
}
.\-10u {
	margin-left: 83.33333%;
}
.\-9u {
	margin-left: 75%;
}
.\-8u {
	margin-left: 66.66667%;
}
.\-7u {
	margin-left: 58.33333%;
}
.\-6u {
	margin-left: 50%;
}
.\-5u {
	margin-left: 41.66667%;
}
.\-4u {
	margin-left: 33.33333%;
}

.\-2u {
	margin-left: 16.66667%;
}
.\-1u {
	margin-left: 8.33333%;
}
/* Basic */

body {
	background: #fff;
	color: #474f51;
	font-size: 1em;
	font-family: 'Pretendard', sans-serif;
	line-height: 1.3em;
	font-weight: 300;
}
input, textarea, select {
	color: #474f51;
	font-size: 1em;
	font-family: 'Pretendard', sans-serif;
	line-height: 1em;
	font-weight: 300;
	padding: 4px 12px;
	border: 1px solid #c1c1c1;
	float: left;
	margin-top: 3px;
}
.input-cal {
	width: 115px;
	display: inline-block;
	padding: 4px 5px;
	height: 30px;
	background: #fff url(images/ic_calendar.png) no-repeat 93% 6px;
}
select {
	height: 30px;
	float: left;
}
select::-ms-expand {
}
/* check, hover IE, Chrome */
select option:checked, select option:hover {
	background: #7092BE;
	color: #fff;
}
/* check, hover FireFox */
select option:checked, select option:hover {
	box-shadow: 0 0 10px 100px #7092BE inset;
	color: #fff;
}
.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}
.select {
	cursor: pointer;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	font-size: 13px;
	color: #777;
	width: 130px;
	height: 32px;
	float: left;
}
.select-styled {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #aaa #d7d7d7 #d7d7d7 #aaa;
	background-color: #fff;
	padding: 5px 10px;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.select-styled:after {
	content: "";
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-color: #000 transparent transparent transparent;
	position: absolute;
	top: 12px;
	right: 10px;
}
.select-styled:hover {
	background-color: #59bcdf;
	color: #fff;
	border: 1px solid #3cabd1;
}
.select-styled:active, .select-styled.active {
	background-color: #3cabd1;
	border: 1px solid #3cabd1;
	color: #fff;
}
.select-styled:active:after, .select-styled.active:after {
	top: 9px;
	border-color: transparent transparent #fff transparent;
}
.select-styled.disable {
	background-color : #eee !important;
}
.select-options-h150 {
	height: 130px!important;
}
.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #3cabd1;
	color: #fff;
	overflow-y: scroll;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-face-color: #49bde1;
	scrollbar-shadow-color: #9ee7fc;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: #49bde1;
	scrollbar-arrow-color: #fff;
}
.select-options li {
	overflow: hidden;
	height: 34px;
	margin: 0;
	padding: 6px 0;
	text-indent: 10px;
	border-top: 1px solid #59bcdf;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
	height: 34px;
	overflow: hidden;
}
.select-options li:hover {
	color: #fff;
	background: #228dbf;
}
.select-options li[rel="hide"] {
	display: none;
}
ul, ol, p, dl {
	margin: 0 0 2em 0;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.bnone {
	border-bottom: solid 1px transparent !important;
}
.btnone {
	border-top: solid 1px transparent !important;
}
.brnone {
	border-right: solid 1px transparent !important;
}
.btgray {
	border-top: 1px solid #ebebeb !important;
}
.txt_c {
	text-align: center;
}

.fl {
	float: left;
}
.fr {
	float: right;
}
.tcenter {
	text-align: center;
}
.tright {
	text-align: right;
}
.sfont {
	font-size: 11px !important;
}
.mfont {
	font-size: 13px;
}
.thfont {
	font-size: 13px;
}
.font10t {
	font-size: 10pt;
}
.font14 {
	font-size: 14px;
}
.wfont300 {
	font-weight: 300;
}
.wfont700 {
	font-weight: 700;
}
.mt0 {
	margin-top: 0px;
}
.mt5 {
	margin-top: 5px;
}
.pt5 {
	padding-top: 5px;
}
.mt10 {
	margin-top: 10px!important;
}
.mt15 {
	margin-top: 15px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt25 {
	margin-top: 25px!important;
}
.mt-5 {
	margin-top: -5px !important;
}
.mt-10 {
	margin-top: -10px !important;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px !important;
}
.mt-15 {
	margin-top: -15px !important;
}
.mr-15 {
	margin-right: -15px !important;
}
.mt-20 {
	margin-top: -20px !important;
}
.mt-25 {
	margin-top: -25px !important;
}
.mt-35 {
	margin-top: -35px !important;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 5px !important;
}
.pr10 {
	padding-right: 10px!important;
}
.mr15 {
	margin-right: 15px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mr10 {
	margin-right: 10px;
}
.pl20 {
	padding-left: 20px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pd10{
	padding-left: 10px !important;
}
.pd15{
	padding-left: 15px !important;
}
.w7h {
	width: 70px !important;
}
.w10h {
	width: 100px !important;
}
.w15h {
	width: 150px !important;
}
.w18h {
	width: 180px !important;
}
.w20h {
	width: 200px !important;
}
.w23h {
	width: 230px !important;
}
.w40h {
	width: 400px !important;
}
.w100 {
	width: 100%
}
.w80 {
	width: 80%;
}
.w70 {
	width: 70%;
}
.w50 {
	width: 50% !important;
}
.w48 {
	width: 48%;
	margin-right: 1%;
}
.w36 {
	width: 36%;
	float: left;
}
.w38 {
	width: 38%;
}
.w30 {
	width: 30%;
}
.w25 {
	width: 25%;
}
.w20 {
	width: 20%;
}
.w16 {
	width: 16.66%;
}
.w14 {
	width: 14.2%;
}
.h369h {
	height: 369px !important;
}
.ml10 {
	margin-left: 10px;
}
.wp {
	width: 80px;
	letter-spacing: -1px;
}
.or-font {
	color: #fe5034 !important;
}
.orb-font {
	color: #fe5034 !important;
	font-weight: 600;
}
.orb-fonts {
	color: #fe5034 !important;
	font-weight: 600;
	font-size: 13px !important;
}
.bid-wait-notice {
	margin: 0 0 8px;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	color: #fe5034 !important;
}
.blab-font {
	color: #000 !important;
	font-weight: 400;
}
.gr-font {
	color: #47968f !important;
	font-weight: 400;
}
.bub-font {
	color: #4781cf !important;
	font-weight: 600;
}
.bl-font, .bl-font a {
	color: #066FD1 !important;
}
.f8 {
	background: #f8f8f8;
}
.gbl_font {
	color: #888;
	font-size: 13px;
	margin-bottom:5px;
	display: block;
	letter-spacing: 0px;
}
.oran-font {
	color: #fe5034;
	font-size: 13px;
	display: inline-block;
	height: 25px;
	width: 45px;
	text-align: center;
	margin-right: 5px;
	border: 1px solid #fe5034;
	border-radius: 25px;
	letter-spacing: -1px;
}
.dinblock {
	display: inline-block !important;
}
.clear {
	clear: both;
}
.cur_p {
	cursor: pointer;
}
.st_inpBorder {
	border:1px solid orange;
}
/*error*/
.error {
	width:350px;text-align:center;margin:0 auto;padding-top:12%;color:#333;font-size:17px;
}
.error img {
	margin:0 auto;margin-bottom:20px;display:block;
}
/* Multi-use */

.link-list li {
	padding: 0.5em;
}
.link-list li:first-child {
	padding-top: 0 !important;
	display: block;
	padding-top: 15px !important;
}
.link-list li:last-child {
	padding-bottom: 0 !important;
}
.tab_list {
	position:relative;
	width:625px;
}
.tab_list ul {
	position: relative;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.05em;
	color: #333;
	font-weight: 400;
	list-style: none;
	*zoom:1
}
.tab_list ul:after {
	display: block;
	clear: both;
	content: ""
}
.tab_list li {
	float: left;
	margin-bottom: -1px;
}
.tab_list li a {
	float: left;
	position: relative;
	color: #777;
	margin-top: 5px;
	text-decoration: none
}
.tab_list li a span {
	display: inline-block;
	padding: 0px 10px 6px 0px;
	letter-spacing: -1px;
	cursor: pointer
}
.tab_list li ul {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	*zoom:1
}
.tab_list li ul:after {
	display: block;
	clear: both;
	content: ""
}
.tab_list li li {
	float: none;
	position: relative;
	margin: 0 0 3px 0;
	color: #999
}
.tab_list li li a {
	float: none;
	margin: 0;
	padding: 0;
	border: 0 !important;
	background: transparent;
	font-weight: normal;
	color: #777;
	letter-spacing: normal;
}
.tab_list li li a:hover, .tab_list li li a:active, .tab_list li li a:focus {
	color: #000 !important;
	text-decoration: underline
}
.tab_list.m1 .m1 a, .tab_list.m2 .m2 a, .tab_list.m3 .m3 a {
	margin-top: -1px;
	line-height: 1.875em;
	border-bottom: 2px solid #f3524b;
	background: transparent;
	color: #222;
}
.tab_list.m1 .m1 a span, .tab_list.m2 .m2 a span, .tab_list.m3 .m3 a span {
	padding-top: 0px;
}
.tab_list.m1 .m1 ul, .tab_list.m2 .m2 ul, .tab_list.m3 .m3 ul  {
	display: block;
}
.tab_list .m2 {
	padding-left: 20px;
}
.tab_list .m3 {
	padding-left: 20px;
}
#content .more {
	width:26px;height:25px;position:absolute;right:0px;z-index:9999;
	cursor:pointer;
}
#content .more a{
	border-bottom: 0 !important;
}
.check-list {

	border-top: 1px solid #d3d1d4;
	border-bottom: solid 1px #fff;
	overflow-y: scroll;
}
.check-list button {
	vertical-align: middle;
	margin-bottom: 8px;
}
.check-list li {
	font-size: 0.75em;
}
.check-list span {
	float: right;
	margin: 1px 10px 3px 0px;
	font-family: 'Pretendard', sans-serif;
	font-size: 0.9em;
}
.check-list li a {
	text-decoration: none;
	color: #777 !important;
}
.check-list li img {
	vertical-align: middle;
	margin-left: 5px;
}
.check-list .selist {
	width: 365px;
	overflow: hidden;
	display: inline-block;
	height: 20px;
	margin-left: 20px;
	margin-top: 8px;
	font-size:14px;
	color: #222 !important;
}
.check-list .list {
	width: 365px;
	overflow: hidden;
	display: inline-block;
	height: 20px;
	margin-left: 20px;
	font-size:14px;
	margin-top: 7px;
}
.check-list li:first-child {
	border-top: 0 !important;
	padding-top: 15px !important;
}
.check-list li:last-child {
	border-bottom: 1px solid #fff !important;
}
.feature-image {
	display: block;
	margin: 0 0 2em 0;
	outline: 0;
}
.feature-image img {
	display: block;
	width: 100%;
}
.bordered-feature-image {
	display: block;
	margin: 1em 0 1.5em 0;
	outline: 0;
	height:80px;
}
.bordered-feature-image .icon {
	display: block;
	margin-top: 5px;
	margin: 0 auto;
}
.button-big {
	background-image: -moz-linear-gradient(top, #fd3f4c, #fc2f3a);
	background-image: -webkit-linear-gradient(top, #fd3f4c, #fc2f3a);
	background-image: -ms-linear-gradient(top, #fd3f4c, #fc2f3a);
	background-image: linear-gradient(top, #fd3f4c, #fc2f3a);
	display: inline-block;
	background-color: #fd3f4c;
	color: #fff;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: 600;
	padding: 14px 50px 14px 50px;
	outline: 0;
	border-radius: 5px;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.button-big:hover {
	background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
	background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
	background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
	background-image: linear-gradient(top, #fd492b, #de2a10);
	background-color: #fd492b;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
.button-big:active {
	background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
	background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
	background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
	background-image: linear-gradient(top, #ce1a00, #ed391b);
	background-color: #ce1a00;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
.button-big img {
	margin: 5px 0 -5px 0;
}
.button-big-dis {
	background-image: -moz-linear-gradient(top, #575757, #4f4f4f);
	background-image: -webkit-linear-gradient(top, #575757, #4f4f4f);
	background-image: -ms-linear-gradient(top, #575757, #4f4f4f);
	background-image: linear-gradient(top, #575757, #4f4f4f);
	display: inline-block;
	background-color: #575757;
	color: #fff;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: 600;
	padding: 14px 50px 14px 50px;
	outline: 0;
	border-radius: 5px;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.button-kakao {
	background-color: #fee500;
	color: #111;
	font-weight: 600;
}
.button-naver {
	background-color: #00BF18;
	color: #FFF;
	font-weight: 400;
}
.button-apple {
	background-color: #111111;
	color: #FFF;
	font-weight: 400;
}
.button-kakao, .button-apple, .button-naver {
	width: 400px;
	display: block;
	margin: 9px auto;
	letter-spacing: -1px;
	font-size: 1em;
	padding: 7px 50px 7px 50px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
.button-kakao img, .button-apple img, .button-naver img {
	margin: 3px 0 -3px 0;margin-right: 10px;
}
/* .disable { */
/* 	background-color: #eee !important; */
/* } */
/* Content */

#content .quote-list li {
	border-bottom: solid 1px #e2e6e8;
}
#content .link-list li {
	border-bottom: solid 1px #d7dce3;
	color: #cd1d1d;
	font-size: 0.9em;
	padding-left: 0.8em;
}
#content .link-list a {
	color: #444;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: normal;
}
#content .check-list li {
	border-bottom: solid 1px #fff;
}
/* Footer */
#main footer {
	position: relative;
	width: 100%;
	background: #303138;
	z-index: 1;
}
/* sticky footer: 콘텐츠가 짧아도 푸터를 뷰포트 아래로 밀어내기 */
body.subpage {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
body.subpage > #content-wrapper {
	flex: 1 0 auto;
}
body.subpage > footer {
	flex-shrink: 0;
}

footer {
	clear: both;
	position: relative;
	width: 100%;
	background: #303138;
	z-index: 1;
}
footer .footer_wrap {
	position: relative;
	padding: 12px 0 10px 0;
	box-sizing: border-box;
}
footer .footer_wrap {
	width: 1260px;
	margin: 0 auto;
}
.footer_logo_wrap {
	float: left;
	position: relative;
	width: 140px;
	margin-top: 3px;
	margin-right: 20px;
}
.footer_text {
	position: relative;
	display: inline-block;
	left: 40px;
}
.footer_text ul {
	width: 100%;
	color: #fff;
	display: inline-block;
	margin: 0;
}
.footer_text li {
	font-size: 13px;
	float: left;
	padding-right: 14px;
}
.footer_text li i {
	display: inline-block;
	margin:0 5px;
}
.footer_text li a {
	color: #fff;
}
.footer_text li strong {
	font-weight: bold;
}
.footer_text li.footer_info {
	clear: left;
	padding-top: 6px;
	padding-right: 0;
}
.footer_text span {
	position: relative;
	display: block;
	color: #888b9a;
	font-size: 12px;
	float: left;
	max-width: 900px;
}

/* Basic */

body {
	min-width: 1260px;
}
section:last-child {
	margin-bottom: 0;
}
/* Wrappers */


.new_menu {
	position: relative;
	overflow: hidden;
	min-width: 1550px;
	/* min-height: 280px; */
	/* border-bottom: 1px solid #E3E3E3; */
	/* box-sizing: border-box; */
}
.new_menu .logo a {
	cursor: pointer;
}
.new_menu .sub_menu {
	position: absolute;
}
.new_menu .sub_menu:hover {
	min-height: 280px;
}

.menubdn {
	border-bottom: 0px solid rgba(55, 55, 55, 0.1);
}

.new_menu .logo {
	width: 15%;
	max-width: 230px;
	line-height: 80px;
	height: auto;
	font-size: 30px;
	font-weight: 900;
	padding-left: 30px;
	float: left;
}

.new_menu .logo img {
	width: 38px;
	margin-right: 10px;
}

.new_menu .right {
	float: right;
	max-width: 380px;
	width: 25%;
	text-align: right;
	/* border: 1px solid #009aff; */
	padding-right: 30px;
}

.new_menu .right ul li {
	margin-right: 5px;
	line-height: 80px;
	font-weight: 500;
	cursor: pointer;
	float: right;
	/* text-align: right; */
	/* border: 1px solid red; */
	margin-left: 20px;
	width: auto;
	display: inline-block;
}

.new_menu .right ul li:first-child {
	margin: 0px;
}
.new_menu .right ul li svg {
	height: 22px;
	margin-right: 5px;
	margin-bottom: -6px;
}

.new_menu .right ul .name {
	font-weight: 300;
	margin-right: 15px;
}

.new_menu .right ul .name::after {
	content: "|";
	color: #707070;
	padding: 0px 10px;
}
.new_menu .menu1 {
	/* border: 1px solid red;
    margin-left:260px; */
	overflow: hidden;
	min-width: 800px;
	/* width: 60% */
}
.new_menu .menu1 ul {
	/* min-width: 800px;
    overflow: hidden; */
}
.new_menu .menu1 ul > li {
	float: left;
	line-height: 50px;
	position: relative;
	cursor: pointer;
	line-height: 80px;
	font-size: 15px;
	white-space: nowrap;
	max-width: 110px;
	/*min-width: 90px; */
	width: 20%;
	font-weight: 500;
}
.new_menu .menu1 ul li > a {
	cursor: pointer;
}

.new_menu .menu1 ul > li > a:hover, .new_menu .menu1 ul li > .on {
	border-bottom: 2px solid #333;
	box-sizing: border-box;
}
.new_menu .menu1 ul > li > .active {
	border-bottom: 2px solid #333;
	box-sizing: border-box;
}
.new_menu .menu1 ul li .sub_menu {
	padding: 20px 0;
	min-height: 160px;
	width: 100%;
}

.new_menu .menu1 ul li .sub_menu li {
	line-height: 32px;
}

.new_menu .menu1 > ul > li .sub_menu li {
	white-space: nowrap;
	color: #fff;
	font-weight: 500;
}

.new_menu .menu1 > ul > li .sub_menu li:hover, .new_menu .menu1 > ul > li .sub_menu .on {
	color: #f97350;
}

.new_menu .menu1 > ul:hover > li ul {
	opacity: 1;
}

.bg_box_round {
	background: #fff;
	float: left;
	-webkit-box-shadow: 0 0 14px #e8e8e8;
	box-shadow: 0 0 14px #e8e8e8;
	/* margin-right: 1%; */
	border-radius: 10px;
	min-height: 146px;
	overflow: hidden;
}

#features-wrapper {
	background: #fff;
	padding: 40px 0 20px 0;
}
#content-wrapper {
	background: #fff;
	padding: 0px 0 0px 0;
	margin-top: 80px;
}
#main .bg3 {
	padding: 17px 0 0px 0;
	min-height: 300px;
	margin-top: 130px;
}
#main #content-wrapper {
	background: #fff;
	max-width: 1640px;
	margin: 50px auto;
}
#content-wrapper h3 {
	font-weight: 700;
	font-size: 28px;
	color: #353535;
	letter-spacing: -2px;
	margin-top: 0px;
}
#content-wrapper.gap{
	margin-top: 25px;
}
#content-wrapper.gap h3 {
	text-align: left;
	margin: 0 100px;
}
.gap h3:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.mbg {
	height: 520px;
	width: 1640px;
	margin: 0 auto;
	background: url(images/new_main_bg2.png) no-repeat 100%;
	border-radius: 20px;
}
.sub-visual {
	z-index: 11500;
	position: sticky;
	top: 0;
	max-width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	background-color: #fff;
}
.sub-visual h2 {
	font-size: 24px;
	color: #000;
	margin: 0 auto;
	box-sizing: border-box;
	width: 1440px;
	font-weight: 700;
	padding: 38px 24px 16px;
}
.smenu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1440px;
	height: 56px;
	margin: 0 auto;
	padding: 8px 0 0;
}
.smenu ul {
	margin: 0;
	display: flex;
	height: 100%;
	align-items: center;
}
.smenu li {
	flex: 1 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	margin: 0 20px;
	font-size: 18px;
	white-space: nowrap;
	font-weight: 500;
	cursor: pointer;
	border-bottom: 2px solid transparent;
}
.smenu li a {
	display: inline-block;
	width: 150px;
	height: 33px;
	color: #999;
	text-decoration: none;
}
.smenu .on, .smenu li:hover {
	border-bottom: 2px solid;
	font-weight: 700;
}
.tabmenu {
	position: relative;
	display: block;
	width: 100%;
	height: 48px;
	background: #fff;
	margin: 10px 0 50px 0;
	border: 1px solid #d6d6d6;
}
.tabmenu ul {
	position: inline-block;
	margin: 0 auto;
	width: 1260px;
}
.tabmenu li {
	list-style: none;
	float: left;
	font-size: 0.85em;
	text-align: center;
	height: 47px;
	line-height: 40px;
	border-right: 1px solid #d6d6d6;
}
.tabmenu li:last-child {
	border-right: none !important;
}
.tabmenu li a {
	display: inline-block;
	width: 100%;
	color: #333;
	padding-top: 11px;
	height: 47px;
	text-decoration: none;
}
.tabmenu .on, .tabmenu li:hover {
	background: rgba(50, 74, 108, 1) !important;
	color: #fff;
}
.tabmenu a.on, .tabmenu a:hover, .tabmenu .on a {
	color: #fff;
}
.tabmenu .\34 u {
	line-height: 22px;
}
.tabmenu .\36 u {
	line-height: 25px;
}
.log .tabmenu  {
	margin: 10px 0 30px 0;
}
/* Header */
#logo {
	display: flex;
	align-items: center;
	height: 80px;
	flex-shrink: 0;
	margin-right: 32px;
}
header {
	font-family: 'Pretendard', sans-serif;
	font-size: 1em;
}
.top-bar {
	min-width: 1440px;
	z-index: 12000;
	display: flex;
	align-items: flex-start;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 140px;
	height: 80px;
	overflow: visible;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
	background: var(--background-primary);
}
/*html.not-scroll-top-0 .top-bar {
    top: 0;
    left: 0;
}*/
.menu-box-1 {
	flex: 1;
	display: flex;
	align-items: flex-start;
	margin-top: 0;
	justify-content: center;
}
/* GNB 드롭다운 흰 패널 (header DOM 밖, JS 제어) */
/* GNB 드롭다운 흰 패널 — 슬라이드 다운 + 페이드 인 */
#gnbPanelBg {
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	height: 240px;
	background: #fff;
	border-top: 1px solid #f0f0f0;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
	z-index: 11999;
	opacity: 0;
	transform: translateY(-6px);
	pointer-events: none;
	transition: opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1),
	            transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
#gnbPanelBg.gnb-panel-open {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
/* GNB 딤드 오버레이 (header DOM 밖, JS 제어) */
#gnbDim {
	position: fixed;
	top: 320px;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 11998;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
#gnbDim.gnb-dim-open {
	opacity: 1;
	pointer-events: auto;
}
/* top-level li: 80px 높이 유지 */
.top-bar > .menu-box-1 > ul {
	display: flex;
	align-items: center;
	height: 80px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.top-bar > .menu-box-1 > ul > li {
	position: relative;
	width: 150px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 200;
}
/* 드롭다운 서브메뉴: 기본 숨김 */
.top-bar > .menu-box-1 > ul > li > ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	list-style: none;
	padding: 20px 0;
	margin: 20px 0;
	min-width: 150px;
	z-index: 1001;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	justify-content: flex-start;
	border-right: 1px solid #eee;
	box-sizing: border-box;
}
.top-bar > .menu-box-1 > ul > li:first-child > ul {
	border-left: 1px solid #eee;
}
.top-bar > .menu-box-1 > ul > li.gnb-li-open > ul {
	display: flex;
	animation: gnbSubIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes gnbSubIn {
	from { opacity: 0; transform: translateX(-50%) translateY(-6px); }
	to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}
/* top-level 링크: li 전체를 클릭 영역으로 */
.top-bar > .menu-box-1 ul > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 17px;
	font-weight: 500;
	color: #333;
	letter-spacing: -0.3px;
	white-space: nowrap;
	transition: color 0.2s;
}
/* hover 된 li 만 오렌지 — gnb-li-active 클래스로 제어 */
.top-bar > .menu-box-1 ul > li > a:hover,
.top-bar > .menu-box-1 > ul > li.gnb-li-active > a {
	color: #ff5e00;
}
/* 활성 메뉴 (현재 페이지) */
.top-bar > .menu-box-1 ul li .on {
	color: #ff5e00;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
/* 서브메뉴 항목 */
.top-bar > .menu-box-1 ul ul li > a {
	display: block;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	color: #555;
	white-space: nowrap;
	height: auto;
	border: none;
	letter-spacing: -0.2px;
	text-align: center;
	transition: color 0.15s;
}
/* 서브메뉴 hover/on */
.top-bar > .menu-box-1 ul ul li a:hover,
.top-bar > .menu-box-1 ul ul li .on {
	color: #ff5e00;
	font-weight: 500;
}
/* 3depth (전체입찰목록 > 총액입찰 / 개별입찰)
   부모 항목에 hover 했을 때만 펼쳐지고, 기본은 회색 텍스트 + 좌측 회색 세로바.
   자신에게 hover 하면 텍스트와 세로바가 오렌지로 바뀐다. */
.top-bar > .menu-box-1 ul ul li > ul.depth3 {
	display: none;
	flex-direction: column;
	gap: 12px;
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
	border: none;
}
.top-bar > .menu-box-1 ul ul li:hover > ul.depth3 {
	display: flex;
	animation: gnbDepth3In 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes gnbDepth3In {
	from { opacity: 0; transform: translateY(-4px); }
	to   { opacity: 1; transform: translateY(0); }
}
.top-bar > .menu-box-1 ul ul li > ul.depth3 > li {
	display: block;
}
.top-bar > .menu-box-1 ul ul li > ul.depth3 > li > a {
	display: block;
	width: auto;
	height: auto;
	padding: 1px 0 1px 12px;
	border-left: 2px solid #dcdcdc;
	font-size: 15px;
	font-weight: 400;
	color: #aaa;
	text-align: left;
	white-space: nowrap;
	transition: color 0.15s, border-left-color 0.15s;
}
.top-bar > .menu-box-1 ul ul li > ul.depth3 > li > a:hover,
.top-bar > .menu-box-1 ul ul li > ul.depth3 > li > a.on {
	color: #ff5e00;
	border-left-color: #ff5e00;
	font-weight: 500;
}
.side-menu {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	height: 80px;
	z-index: 1001;
	font-family: 'Pretendard', sans-serif;
	font-size: 14px;
}
.side-menu > ul {
	display: flex;
	align-items: center;
	gap: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.side-menu li {
	color: #444;
	display: flex;
	align-items: center;
}
.side-menu .lgjoin {
	display: flex;
	align-items: center;
	cursor: pointer;
	justify-content: center;
	white-space: nowrap;
	overflow: visible;
	padding: 8px;
	border-radius: 8px;
}
.side-menu .lgjoin:hover {
	background: #eee;
}
.header_login_txt {
	font-size: 14px;
	font-weight: 600;
}
.side-menu svg {
	margin: 0;
}
.search__container {
	width: 180px;
	margin: 0;
	padding: 0;
}
.search__input {
	width: 100%;
	padding: 12px 12px 8px;
	background-color: transparent;
	transition: transform 250ms ease-in-out;
	font-size: 14px;
	line-height: 18px;
	color: #222222;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 20 20' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: 95% center;
	border: 2px solid transparent;
	border-bottom: 2px solid #222222;
	transition: all 250ms ease-in-out;
	backface-visibility: hidden;
}
.search__input::placeholder {
	color: rgba(87, 87, 86, 0.8);
	text-transform: uppercase;
	letter-spacing: 0px;
}
.search__input:hover, .search__input:focus {
	outline: 0;
}
#tx_today {
	font-size: 13px;
	color: #666;
	white-space: nowrap;
	min-width: 62px;
}
#tx_today .login_time {
	display: inline-block;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0;
	font-size: 16px;
}
.side-menu .tuser {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	white-space: nowrap;
	width: auto;
	height: auto;
	overflow: visible;
}
/*�뒳�씪�씠�뱶*/

#hero-slides {
	--page: 0;
	cursor: pointer;
}

#hero-slides #slides-cont {
	position: relative;
	--button-height: 6vh;
	--button-spacing: 0.2vh;
}
#hero-slides #slides-cont .button {

	width: 58px;
	height: 58px;
	background: #ff743f;
	font-size: 25px;
	color: #fff;
	border-radius: 40px;
	position: absolute;
	right: 3vw;
	top: 18vh;
	z-index: 100;
	cursor: pointer;
}
#hero-slides #slides-cont .button:before, #hero-slides #slides-cont .button:after {
	font-family: 'Pretendard', sans-serif;
	margin-top: -3px;
	line-height: var(--button-height);
	position: absolute;
	margin-left: -0.25vw;
	pointer-events: none;
	-webkit-transform: scale(0.75, 1.5);
	transform: scale(0.75, 1.5);
	transition: 125ms ease-in-out;
}
#hero-slides #slides-cont .button:before {
	left: 41%;
}
#hero-slides #slides-cont .button:after {
	opacity: 0;
}
#hero-slides #slides-cont .button:hover:before, #hero-slides #slides-cont .button:hover:after {
	transition: 250ms ease-in-out;
}
#hero-slides #slides-cont .button:hover:before {
	opacity: 0;
}
#hero-slides #slides-cont .button:hover:after {
	left: 50% !important;
	opacity: 1;
}
#hero-slides #slides-cont #next {
	margin-top: calc(-1 * (var(--button-height) + var(--button-spacing)));
}
#hero-slides #slides-cont #next:before, #hero-slides #slides-cont #next:after {
	content: '>';
}
#hero-slides #slides-cont #next:after {
	left: 30%;
}
#hero-slides #slides-cont #next:hover:before {
	left: 70%;
}
#hero-slides #slides-cont #prev {
	margin-top: 10px;
	opacity: calc(var(--page) + 0.8);
	transition: 500ms opacity;
}
#hero-slides #slides-cont #prev:before, #hero-slides #slides-cont #prev:after {
	content: '<';
}
#hero-slides #slides-cont #prev:after {
	left: 70%;
}
#hero-slides #slides-cont #prev:hover:before {
	left: 30%;
}
#hero-slides #slides-cont #next-catch,
#hero-slides #slides-cont #prev-catch {
	width: 10vw;
	position: absolute;
	top: 0;
	z-index: 90;
}
#hero-slides #slides-cont #next-catch {
	right: 0;
}
#hero-slides #slides-cont #prev-catch {
	left: 0;
}
#hero-slides #slides {
	margin-top: 20px;
	width: auto;
	height: var(--slides-height);
	font-size: 0;
	white-space: nowrap;
	position: absolute;
	-webkit-transform: translate3D(calc(var(--page) * -80vw), 0, 0);
	transform: translate3D(calc(var(--page) * -80vw), 0, 0);
	transition: 1500ms -webkit-transform cubic-bezier(0.7, 0, 0.3, 1);
	transition: 1500ms transform cubic-bezier(0.7, 0, 0.3, 1);
	transition: 1500ms transform cubic-bezier(0.7, 0, 0.3, 1), 1500ms -webkit-transform cubic-bezier(0.7, 0, 0.3, 1);
}
#hero-slides #slides .slide {
	display: inline-block;
	vertical-align: top;
	font-size: 0.9vw;
	width: 410px;
	height: 308px;
	margin: 0 0.3em;
	background: #000000;
	color: white;
	background-size: cover;
	background-position: center;
	white-space: normal;
	word-break: break-word;
	position: relative;
	border-radius: 20px;
}
#hero-slides #slides .slide:before {
	content: '';
	display: block;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.9) 100%);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 20px;
}
#hero-slides #slides .slide .number {
	position: absolute;
	top: 0.8em;
	left: 1.5em;
	-webkit-filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.1));
}
#hero-slides #slides .slide .number, #hero-slides #slides .slide .number:before, #hero-slides #slides .slide .number:after {
	vertical-align: middle;
}

#hero-slides #slides .slide .number:before, #hero-slides #slides .slide .number:after {
	display: inline-block;
	content: '';
	height: 0.07em;
	margin-top: -0.2em;
	background: white;
}

#hero-slides #slides .slide .number:before {
	width: 0;
	margin-left: 0;
}
#hero-slides #slides .slide .number:after {
	width: 2em;
	margin-left: 0.2em;
}

#hero-slides #slides .slide .body {
	position: absolute;
	bottom: 2em;
	left: 2em;
	right: 2em;
}
#hero-slides #slides .slide .location,
#hero-slides #slides .slide .headline {
	position: relative;
	bottom: 0;
	cursor: default;
}
#hero-slides #slides .slide:before,
#hero-slides #slides .slide .number:before,
#hero-slides #slides .slide .number:after,
#hero-slides #slides .slide .location,
#hero-slides #slides .slide .headline,
#hero-slides #slides .slide .link {
	transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
}
#hero-slides #slides .slide .location {
	opacity: 0;
	font-weight: 900;
	margin-bottom: 0.3em;
	transition-delay: 60ms;

	display: inline-block;
}
#hero-slides #slides .slide .headline {
	opacity: 0;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 900;
	letter-spacing: -1px;
	transition-delay: 50ms;
	width: 300px;
}
#hero-slides #slides .slide .headline p {
	margin-bottom: 20px;
}
#hero-slides #slides .slide .subtext {
	display: block;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 700;
	transition-delay: 50ms;
}

#hero-slides #slides .slide .subtext_org {
	display: block;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 700;
	transition-delay: 50ms;
	color: #fe6c2d;
}
.org_bt {
	font-size: 17px;
}

.grey_t {
	color: #c9caca;
}

#hero-slides #slides .slide .link {
	display: inline-block;
	background: #fe6c2d;
	padding: 5px 90px;
	border-radius: 3px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	opacity: 0;
	position: absolute;
	bottom: -2em;
	pointer-events: none;
	transition-delay: 25ms;
}

#hero-slides #slides .slide .link_btn {
	display: inline-block;
	background: #ff9102;
	padding: 2px 5px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	margin-top: 1em;
	right: 1.6em;
	pointer-events: none;
	transition-delay: 25ms;
}
#hero-slides #slides .slide.hover:before, #hero-slides #slides .slide:hover:before {
	opacity: 1;
}
#hero-slides #slides .slide.hover:before,
#hero-slides #slides .slide.hover .number:before,
#hero-slides #slides .slide.hover .number:after,
#hero-slides #slides .slide.hover .location,
#hero-slides #slides .slide.hover .headline,
#hero-slides #slides .slide:hover .number:before,
#hero-slides #slides .slide:hover .number:after,
#hero-slides #slides .slide:hover .location,
#hero-slides #slides .slide:hover .headline,
#hero-slides #slides .slide:hover .link {
	transition: 300ms cubic-bezier(0.7, 0, 0.3, 1);
}
#hero-slides #slides .slide.hover .link, #hero-slides #slides .slide:hover:before {border-radius: 20px; transition: 0ms;}
#hero-slides #slides .slide.hover .number:before, #hero-slides #slides .slide:hover .number:before {
	width: 3em;
	margin-right: 1em;
}
#hero-slides #slides .slide.hover .number:after, #hero-slides #slides .slide:hover .number:after {
	width: 0;
	margin-right: 0;
}
#hero-slides #slides .slide.hover .location, #hero-slides #slides .slide:hover .location {
	opacity: 1;
	transition-delay: 0;
	bottom: 0em;
	display: inline-block;
}
#hero-slides #slides .slide.hover .headline, #hero-slides #slides .slide:hover .headline {
	cursor : pointer;
	transition-delay: 100ms;
	bottom: 1.5em;
	opacity: 1;
}
#hero-slides #slides .slide.hover .link, #hero-slides #slides .slide:hover .link {
	bottom: 0;
	opacity: 1;
	transition-delay: 250ms;
	pointer-events: auto;
}

/*簾ル뗄�뵥揶쎼끇�쑎�뵳珥쫚d*/
/*簾ル뗄�뵥占쎈툡占쎌뵠�굜�꼹爰�*/
.new_itab {
	text-align: center;
	margin:25px auto 0;

}
.new_itab ul {
	margin: 0;
	box-sizing: border-box;
	border-collapse: collapse;
	margin-top: 35px;
}

.new_itab:after {
	content: "";
	display: inline-block;
	clear: both;
}
.new_itab li {
	display: table-cell;
	width: 315px;
}
.new_itab li span {
	display: block;
	color: #111;
	font-size: 20px;
	font-weight: 500;
	margin-top: 0px;
	border-right: 1px solid #ccc;

	padding-top: 10px;
}
.new_itab li:nth-child(4) span {
	border-right: none;
}
.ri-grid {
	margin: 0px auto;
	position: relative;
	width: 100%;
	height: auto;
}
.ri-grid a {
	color: #070304;
}
.ri-grid ul {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
/* Clear floats */

.ri-grid ul:before, .ri-grid ul:after {
	content: '';
	display: table;
}
.ri-grid ul:after {
	clear: both;
}
.ri-grid ul {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.ri-grid ul li {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;
	perspective-origin: 150px 150px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background: #000;
	border-bottom: 1px solid #000;
}
.ri-grid ul li a img {
	border-bottom: 1px solid #000;
}
.ri-grid ul li a {
	display: block;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 99.8%;
	height: 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/**--VISUAL*/

.ord {
	position: absolute;
	top: 18%;
	left: 11%;
	text-align: left;
	font-family: 'Pretendard', sans-serif;
	letter-spacing: -1px;
	font-weight: 400;
}
.vtit {
	display: block;
	font-size: 1.8em;
}
.tit {
	display: block;
	color: #cb2c3e;
	font-size: 1.5em;
	line-height: 1.7em;
	margin-top: 2em;
}
.txt {
	display: block;
	border: 0px;
	color: #555;
	font-size: 1.4em;
	line-height: 1.5em;
	margin-top: 1.2em;
}
.tlink {
	display: inline-block;
	color: #636363;
	font-size: 14px;
	width: 250px;
	height: 30px;
	margin-top: 40px;
	background: url(../../images/m_v_arrow.png) no-repeat 38% 7px;
	cursor: pointer;
	font-weight: 200;
}
@media (max-width: 320px) {
	.ord {
		display:none;
	}
}
@media (min-width: 401px) and (max-width: 1400px) {
	.ord {
		top: 12%;
		left: 8%;
	}
	.vtit {
		font-size: 18px;
	}
	.tit {
		font-size: 14px;
		line-height: 18px;
		margin-top: 30px;
	}
	.txt {
		font-size: 13px;
		line-height: 15px;
		margin-top: 12px;
	}
	.tlink {
		font-size: 13px;
		width: 250px;
		height: 30px;
		margin-top: 28px;
		background: url(../../images/m_v_arrow.png) no-repeat 48% 7px;
	}
}
@media (min-width: 1401px) and (max-width: 1600px) {
	.vtit {
		font-size: 21px;
	}
	.tit {
		font-size: 17px;
		line-height: 20px;
		margin-top: 35px;
	}
	.txt {
		font-size: 14px;
		line-height: 20px;
		margin-top: 13px;
	}
	.tlink {
		font-size: 13px;
		width: 250px;
		height: 30px;
		margin-top: 35px;
		letter-spacing:0px;
		background: url(../../images/m_v_arrow.png) no-repeat 38% 7px;
	}
}
@media (min-width: 1601px) {
	.vtit {
		font-size: 24px;
	}
	.tit {
		font-size: 18px;
		line-height: 20px;
		margin-top: 40px;
	}
	.txt {
		font-size: 16px;
		line-height: 24px;
		margin-top: 17px;
	}
	.tlink {
		font-size: 13px;
		width: 250px;
		height: 30px;
		margin-top: 40px;
		letter-spacing:0px;
		background: url(../../images/m_v_arrow.png) no-repeat 38% 7px;
	}
}

/* Banner */

#banner {
	border-top: 1px solid rgb(151, 144, 143);
	border-top: 1px solid rgba(255, 255, 255, .3);
	font-family: 'Pretendard', sans-serif;
	height: 370px;
	padding: 300px 0 0px 0;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}
#banner .bordered-feature-image {
	margin-bottom: 0;
}
#banner span {
	display: block;
	font-family: 'Pretendard', sans-serif;
	color: #fff;
	font-size: 0.85em;
	line-height: 0.7em;
	font-weight: 400;
	margin: 0 0 0.4em 0;
	margin: 0 auto;
}
#banner span a {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	width: 98px;
	height: 10px;
	border-right: 1px solid #f4554f;
}
#banner span a:last-child {
	border-right: solid 0px !important;
}
#banner p {
	margin: 1.65em 0 0em 0;
	background: url("../../images/btn_view.png") no-repeat center top;
	height: 33px;
}
#banner p a {
	display: inline-block;
	width: 80px;
	font-size: 14px;
	font-weight: 400;
	margin-top: 3px;
	color: #333;
	line-height: 2em;
	font-family: 'Pretendard', sans-serif;
	text-decoration: none;
}
/* Features */

#features {
	color: #555;
	font-size: 0.9em;
	line-height: 1.25em;
}
#features .container {
	border-top: 1px solid #666;
}
#features h2 {

	font-size: 1em;
	text-indent: -9000px;
	height:25px;
}
#features h3 {
	font-size: 1.1em;
	color: #333;
	margin: 5px 0 10px 0px;
	text-align: center;
}
#features p {
	color: #929292;
	text-align: center;
}
#features a {
	color: #e0e8eb;
}
#features strong {
	color: #333;
}
#features section {
	background-color: #fff;
}
/* information */

#information-wrapper h3 {
	font-size: 1.1em;
	font-weight: 500;
	color: #000;
	margin: 13px 0 10px 0px;
}
#information-wrapper .mnoti li, #information-wrapper .mnoti li a {
	font-size: 0.9em;
	color: #666;
	margin-top: 7px;
	font-weight: 300;
}
#information-wrapper .mnoti li {
	width: 400px;
	height: 22px;
	overflow: hidden;
}
.caimg li {
	float: left;
	width: 30%;
	height: 43px;
	margin: 0px 10px 10px 0;
	display: inline-block;
	border : 1px dotted #bebebe;
	text-align: center;
	background: #ededed;
	color: #3d3d3d;
	font-weight: 600;
	padding: 10px 0 0 0;
}
#information-wrapper .ctell {
	font-size: 2em;
	color: #ff5d18;
	font-weight: 900;
	margin : 15px 0 0 0;
	letter-spacing: -1px;
}
#information-wrapper .ctell span {
	font-size: 0.7em;
}
#information img {
	vertical-align: middle;
}

/* Content */
#main #content section {
	background: #fff;
	padding: 20px 30px 10px 0px;
	margin: 0;
}
#main #content .thumb02 {
	background: #fff;
	padding: 20px 10px 20px 10px;
	margin: 0;
}

#content section {
	background: #fff;
	padding: 50px 0px 0px 0px;
	margin: 0 0 5% 0;
}
#content section.comcon {
	padding: 45px 0px 40px 0px!important;
}

#content section.box {
	width: 55%;
	margin: 0px auto;
	background: #f8f8f8;
	border: 0px;
	border: 1px solid #e9e9e9;
	padding: 60px 70px;
}
#content section.box .form-group {
	width: 79%;
	float: left;
}
#content section.box .form-control {
	height: 45px;
	width: 100%;
	color: #424242;
	padding-left: 12px;
}
#content .box.log {
	width: 45%;
	padding: 20px 50px;
}
.form-group {
	margin-bottom: 5px;
	height: 46px;
}
.box .box_name {
	color: #010000;
	font-size: 17px;
	margin-top: 30px;
}
.box .box_name img {
	vertical-align: middle;
	margin-right:7px;
}
.box .box_name span {
	color: #7c7c7c;
	display: inline-block;
	margin-right: 15px;
}
.box .box_company {
	color: #3a3635;
	font-size: 13px;
	margin-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #efefef;
}
.box .box_company img {
	margin: 0 15px;
}
.box .box_wel {
	color: #3a3635;
	font-size: 13px;
	margin-top: 12px;
	padding-bottom: 7px;
}
.box .box_wel font {
	display: block;
	color: #ec361a;
	font-size: 13px;
	margin: 12px 0;
	padding-bottom: 10px;
}
.box .box_wel font img {
	vertical-align: middle;
}
.box h3 {
	text-indent: -9000px;
}
#content section .btn_area {
	margin: 10px 0 18px 0;
}
#content section.box .form-control {
	height: 40px;
	width: 100%;
	color: #424242;
	padding-left: 12px;
}
.lotxt {
	width: 45%;
	margin: 30px auto 10px !important;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	padding: 14px 0;
}
.lotxt2 {
	width: 75%;
	margin: 30px auto 10px !important;
}
.group:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.group .btn_area {
	float: right;
	width: 20%;
	padding: 0px 0 0 7px;
}
#content section.pbox {
	border: 0px;
	border-top: solid 1px #d7d7d7;
	margin-top: 15px 0 0 5px;
	background: #f8f8f8;
	padding: 30px 40px 55px 40px;
}
#dialog_placInst .pbox {
	padding: 18px 15px 15px 18px!important;
}
.window .pbox {
	border: 0px;
	border-top: solid 1px #d7d7d7;
	margin-top: 15px;
	background: #f8f8f8;
	padding: 20px;
	font-size: 13px;
}
.pbox .form-group {
	float: left;
}
.pbox .form-control {
	width: 270px;
}
#content section.pbox p {
	display: block;
	color: #8d8d8d;
	font-size: 0.75em;
	text-align: center;
	border-bottom: 1px solid #e9e8e8;
	padding-bottom: 30px !important;
	margin-top: 10px;
}
.pbox label, .pbox input {
	float: left;
}
.pbox label {
	font-size: 0.9em;
	color: #000;
}
.pbox .rform {
	width: 100%;
	display: block;
	margin: 10px 0;
	height: 35px;
	padding: 10px 0 0 60px;
}
.pbox .rform label {
	font-size: 0.75em;
}
.pbox .rform input {
	margin: 0px 5px 0 10px;
}
.pbox .rform .radio {
	float: left;
	min-height: 10px;
	margin: 4px 5px 0 15px;
	padding-left: 10px
}
.pbox .form-group {
	display: block;
	width: 100%;
}
.pbox .form-group label {
	width: 60px;
	display: inline-block;
	padding-top: 10px;
}
.pbox .form-control {
	width: 310px !important;
}
.pbox .btn_area {
	text-align: center;
}
.findWrap .rform {
	padding-left: 120px!important;
}
.findWrap .btn-black {
	width: auto; padding:8px!important;
}
#content section.pbox h2 {
	color: #111;
	font-size: 18px;
	text-align: center;
}
#content section .btn_area {
	margin: 10px 0 18px 0;
}
#content section.pbox .form-control {
	height: 40px;
	width: 100%;
	color: #424242;
}
#content section .btn_area {
	margin: 10px 0 18px 0;
}
.group .btn_area {
	margin-bottom: 0px!important;
	float: left;
	width: 20%;
	padding: 0px 0 0 7px;
}
.group .btn_area a {
	height: 95px;
	margin-top: -62px;
	padding-top: 32px;
}
/* join */
.join {
	width: 996px;
	height: 100px;
	margin: 15px auto;
}
.join ol {
	display: inline-block;
	height: 81px;
	width: 570px;
	margin-left: 215px;
}
.join li {
	display: inline-block;
	width: 190px;
	float: left;
	text-align: center;
	padding-top: 85px;
	color: #707070;
	font-size: 14px;
}
.join li.on {
	color: #555;
}
.process01 {
	background: url('../../images/join_step_01.gif') no-repeat top left;
}
.process02 {
	background: url('../../images/join_step_02.gif') no-repeat top left;
}
.process03 {
	background: url('../../images/join_step_03.gif') no-repeat top left;
}
.entry {
	width: 100%;
	height: 81px;
	margin: 30px 0 40px 0;
}
.entry ol {
	display: inline-block;
	height: 81px;
	width: 585px;
}
.entry li {
	display: inline-block;
	width: 195px;
	float: left;
	text-align: center;
	padding-top: 85px;
	color: #707070;
	font-size: 14px;
}
.entry li.on {
	color: #555;
}
.eprocess01 {
	background: url('../../images/join_step_01.gif') no-repeat top center;
	text-align: center;
}
.eprocess02 {
	background: url('../../images/join_step_02.gif') no-repeat top center;
	text-align: center;
}
.eprocess03 {
	background: url('../../images/join_step_03.gif') no-repeat top center;
	text-align: center;
}
.joinbox {
	height: 240px;
	border: 1px solid #ddd;
	padding: 30px;
	overflow-y: scroll;
	font-size: 11px;
	color: #777;
}
.btn_area2 {
	text-align: center;
	margin-top: 40px;
	display: flex;
	gap: 5px;
	justify-content: center;
}
.btn_area2 .bid-xlarge-btn {
	flex: 1 0 0;
}
.btn_area3 {
	text-align: center;
	margin-top: -15px !important;
	clear: both;
}

/* gallery */
#image-gallery {
	margin-bottom: 0px;
}
#image-gallery li {
	margin-top: 20px;
	aspect-ratio: 3 / 2;
	height: auto;
	background: #fff;
}
#image-gallery .arrow {
	width: 20px;
	height: 60px;
	position: absolute;
	display: inline-block;
}
#image-gallery .next {
	margin-left: -20px;
}
#image-gallery .arrow img {
	width: 20px;
	height: 60px;
	position: absolute;
	display: inline-block;
	top: 378px;
}
#image-gallery li ul {
	padding-left: 24px;
}
#image-gallery li ul li {
	display: inline-block;
	width: 105px;
	height: 77px;
	background: #eee;
	margin: 2px 5px 0 0;
	float: left;
}
#image-gallery li ul li img {
	width: 105px;
	height: 77px;
}
#image-gallery p {
	width: 20px;
	height: 60px;
	display: inline-block;
	float: left;
}
#image-gallery p img {
	width: 20px;
	height: 60px;
	margin: -5px 0 0 0px;
}
#image-gallery li ul li:last-child {
	margin-right: -8px !important;
}
#image-gallery li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
#galleryB li {
	width: 597px;
	height: 447px;
	background: #fff;
	margin-bottom: 9px;
}
#galleryB li img {
	width: 597px;
	height: 447px;
}
#galleryB .arrow {
	width: 20px;
	height: 60px;
	position: absolute;
	display: inline-block;
}
#galleryB .next {
	margin-left: -20px;
}
#galleryB .arrow img {
	width: 20px;
	height: 60px;
	position: absolute;
	display: inline-block;
	top: 475px;
}
#galleryB li ul {
	padding-left: 24px;
}
#galleryB li ul li {
	display: inline-block;
	width: 130px;
	height: 95px;
	background: #eee;
	margin: 2px 8px 0 0;
	float: left;
}
#galleryB li ul li img {
	width: 130px;
	height: 95px;
}
#galleryB p {
	width: 20px;
	height: 60px;
	display: inline-block;
	float: left;
}
#galleryB p img {
	width: 20px;
	height: 60px;
	margin: -5px 0 0 0px;
}
#galleryB li ul li:last-child {
	margin-right: -8px !important;
}
#content-wrapper .thumlist {
	width: 1440px;
	margin: 50px auto;
}
.wu3 {
	width: auto;
	margin: 0;
}

.wu4 {
	width: 100%;
	border-right: 1px solid #ccc;
	background-color: #fff;
	margin-top: 30px;
}

.bid_it_list,
.bid_machine_list,
.bid_fixtures_list,
.bid_car_list {
	display: block;
}
.bid_car_list .wu4 {
	border: none;
}

/* 신규매물 카테고리 행 레이아웃 */
.new-bidding-grid {
	display: flex;
	flex-direction: column;
}
.new-bidding-row {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	padding: 28px 0;
	border-bottom: 1px solid #f0f0f0;
}
.new-bidding-row:last-child {
	border-bottom: none;
}
.new-bidding-cat-label {
	width: 90px;
	flex-shrink: 0;
	display: flex;
	align-items: flex-start;
	padding-top: 6px;
}
.new-bidding-cat-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #1d1d1f;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 18px;
	border-radius: 20px;
	white-space: nowrap;
}
.new-bidding-grid .new-bidding-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	flex: 1;
	gap: 16px;
}
.new-bidding-grid .new-bidding-cards .wu4 {
	width: auto;
	border-right: none;
	margin-top: 0;
}
.new-bidding-grid .thumb.bid-card {
	padding: 16px;
}
.new-bidding-grid .bid-card-tit {
	font-size: 18px;
	height: 2.8em;
}
.new-bidding-grid .bid-card-sub {
	font-size: 15px;
}
.new-bidding-grid .bid-card-label {
	font-size: 14px;
}
.new-bidding-grid .bid-card-status-badge {
	font-size: 12px;
	padding: 3px 8px;
}
.new-bidding-grid .bid-card-tit-wrap {
	padding: 10px 0 0;
}
.bid-card-site {
	font-size: 13px;
	color: #5d5d5d;
	padding: 10px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.thumlist:after, .thumlist:before {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
#newBiddinglist li {
	text-align: center;
	list-style: none;
	margin: 25px 0;
}
.thumb {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 24px !important;
	background: #f7f7f7;
	border-radius: 12px;
	overflow: hidden;
}
.linone {
	font-weight: 700;
	margin: 30px 0 40px 0;
	color: #488ed7;
	text-align: left;
}
.gbimg a {
	position: relative;
}
.gbimg div {
	display: inline;
	position: relative;
}
/* record_img gbimg lslide active — 비율 유지 + 컨테이너 꽉 채움 (넘치는 부분은 중앙 기준 잘림) */
.record_img.gbimg {
	position: relative;
	overflow: hidden;
}
.record_img.gbimg > a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.record_img.gbimg > a > img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
}
.gacount {
	position: absolute;
	z-index: 100;
	right: 3%;
	bottom: 35px;
	text-align: right;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	border-radius: 50px;
	background: rgb(0, 0, 0, 0.5);
	padding: 5px 10px;
}
.ficount {
	position: absolute;
	z-index: 100;
	left: 3%;
	text-align: left;
	bottom: 35px;
	font-weight: bold;
	color: #fff;
	font-size: 17px;
	background: #555;
}
#image-gallery-pop .record_img p {
	position:relative;height:488px;
}
#image-gallery-pop .gacount {
	bottom: -112px;
	right: 35px;
	padding: 8px;
}
#image-gallery-pop .ficount {
	bottom: 20px;
}
h4.bid2 {
	margin: 10px 0 10px 0;
}
.mrno {
	margin-right:0px !important;
}
.today_border {
	border: none;
}

/* ===== bid-card 전용 클래스 ===== */
.bid-card-slide {}
.bid-card {}
.bid-card-dl {
	width: 100%;
	padding: 0;
	margin: 0;
}
.bid-card-img {
	overflow: hidden;
	position: relative;
	aspect-ratio: 1 / 1;
	height: auto;
	border-radius: 8px;
	display: block;
}
.bid-card-photo {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
	border: none !important;
	border-radius: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	transition: transform 0.35s ease;
}
.bid-card-img:hover .bid-card-photo {
	transform: scale(1.07);
}
.bid-card-img-link {
	display: block;
	width: 100%;
	height: 100%;
}
.bid-card-badge {
	z-index: 2;
	width: auto;
	height: auto;
	left: 8px;
	top: 8px;
	border-radius: 20px;
	padding: 4px 10px;
	display: inline-block;
	position: absolute;
}
.bid-card-badge-txt {
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	line-height: 1.4;
}
.bid-card-like {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 2;
	display: block;
}
.bid-card-like-on,
.bid-card-like-off {
	display: block;
}
.bid-card-header {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.bid-card-today {
	height: 28px;
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	color: #ff5e00;
	margin-bottom: 0;
}
.bid-card-status-badge {
	font-size: 12px;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 20px;
	color: #fff;
	white-space: nowrap;
}
/* 진행중(PT002, .blue) ↔ 대기중(PT006, .org) 색상 교체, 마감(PT010, .grey)은 btn-fill-secondary 컬러 */
.bid-card-status-badge.blue { background-color: #ff5d18; }
.bid-card-status-badge.org  { background-color: #236bb0; }
.bid-card-status-badge.grey { background-color: var(--Button-secondary, #5D5D5D); }
.bid-card-today-blank {
	visibility: hidden;
}
.bid-card-tit-wrap {
	padding: 16px 0px 4px;
}
.bid-card-tit {
	display: block;
	width: 100%;
	overflow: hidden;
	font-size: 18px;
	line-height: 1.4em;
	height: 2.8em;
	font-family: 'Pretendard', sans-serif;
	color: #1d1d1f;
	font-weight: 700;
}
.bid-card-tit-a {
	color: #1d1d1f;
	text-decoration: none;
	word-break: keep-all;
}
.bid-card-row {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 8px 0px;
}
.bid-card-row-pair {
	display: flex;
}
.bid-card-row-pair > .bid-card-row {
	flex: 1;
	min-width: 0;
}
.bid-card-label {
	font-size: 14px;
	color: #888;
	font-weight: 400;
}
.bid-card-sub {
	font-size: 16px;
	color: #000;
	font-weight: 600;
	font-family: 'Pretendard', sans-serif;
}

/* ─────────────────────────────────────────────
   메인 우측 그리드 : 카테고리별 누적 실적 카드
   (기존 이미지 롤링 배너 대체)
   ───────────────────────────────────────────── */
.thumb.bid-card.bid-stat-banner {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 18px 16px !important;
	background: #fff;
	border: 1px solid #ececec;
	min-height: 430px;
	overflow: hidden;
}
.bid-stat-banner-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
}
.bid-stat-banner-tit {
	color: var(--Typography-Header, #0e1011);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.3px;
	line-height: 1.2;
}
.bid-stat-banner-period {
	color: var(--Gray-400, #888);
	font-size: 11px;
	font-weight: 500;
	white-space: nowrap;
}
/* 두 계열(누적투찰=오렌지 / 낙찰금액=파랑) 범례 */
.bid-stat-banner-legend {
	display: flex;
	align-items: center;
	gap: 14px;
}
.bid-stat-banner-legend-item {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.2px;
}
.bid-stat-banner-legend-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
	background: var(--PrimaryColor, #ff5d18);
}
.is-amt > .bid-stat-banner-legend-dot {
	background: #2F80ED;
}
/* 월별 추이 선차트 */
/* 카드가 옆 입찰카드 높이만큼 늘어날 때 남는 공간을 차트와 목록이 나눠 갖는다 */
.bid-stat-banner-chart {
	position: relative;
	width: 100%;
	flex: 1 1 124px;
	min-height: 124px;
}
.bid-stat-banner-chart svg {
	display: block;
	width: 100%;
	height: 100%;
}
.bid-stat-chart-grad-top {
	stop-color: var(--PrimaryColor, #ff5d18);
	stop-opacity: 0.26;
}
.bid-stat-chart-grad-bottom {
	stop-color: var(--PrimaryColor, #ff5d18);
	stop-opacity: 0;
}
.bid-stat-chart-grid {
	stroke: #f1f1f1;
	stroke-width: 1;
}
.bid-stat-chart-area {
	fill: url(#bidStatChartGrad);
}
.bid-stat-chart-line {
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: stroke-dashoffset 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
.bid-stat-chart-line-cnt { stroke: var(--PrimaryColor, #ff5d18); }
.bid-stat-chart-line-amt { stroke: #2F80ED; }
.bid-stat-chart-dot {
	fill: #fff;
	stroke-width: 3;
}
.bid-stat-chart-dot-cnt { stroke: var(--PrimaryColor, #ff5d18); }
.bid-stat-chart-dot-amt { stroke: #2F80ED; }
.bid-stat-chart-axis-label {
	fill: var(--Gray-400, #888);
	font-size: 10px;
	font-weight: 500;
}
.bid-stat-chart-cursor,
.bid-stat-chart-cursor-dot {
	opacity: 0;
	transition: opacity 0.15s ease;
}
.bid-stat-chart-cursor {
	stroke: var(--Gray-400, #888);
	stroke-width: 1;
	stroke-dasharray: 3 3;
}
.bid-stat-chart-cursor-dot-cnt { fill: var(--PrimaryColor, #ff5d18); }
.bid-stat-chart-cursor-dot-amt { fill: #2F80ED; }
.bid-stat-banner-chart.is-hovering .bid-stat-chart-cursor,
.bid-stat-banner-chart.is-hovering .bid-stat-chart-cursor-dot {
	opacity: 1;
}
.bid-stat-banner-tip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	flex-direction: column;
	gap: 1px;
	padding: 5px 8px;
	border-radius: 6px;
	background: rgba(14, 16, 17, 0.88);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.35;
	white-space: nowrap;
	pointer-events: none;
	transform: translateX(-50%);
	font-variant-numeric: tabular-nums;
}
.bid-stat-banner-chart.is-hovering .bid-stat-banner-tip {
	display: flex;
}
.bid-stat-banner-tip-month {
	color: rgba(255, 255, 255, 0.6);
	font-weight: 500;
}
.bid-stat-banner-tip-row {
	display: flex;
	align-items: center;
	gap: 5px;
}
/* 카테고리별 수치 목록 */
.bid-stat-banner-list {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.bid-stat-banner-item {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	gap: 8px;
	min-height: 46px;
	padding: 6px 8px;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.2s ease;
}
.bid-stat-banner-item:hover {
	background: #fafafa;
}
.bid-stat-banner-item.is-active {
	background: rgba(255, 93, 24, 0.07);
}
.bid-stat-banner-cate {
	flex: 0 0 40px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: rgba(2, 32, 71, 0.05);
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.3px;
	transition: background 0.2s ease, color 0.2s ease;
}
.bid-stat-banner-item.is-active .bid-stat-banner-cate {
	background: var(--PrimaryColor, #ff5d18);
	color: #fff;
}
/* 영문판 카테고리명은 길어서 칩 폭/폰트 보정 */
.bid-stat-banner.is-en .bid-stat-banner-cate {
	flex: 0 0 58px;
	height: auto;
	min-height: 34px;
	padding: 3px 2px;
	font-size: 9px;
	line-height: 1.2;
	text-align: center;
	word-break: keep-all;
}
.bid-stat-banner-body {
	flex: 1 0 0;
	min-width: 0;
}
.bid-stat-banner-row {
	display: flex;
	align-items: baseline;
	gap: 6px;
}
.bid-stat-banner-row + .bid-stat-banner-row {
	margin-top: 2px;
}
.bid-stat-banner-label {
	flex: 0 1 auto;
	min-width: 0;
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: -0.2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 수치가 잘리는 대신 라벨이 먼저 줄어들도록 */
.bid-stat-banner-value {
	flex: 1 0 auto;
	min-width: 0;
	text-align: right;
	color: var(--Typography-Header, #0e1011);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-variant-numeric: tabular-nums;
}
.bid-stat-banner-value strong {
	font-size: 13px;
	font-weight: 700;
}
.bid-stat-banner-value em {
	font-style: normal;
	font-size: 11px;
	font-weight: 500;
	color: var(--Typography-Body-2, #5D5D5D);
	margin-left: 1px;
}
.bid-stat-banner-trend {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	flex-shrink: 0;
	padding: 2px 6px;
	border-radius: 10px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.2px;
	font-variant-numeric: tabular-nums;
}
.bid-stat-banner-trend.is-up {
	color: #1BBF83;
	background: rgba(27, 191, 131, 0.14);
}
.bid-stat-banner-trend.is-down {
	color: #E83C4F;
	background: rgba(232, 60, 79, 0.14);
}
.bid-stat-banner-trend.is-down svg {
	transform: rotate(180deg);
}
.bid-stat-banner-trend svg {
	width: 10px;
	height: 10px;
}
.thumb02 dl {
	width: 100%;
	padding: 0;
	display: inline;
	text-align: center;
}
.thumb02 dt {
	overflow: hidden;
	position: relative;
	height: 228px;
}
.thumb02 dt a {
	display: inline-block;
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin-left: 9px;
}
.thumb02 dt img {
	margin: 0 auto;
	padding: 0;
	/* 	border: 1px solid #c4c3c3; */
	width: 295px;
	height: auto;
	min-height: 226px;
	border-radius: 5px;
}
.thumb02 dd {
	text-align: left;
	width: 100%;
	margin-top: 0px;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1em;
	color: #8c8c8c;
	font-weight: 300;
	font-family: 'Pretendard', sans-serif;
}
.thumb02 .thum_tit {
	text-align: left;
	width: 100%;
	padding: 5px 10px;
}
.thumb02 dd img {
	vertical-align: middle;
}
.thumb02 dd strong {
	display: inline-block;
	width: 100%;
	height: 50px;
	overflow: hidden;
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: 'Pretendard', sans-serif;
	color: #111111;
	font-weight: 500;
}
.thumb02 dd strong a {
	color: #222;
	text-decoration: none;
}
.thumb02 dd .mprice {
	color: #1280d5;
	font-size: 1.2em;
	font-weight: 500;
}
.thum_hday {
	position:absolute;z-index:20;left:17px;top:15px;display: inline-block;
}
.thum_hart {
	position:absolute;z-index:20;right:17px;bottom:15px;width:23px;height:20px;
	background: url('../../images/btn_theart.png') no-repeat 0 0;
	cursor: pointer;
}
.thum_harton {
	position:absolute;z-index:20;right:17px;bottom:15px;width:23px;height:20px;
	background: url('../../images/btn_thearton.png') no-repeat 0 0;
	cursor: pointer;
}
.thum_ht {
	position:absolute;
	z-index:20;
	right:10px;
	bottom:10px;
	width:38px;
	height:38px;
	background: rgba(0, 0, 0, 0.7) url('../../images/btn_theart.png') no-repeat center;
	cursor: pointer;
	border-radius: 50px;
}
.thum_hton {
	position:absolute;
	z-index:20;
	right:10px;
	bottom:10px;
	width:38px;
	height:38px;
	background: rgba(0, 0, 0, 0.7) url('../../images/btn_thearton.png') no-repeat center;
	cursor: pointer;
	border-radius: 50px;
}
.tbl_list td .thum_ht {
	position: relative;
	width: 20px;
	height: 18px;
	background: #fff url('../../images/btn_heart.png') no-repeat 0 0;
	cursor: pointer;
	right: 0;
	bottom: 0;
}
.tbl_list td .thum_hton {
	position: relative;
	width: 20px;
	height: 18px;
	background: #fff url('../../images/btn_hearton.png') no-repeat 0 0;
	cursor: pointer;
	right: 0;
	bottom: 0;
}
.btno {
	border-top:0px !important;
	padding-bottom:5px;
}
.barea {
	text-align: right;
	width: 100%;
	padding-right: 8px;
}
.item {
	margin-top: 30px;
	margin-bottom: -5px;
	font-size: 0.75em;
}
.item span {
	display: inline-block;
	height: 32px;
	padding-top: 0px;
	font-size: 1.2em;
	color: #444;
}
.item strong {
	font-size: 17px;
	color: #e41a20;
}
.item .select {
	width: 97px;
	font-size: 0.9em;
	margin-top: 0px;
}
.item:after {
	content: "";
	display: block;
	clear: both;
}
.slct {
	font-size: 0.75em;
	float: right;
	display: inline-block;
	width: 105px;
}
.slct:after {
	content: "";
	display: block;
	clear: both;
}
/* Table */
.table_section {
	display: block;
	margin: 10px 0 20px 0;
}
.table_section .form {
	width: 100%;
	height: 36px;
	float: left;
}
.table_section .form select {
	margin-right: 20px !important;
}
.table_section .form .select {
	margin-right: 10px !important;
	width: 97px;
}
.table_section .form2 {
	width: 100%;
	height: 28px;
	float: left;
}
.tbl_list {
	width: 100%;
	border-collapse: collapse;
	color: #333;
	font-size: 0.9em;
	border-top: 1px solid #828282;
}
.tbl_list font {
	margin-right: 5px;
}
.tbl_list caption {
	display: none;
}
.tbl_list th {
	color: #555;
	padding: 11px;
	padding-left: 18px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #828282;
	text-align: left;
	font-size: 0.9em;
	vertical-align: middle;
}
.tbl_list .tgry {
	background: #f3f3f3;
	color: #999;
}
.tbl_list .tgry:hover {
	background: #f3f3f3;
}
.lthrou {
	text-decoration:line-through ;
}
.lthrou a {
	text-decoration:line-through!important;
}
.tbleft th {
	color: #333;
	border-width: 0px 0px 1px 0px;
	background: #f8f8f8;
	border-top: 1px solid #222;
	border-bottom: 1px solid #cbcaca;
	padding-left: 22px;
	text-align: left;
}
.tlist th {
	text-align: center;
	background: #f8f8f8;
	border-top: 1px solid #afafaf;
	border-bottom: 1px solid #e6e6e6;
	padding: 11px 0;
}
.tlist thead {
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}
.tlist .bo_r {
	border-right: 1px solid #e6e6e6;
}
.hid {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 18px;
}
.tlist span.hid {
	display: block;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tbist th {
	text-align: center;
	background: #f8f8f8;
	border: 1px solid #e6e6e6!important;
	border-top: 1px solid #afafaf;
	padding: 11px 0;
}
.tbist td {
	text-align: left;
	background: #fff;
	border: 1px solid #e6e6e6!important;
	padding: 10px;
	padding-left: 15px!important;
}
.tsrch {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #828282 #e2e2e2 #e2e2e2 #e2e2e2;
}
.tsrch th {
	text-align: left;
	background: #f8f8f8;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #e2e2e2;
	padding: 5px 0 5px 30px !important;
}
.tsrch td {
	border-bottom: 1px solid #e2e2e2!important;
	padding: 6px 15px 6px 0px!important;
	background: #f8f8f8;
}
.tbl_list th.tcenter, .tbl_list td.tcenter {
	text-align: center;
}
.tbl_list th.chk_wrap {
	padding: 8px 7px 8px 9px;
}
.tbl_list .chk {
	transform: scale(1.2);
	cursor: pointer;
}
.tbl_list th span {
	color: #f8274f;
	font-family: 'Pretendard', sans-serif;
}
.tbl_list p {
	margin-top: -2px !important;
}
.tbl_list td .icheck {
	color: #f8274f;
	font-size: 11px;
}
.tbl_list td span {
	font-size: 13px;
	float: left;
	display: inline-block;
}

.tbl_list.no-span-style td span {
	font-size: inherit !important;
	float: none !important;
	display: inline !important;
}

.tbl_list td span.txt_sub {
	display: inline-block;
	padding-left: 9px;
	float: inherit;
}
.tbl_list td font {
	font-size: 13px;
	float: left;
	display: inline-block;
	padding: 2px 2px 2px 2px;
}
.tbl_list td {
	padding: 8px 7px 8px 9px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #e6e6e6;
	vertical-align: middle;
	font-size: 16px;
}
.tbl_list td a, .tbl_list td a:hover {
	color: #333;
	text-decoration: none;
	display: inline-block;
}
.tlist tr:hover, .tlist tr:active {
	background: #fefdec;
}
.tmc {
	margin-left: 43%!important;
}
.tbl_list tfoot td {
	background: #f6f7f8;
	color: #40444c;
	font-weight: 500;
}
.tbl_list td.tList {
	color: #444;
	font-size: 0.75em;
}
.tbl_list td.bg_ab {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	vertical-align: middle;
	padding: 12px 0 12px 22px;
}
.tbl_list td.bg_ab img {
	vertical-align: middle;
}
.tbl_list td.bg_ab:hover {
	color: #ff6565;
	z-index: 999;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.tbl_list td.bg_ab em {
	color: #0b8cce;
	font-size: 16px;
}
.tbl_list td.bg_ab p {
	display: block;
	font-size: 13px;
	font-weight: 300;

	color: #888;
	line-height: 14px;
	padding-top: 5px;
}
.tbl_list td.period {
	font-size: 12px;
	color: #53575f;
	vertical-align: middle;
	font-family: 'Pretendard', sans-serif;
	padding-left: 15px;
}
.tbl_list .period font {
	display: block;
	line-height: 12px;
	font-size: 13px;
	font-weight: 600;
	color: #2e5fc3;
	font-family: 'Pretendard', sans-serif;
}
.tbl_list td.bg_ar {
	font-size: 0.75em;

	color: #444;
	font-weight: bold;
	text-align: right;
}
.tbl_list td.bg_ar font {
	display: block;
	font-size: 0.75em;
	font-weight: normal;
	color: #777;
	line-height: 10px;
}
.tbl_list td.bg_ay {
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 15px;
}
.tbl_list td.bg_ay img {
	width: 130px;
	height: 97px;
}
.tbl_list td.bg_sub {
	padding: 10px 10px 0px 10px!important;
}
.tbl_list td.bg_ay font {
	display: block;
	font-size: 0.75em;
	font-weight: normal;
	color: #777;
	line-height: 10px;
}
.tbl_list td.blue {
	color: #0156ac;
}
.tbl_list td.red {
	color: #ff0433;
}
.tbl_list tr:first-child th:first-child, .tbl_list td:first-child {
	border-left: none;
}
.tbl_list tbody td div:after {
	content: "";
	display: block;
	clear: both;
}
.tbl_list tbody td em {
	font-weight: normal;
}
.tbl_list label {
	position: static;
	color: #666;
	font-size: 13px;
	cursor: pointer;
	margin: 4px 20px 0 0;
}
.tbl_list .fomy {
	margin: 0px 0px 0 5px;
}
.tbl_list .rbox {
	margin: 4px 10px 0 10px;
}
.tbl_list .i_check {
	width: 13px;
	height: 13px;
	margin: 5px 4px 0 0;
	padding: 0;
}
.tbl_list .icheck {
	height: 10px;
	margin: 8px 4px 0 0px;
	padding: 0;
}
.radio {
	float: left;
	min-height: 10px;
	margin: 4px 5px 0 0;
	padding-left: 10px
}
.tbl_list .radio {
	float: left;
	min-height: 10px;
	margin: 4px 5px 0 0;
	padding-left: 10px
}
.window .tbl_list .prao {
	margin-left: 15px;
}
.etc {
	font-size: 12px!important;
	font-family: 'Pretendard', sans-serif;
	color: #555;
}
.tdetail {
	border-top: 0px solid #fff!important;
	border-bottom: 1px solid #000;
}
.tdetail th {
	border-bottom: 1px solid #dedede!important;
	text-align: left;
	padding: 14px 5px 14px 0px;
	font-size: 16px;
}
.tdetail td {
	color: #000;
	padding: 8px 5px 8px 3px;
	line-height: 1.5em;
}
.tdeview {
	border-top: 0px solid #fff!important;
}
.tdeview tr:hover {
	background: #fefdec;
}
.tdeview th {
	border-bottom: 1px solid #aaa;
	text-align: left;
	padding: 12px 5px 12px 0px;
}
.tdeview td {
	color: #777;
	padding: 17px 5px 17px 0px;
	line-height: 0.95em;
}
.carnew h5 {
	font-weight: 700!important;
}
.carnew .price {
	font-size: 35px;color: #ff452c;font-weight: 700;
}
.carnew .tdetail th {
	padding: 15px 5px 15px 0px;
}
.carnew .tdetail td {
	padding: 10px 5px 10px 0px;
}
.tdeview td img {
	vertical-align: middle;
	margin-right: 10px;
}
.tsdetail {
	border-top: 0px solid #fff!important;
}
.tsdetail th {
	border-bottom: 1px solid #dedede!important;
	text-align: left;
	padding: 10px 5px 10px 0px;
	font-size: 13px;
}
.tsdetail img {
	margin: 0 5px 0 5px !important;
}
.tsdetail td {
	border-bottom: 1px solid #dedede!important;
	color: #777;
	padding: 8px 5px 8px 3px;
	line-height: 1.5em;
}
.tsdetail .bnone {
	border-bottom: 0px solid transparent!important;
}
.tsdetail textarea {
	resize: none;
	background-color: #fff !important;
}
.tview {
	border-top: 2px solid #333;
}
.tview th {
	text-align: left;
	background: #f8f8f8;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #dddde1;
	border-top: 1px solid #828282;
	padding: 10px 0 10px 20px !important;
}
.tview td {
	border-top: 1px solid #828282 !important;
	padding: 10px 0 10px 20px;
}
.tview .title {
	font-size: 14px;
	text-align: left;
	padding: 12px 10px 12px 20px !important;
}
.tview .wdate {
	float: right;
	color: #555;
	font-size: 13px;
	padding-right: 15px;
	font-family: 'Pretendard', sans-serif;
}
.tview .conte {
	max-width: 1260px;
	min-height: 220px;
	vertical-align: top;
	font-size: 13px;
	padding-top: 20px;
	word-break: break-all;
	overflow: auto;
}
.wdate strong {
	padding-right: 10px;
	color: #222;
}
#content .fam {
	border-top: 1px solid #666;
	padding: 5px 0px;
}
#content .fam li {
	display: inline-block;
	float: left;
	width: 33%;
	font-size: 0.75em;
	color: #333;
	text-align: center;
}
#content .fam li a {
	color: #333;
	text-decoration: none;
}
#content .fam img {
	display: block;
	margin: 15px auto 7px auto;
}

#content .info {
	margin-top: 5px;
}
.sequence {
	width: 1243px;
	height: 95px;
	margin: 0px auto;
}
.sequence:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.sequence li {
	display: inline-block;
	width: 116px;
	float: left;
	text-align: center;
	padding-top: 70px;
	color: #9d9d9d;
	font-size: 13px;
}
.sequence li:first-child {
	text-align: left;
	padding-left: 7px;
	width: 92px;
}
.sequence li:last-child {
	text-align: center;
	padding-left: 22px;
	width: 92px;
}
.sequence li.on {
	color: #555;
}
.turn {
	background: url('../../images/turn.gif') no-repeat top left;
}
.turn01 {
	background: url('../../images/turn_01.gif') no-repeat top left;
}
.turn02 {
	background: url('../../images/turn_02.gif') no-repeat top left;
}
.turn03 {
	background: url('../../images/turn_03.gif') no-repeat top left;
}
.turn04 {
	background: url('../../images/turn_04.gif') no-repeat top left;
}
.turn05 {
	background: url('../../images/turn_05.gif') no-repeat top left;
}
.turn06 {
	background: url('../../images/turn_06.gif') no-repeat top left;
}
.turn07 {
	background: url('../../images/turn_07.gif') no-repeat top left;
}
.turn08 {
	background: url('../../images/turn_08.gif') no-repeat top left;
}
.turn09 {
	background: url('../../images/turn_09.gif') no-repeat top left;
}
.turn10 {
	background: url('../../images/turn_10.gif') no-repeat top left;
}
.turn11 {
	background: url('../../images/turn_11.gif') no-repeat top left;
}
#content .box h2 {
	font-size: 1em;
	margin-bottom: 15px;
	background: url(../../images/ic_arrow.png) no-repeat 55px 5px;
}
#content h2 {
	font-size: 22px;
	color: #333;
	margin: 0;
}
#content h3 {
	color: #0e0e0e;
	font-size: 1.3em;
	margin-top: 20px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
}
#content .tit2 {
	border-bottom: 2px solid #828282;
	padding-bottom: 20px;
}
.container h4 {
	display: block;
	height: 30px;
	color: #222;
	font-size: 1em;
	letter-spacing: -1px;
	background: url(../../images/ic.gif) no-repeat 0 11px;
	padding-left: 20px;
	padding-top: 7px;
	margin-bottom: 5px;
	width: 100%;
}
.container h5 {
	display: block;
	line-height: 1.5em;
	font-weight: 200;
	color: #000;
	font-size: 1.7em;
	font-family: 'Pretendard', sans-serif;
	letter-spacing: -1px;
	padding-left: 0px;
	padding-top: 7px;
	margin: 30px 0 10px 0;
	width: 100%;
}
.container h4 a strong {padding-left: 15px;font-size:13px;color:#ff6600;font-weight:bold;}
a.marketing strong {
	color: #ff6a00;
	background: url(../../images/s_check.png) no-repeat 0 3px;
	display: inline-block;
	margin-left: 15px;
	padding-left: 16px;
	font-size: 14px;
}
.container .hmc {
	width: 100%!important;
	font-size: 1.1em!important;
	padding-top: 0px!important;
	margin: 10px 0 0px 0!important;
}
.container .hmc:before {
	content: '';
	height: 1px;
	display: block;
	clear: both;
}
.container .hmc:after {
	content:'';
	height:1px;
	display:block;
	clear:both;
}
.container h6 {
	display: block;
	line-height: 1.2em;
	font-weight: 400;
	color: #000;
	font-size: 1.2em;
	font-family: 'Pretendard', sans-serif;
	letter-spacing: -1px;
	padding: 5px 0px 10px 0px;
	margin: 15px 0 10px 0;
	width: 100%;
	text-align:left;
	border-bottom: #000 1px solid;
}
.peri {
	display: block;
	line-height: 0.8em;
	font-weight: 300;
	color: #888;
	font-size: 0.99em;
	font-family: 'Pretendard', sans-serif;
	padding: 0px;
	margin: -5px 0 10px 0;
	width: 100%;
}
#content ul.navi {
	float: right;
	font-size: 11px;
	font-weight: normal;
	margin-top: -15px;
	margin-bottom: 5px;
}
#content .navi li {
	float: left;
	padding-right: 7px;
}
#content .navi a {
	font-size: 13px;
	color: #333;
	text-decoration: none;
}
#content header {
	margin: 0 0 0.2em 0;
}
#content header:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.comp_view h4 {
	font-size: 23px;
	font-weight:600;
	color: #333;
	line-height: 30px;
	letter-spacing: -1px;
	background: none;
	margin-top: 20px;
	text-align: center;
}
.comp_view h4.orange {
	font-family: 'Pretendard', sans-serif;
	color: #ff6600;
}
.comp_view h4 span {
	color: #e44255;
}
.comp_view h5 {
	font-size: 26px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 500;
	color: #878a91;
	line-height: 24px;
	margin-top: 10px;
	letter-spacing: -1px;
}
.comp_view h6 {
	font-size: 18px;
	color: #333;
	line-height: 18px;
	margin-top: 0px;
	letter-spacing: -1px;
	border-bottom: none!important;
}
.tle {
	text-align: left;
}
.comp_view .comp_txt {
	display: block;
	line-height: 1.5em;
	color: #333;
	font-size: 1em;
	padding: 0px 0 20px 0;
	margin: 20px 0 0px 0;
	width: 100%;
	text-align: center;
}
.comp_view .comp_cate {
	display: block;
	line-height: 1.5em;
	color: #333;
	font-size: 14px;
	text-align: left;
	padding: 0px;
	margin: 60px 0 0px 0;
	width: 100%;
}
.comp_cate .rtit {
	display: block;
	color: #e81e40;
	font-size: 15px;
	height: 35px;
}
.comp_view .pro_img {
	display: block;
	width: 100%;
	height: 120px;
	text-align: center;
}
.comp_view .sys_pro {
	display: block;
	width: 100%;
	height: 340px;
	background: #fff url(../../images/sys.png) no-repeat 0 0;
}
.solimg {
	text-align: right;
	padding:120px 30px 0 0!important;
}
.sysbox {
	width:990px;margin-left:135px
}
.sys_box {
	float:left;
	width: 30%;
	padding: 25px 15px 15px 25px;
	border: 1px solid #eee;
	margin-right: 5%;
	height: 350px;
	margin-bottom: 20px;
	text-align: left;
	box-sizing : border-box;
	font-size: 0.9em;
}
.sys_box:nth-child(3) {
	margin-right: 0%;
}
.sys_box:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.sys_box h6 {
	margin: 0 0 5px 0;
}
.sys_box p {
	text-align: center;
	margin-bottom:0;
}
.comp_view section {
	margin: 0!important;
	padding: 20px 0px 0px 0px!important;
}
.comp_view section:after {
	display: block;
	clear: both;
	content: "";
	height: 10px;
}
.comp_view .comp_img {
	width: 822px;
	margin: 0 auto;
}
.comp_view .system_img {
	width: 1260px;
	margin: 0 auto;
	margin-top: 15px;
}
.comp_view .w3 {
	width: 28%;
	margin: 0 2.5%;
	display: inline-block;
	margin-top: 110px;
	background: transparent;
	text-align: center;
	font-size: 13px;
	color: #777;
	line-height: 21px;
	letter-spacing: -1px;
	float: left;
}
.comp_view .w3 h6 {
	display: block;
	height: 50px;
	font-size: 15px;
	color: #333;
}
.comp_img ul li {
	width: 269px;
	height: 242px;
	float: left;
	margin-right: 5px;
}
.comp_img ul li:last-child {
	margin-right: 0 !important;
}
.comp_img ul:after {
	display: block;
	clear: both;
	content: ""
}
.comp_view .row {
	text-align: left;
}
.comp_view p {
	font-size:14px;
}
.comp_view .acce {
	color: #222;
	font-weight: bold;
}
.comp_view .titline {
	border-bottom: 2px solid #222;
	width: 50px;
	height: 25px;
}
.comp_view p {
	display: block
}
#condition {
	padding:30px;
	width:100%;
	font-size:12px;
}
#condition h2 {
	font-size: 35px;
	font-weight: 300;
	line-height:45px;
	height:60px;
	border-bottom:2px solid #ccc;
	margin-bottom:30px;
}
#condition strong {
	font-weight:bold;
	color:#222;
}
#condition p {
	color:#666;
}
/* 占쎈솚占쎈씜 css  */
#mask {
	position: absolute;
	z-index: 12999;
	background-color: #000;
	display: none;
	left: 0;
	top: 0;
}
.window {
	display:none;
	position: absolute;
	background-color: #FFF;
	width: 500px;
	height: auto;
	z-index: 13000;
	border-radius: 10px;
	overflow: hidden;
}
.window .racc{
	float:right;
	text-align:right;
	color: #fe5034;
	font-size:12px;
	letter-spacing:0;
	font-weight:normal;
	line-height:16px;
	margin-top:-10px;
}
.window .racc font{
	font-size:17px;
	font-weight:600;
}
.dialog {
	width: 650px;
	height: 658px;
}
.dialog1 {
	width: 650px;
	height: 700px;
}
.dialog2 {
	width: 500px;
	height: 330px;
}
.dialog3 {
	width: 600px;
	height: 430px;
}
.dialog4 {
	width: 1200px;
	height: auto;
}
.dialogs {
	width: 400px;
	height: 250px;
	right: 10%;
}
.dialog650_auto_h {
	width: 650px;
	height: auto;
}
.dialog780_auto_h {
	width: 780px;
	height: auto;
}
.dialog900_auto_h {
	width: 900px;
	height: auto;
}
.dialog1300_auto_h {
	width: 1300px;
	height: auto;
}
.dialog1800_auto_h {
	width: 1800px;
	height: auto;
}
.window h4 {
	background: var(--background-primary);
	color: var(--Typography-Body-1);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	border-bottom: 1px solid var(--border-Input, #D1D1D1);
	letter-spacing: -.72px;
	padding: 15px 25px;
	height: 55px;
}
.window h5 {
	display: block;
	height: 30px;
	color: #222;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: -1px;
	background: url(../../images/ic2.gif) no-repeat 0 11px;
	padding-left: 20px;
	padding-top: 7px;
	margin-bottom: 5px;
}
.window .btn_close {
	position: absolute;
	top: 14px;
	right: 15px;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 5.46967C5.76256 5.17678 6.23744 5.17678 6.53033 5.46967L12 10.9393L17.4697 5.46967C17.7626 5.17678 18.2374 5.17678 18.5303 5.46967C18.8232 5.76256 18.8232 6.23744 18.5303 6.53033L13.0607 12L18.5303 17.4697C18.8232 17.7626 18.8232 18.2374 18.5303 18.5303C18.2374 18.8232 17.7626 18.8232 17.4697 18.5303L12 13.0607L6.53033 18.5303C6.23744 18.8232 5.76256 18.8232 5.46967 18.5303C5.17678 18.2374 5.17678 17.7626 5.46967 17.4697L10.9393 12L5.46967 6.53033C5.17678 6.23744 5.17678 5.76256 5.46967 5.46967Z' fill='black'/%3E%3C/svg%3E") no-repeat center / 24px 24px;
	cursor: pointer;
}
.window .btn_close a {
	display: block;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.window .pop_01 {
	padding: 25px;
	font-size: 1em;
}
.window .pop_01 img {
	float: left;
}
.window .pop_02 {
	padding: 5px 25px 10px 25px;
	font-size: 1em;
}
.window .or-font {
	font-size: 0.75em;
	line-height: 0.8em;
}

/* 낙찰 내역 확인 및 서명 팝업 (낙찰사용 / 입찰주관사용) */
.mycontract-open-btn {
	background: linear-gradient(135deg, #ff5d18, #ff743f);
}
#dialog_myContract {
	width: 1240px;
	max-width: 96vw;
}
#dialog_myContract .pop_01 {
	max-height: 74vh;
	overflow-y: auto;
	color: #333;
}
.mycontract-section-tit {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 700;
}
.mycontract-section-tit.is-sign,
.mycontract-section-tit.is-gap {
	margin-top: 24px;
}
/* 낙찰사용 전용 영역 (입찰 및 낙찰 계약 당사자 정보) */
.mycontract-dealer-only,
.mycontract-seller-only {
	display: none;
}
.mycontract-dealer-only.is-visible,
.mycontract-seller-only.is-visible {
	display: block;
}
/* 당사자 정보 테이블 (낙찰입찰참여사/입찰참여사 대표자는 같은 줄 4컬럼) */
.mycontract-party {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 28px;
	font-size: 14px;
	table-layout: fixed;
}
.mycontract-party col.th-col {
	width: 150px;
}
.mycontract-party th,
.mycontract-party td {
	border: 1px solid #e5e5e5;
	padding: 10px 14px;
	vertical-align: middle;
	word-break: break-all;
}
.mycontract-party th {
	background: #f8f9fb;
	font-weight: 600;
	text-align: left;
}
/* 낙찰 품목 청구 테이블 */
.mycontract-bill-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	font-size: 14px;
}
.mycontract-bill-table th,
.mycontract-bill-table td {
	border: 1px solid #e5e5e5;
	padding: 8px 10px;
	text-align: center;
	vertical-align: middle;
}
.mycontract-bill-table thead th {
	background: #f8f9fb;
	font-weight: 700;
}
.mycontract-bill-table .sum-row td {
	background: #fefdec;
	font-weight: 700;
}
.mycontract-bill-table .value {
	text-align: right;
}
/* 낙찰사용 3컬럼 청구 테이블 - 두 표(품목/수수료) 컬럼 폭 동일하게 고정 */
.acp-dealer .mycontract-bill-table,
.mycontract-dealer-only .mycontract-bill-table {
	table-layout: fixed;
}
.acp-dealer .mycontract-bill-table thead th:nth-child(2),
.mycontract-dealer-only .mycontract-bill-table thead th:nth-child(2) {
	width: 130px;
}
.acp-dealer .mycontract-bill-table thead th:nth-child(3),
.mycontract-dealer-only .mycontract-bill-table thead th:nth-child(3) {
	width: 200px;
}
.mycontract-summary {
	width: 100%;
	border-collapse: collapse;
	margin-top: 16px;
	font-size: 12px;
}
.mycontract-summary td {
	padding: 10px 14px;
	border: 1px solid #e5e5e5;
}
.mycontract-summary .label {
	background: #f8f9fb;
	font-weight: 600;
}
.mycontract-summary .label.w200 {
	width: 200px;
}
.mycontract-summary .value {
	text-align: right;
}
.mycontract-summary .total {
	background: #fff5f0;
}
.mycontract-summary .total td {
	padding: 12px 14px;
	font-weight: 700;
	color: #ff5d18;
}
/* 서명 영역 : 좌(동의 문구/체크박스) + 우(서명) 2단 */
.mycontract-sign-wrap {
	display: flex;
	gap: 24px;
	margin-bottom: 23px;
	align-items: flex-start;
}
.mycontract-agree {
	flex: 1;
	min-width: 0;
	font-size: 14px;
	line-height: 1.6;
}
.mycontract-agree-desc {
	margin: 0 0 16px;
	color: #333;
}
.mycontract-agree .bid-agree-check-row {
	margin-top: 12px;
	justify-content: flex-start;
}
.mycontract-agree .bid-checkbox-txt-label {
	font-size: 14px;
	white-space: nowrap;
}
/* 영문화 시 서명 동의 문구가 길어져 우측 서명 영역을 침범 → 줄바꿈 허용 */
#dialog_myContract.is-en .mycontract-agree .bid-checkbox-txt-label {
	white-space: normal;
}
.mycontract-sign-area {
	flex: 0 0 auto;
}
/* PDF 출력용 레이아웃 : A4(세로) 폭에 맞춰 정렬, 서명 영역은 세로 배치 */
#dialog_myContract.is-pdf {
	width: 780px;
}
#dialog_myContract.is-pdf .pop_01 {
	max-height: none;
	overflow: visible;
	background: #fff;
}
/* PDF 상단 : 계약서 제목 + 발행일시(우상단) */
.mycontract-pdf-header {
	margin-bottom: 28px;
}
.mycontract-pdf-issue {
	text-align: right;
	font-size: 12px;
	color: #555;
}
.mycontract-pdf-title {
	margin: 40px 0 36px;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 2px;
	color: #222;
}
#dialog_myContract.is-pdf .mycontract-sign-wrap {
	flex-direction: column;
	gap: 16px;
}
#dialog_myContract.is-pdf .mycontract-agree .bid-checkbox-txt-label {
	white-space: normal;
}
#dialog_myContract.is-pdf .mycontract-sign-area {
	align-self: center;
}
/* PDF A4 정렬 (관리자 계약서 팝업 등 공용) */
.pdf-a4-mode {
	width: 780px !important;
	max-height: none !important;
	overflow: visible !important;
	background: #fff;
}
.pdf-a4-mode .mycontract-bill-table th,
.pdf-a4-mode .mycontract-bill-table td {
	border-color: #bbb !important;
}
.pdf-a4-mode .mycontract-party th,
.pdf-a4-mode .mycontract-party td {
	border-color: #bbb !important;
}
.pdf-a4-mode .mycontract-sign-done {
	border-color: #bbb !important;
}
.pdf-a4-mode .mycontract-sign-wrap {
	flex-direction: column;
	gap: 16px;
}
.pdf-a4-mode .mycontract-agree .bid-checkbox-txt-label {
	white-space: normal;
}
.pdf-a4-mode .mycontract-sign-area {
	align-self: center;
}
/* 서명 대기 박스 : 클라이언트 서명 패드(캔버스 500x150)와 동일 크기 */
.mycontract-sign-waiting {
	border: 2px dashed #ddd;
	border-radius: 8px;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mycontract-sign-waiting > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 500px;
	max-width: 100%;
	height: 150px;
	color: #bbb;
	font-size: 14px;
}
.mycontract-sign-done {
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	padding: 16px;
	text-align: center;
	background: #fafafa;
	overflow: hidden;
	min-height: 60px;
}
.mycontract-sign-done::after {
	content: '';
	display: block;
	clear: both;
}
.mycontract-sign-img {
	float: none;
	display: inline-block;
	max-width: 100%;
	max-height: 150px;
	height: auto;
}
.mycontract-sign-date {
	margin-top: 8px;
	font-size: 12px;
	color: #888;
}
.mycontract-sign-pad {
	border: 2px dashed #ddd;
	border-radius: 8px;
	padding: 12px;
	text-align: center;
}
.mycontract-sign-canvas {
	border: 1px solid #eee;
	border-radius: 4px;
	cursor: crosshair;
	touch-action: none;
}
.mycontract-sign-btns {
	margin-top: 10px;
	display: flex;
	gap: 8px;
	justify-content: center;
}
.mycontract-sign-warn {
	margin-top: 6px;
	font-size: 12px;
	color: #dc2626;
}
/* 입찰주관사용 서명 패드 : 초기화 버튼을 우상단 고정 */
#signPadSeller {
	position: relative;
}
#signPadSeller .mycontract-sign-btns {
	position: absolute;
	top: 10px;
	right: 10px;
	margin-top: 0;
	padding: 10px;
}
/* 팝업 dimmed 마스크를 화면 전체 고정으로 */
#mask.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 개별입찰 계약 상세 (낙찰 파트너사 탭) */
/* 탭 내용을 하나의 묶음(카드)처럼 */
.cont-tab-body {
	margin-top: 12px;
	border: 1px solid #dedede;
	border-radius: 10px;
	padding: 8px 24px 28px;
	background: #fff;
}
.cont-tab-panel {
	display: none;
}
.cont-tab-panel.is-active {
	display: block;
}
.cont-tab-panel > .bid_detail_cont:first-child {
	margin-top: 0;
}
/* 금액 정보 + 서명을 같은 열에 정렬 (높이 동일) */
.cont-fee-sign-row {
	display: flex;
	gap: 24px;
	align-items: stretch;
}
.cont-fee-sign-row > .bid_detail_cont {
	flex: 1;
	min-width: 0;
}
/* 서명 영역이 옆 금액정보 테이블 높이에 맞춰 채워지도록 */
.cont-fee-sign-row .cont-sign-area {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
/* 낙찰 품목 그리드 / 금액 정보 / 서명 - bid_detail_table 와 통일된 폰트(14px) */
.cont-items-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}
.cont-items-table th {
	background: #f6f6f6;
	font-weight: 400;
	padding: 10px;
	border: 1px solid #dedede;
	text-align: center;
	vertical-align: middle;
}
.cont-items-table td {
	padding: 10px;
	border: 1px solid #dedede;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
}
.cont-items-table td.tleft {
	text-align: left;
}
.cont-items-table td.num {
	text-align: right;
}
.cont-fee-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}
.cont-fee-table th {
	background: #f6f6f6;
	font-weight: 400;
	padding: 10px 14px;
	border: 1px solid #dedede;
	text-align: center;
	vertical-align: middle;
}
/* 행 라벨(첫 컬럼)은 좌측 정렬 */
.cont-fee-table tbody th {
	text-align: left;
}
.cont-fee-table td {
	padding: 10px 14px;
	border: 1px solid #dedede;
	text-align: right;
	font-size: 14px;
	font-weight: 500;
	vertical-align: middle;
}
.cont-fee-table tr.total th,
.cont-fee-table tr.total td {
	background: #fff5f0;
	font-weight: 700;
	color: #ff5d18;
}
.cont-sign-area {
	border: 1px solid #dedede;
	border-radius: 8px;
	padding: 20px;
	text-align: center;
	background: #fafafa;
}
.cont-sign-area img {
	max-width: 400px;
	max-height: 150px;
}
.cont-sign-meta {
	margin-top: 8px;
	font-size: 13px;
	color: #888;
}
.cont-sign-none {
	padding: 30px;
	color: #bbb;
	font-size: 14px;
}

.tscroll {
	overflow-y: scroll;
	height: 158px;
}
/* Footer */

#footer {
	color: #546b76;
}
#footer h2 {
	font-size: 22px;
	font-weight: 600;
	color: #333;
	margin: 1.8em 0 1em 0;
}
#footer a {
	color: #546b76;
}
/* Copyright */

#copyright {
	background: #f6f6f6;
	text-align: center;
	padding: 0px 0 5px 0;
	color: #666;
	font-size: 0.9em;
	margin-top: 52px;
}
#copyright .copy {
	padding: 13px 0px 13px 0;
	margin: 0 auto;
	width: 100%;
	line-height: 22px;
	border-top: solid 1px #e2e2e2;
}
#copyright .copy img {
	margin: 0 12px;
}
#copyright font {
	color: #be0000;
	margin: 0 10px 0 10px;
}
#copyright strong {
	font-weight: bold;
	color: #333;
	margin: 0 10px 0 10px;
}
#copyright a {
	color: #333;
	margin: 0 10px 0 10px;
}
/*date*/
.datediv {
	width:152px;margin:0 auto;
}
.datediv strong{
	font-weight:bold;float:left;padding-top:5px;font-size:12px;display:inline-block;margin-right:5px;
}
.datesel {
	font-size:12px;
	padding:3px;
	width: 33% !important;
}

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}

.progressBar {
	width: 280px;
	height: 280px;
	position: absolute;
	background-image: url("/images/common/loading_bar_new.gif");
	background-repeat: no-repeat;
	z-indxe:1000;
}
.inlineblock{
	display:inline-block;
}

.inlineblock .icheck{
	width: 12px;
	height: 13px;
	margin: 8px 2px 0 13px;
	padding: 0;
}

.option_wrap {
	width: 24.2%;
	display: inline-block;
	margin-top: 10px;
	font-size: 13px;
	padding-left: 2%;
}
.option_wrap i {
	margin-right: 5px;
}
.option_box {
	padding: 5px 0 10px 0;
	border: 1px solid #DDDDDD;
	width: 95%;
	margin: 10px auto;
}
.option_box ul {
	margin-bottom: 10px;
}
.option_wrap:nth-child(1),
.option_wrap:nth-child(5),
.option_wrap:nth-child(9),
.option_wrap:nth-child(13),
.option_wrap:nth-child(17),
.option_wrap:nth-child(21),
.option_wrap:nth-child(25),
.option_wrap:nth-child(29){
	margin-left:0px;
}

.option_title {
	font-size: 18px;
	font-weight: 700;
	margin: 20px 0 0 30px;
}

.intro_main{
	width: 100%;
	height: 150px;
	text-align: center;
	font-size: 25px;
	font-weight: 900;
	margin-bottom: 15px;
}

.intro_main span {
	top: 420px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	color: #fff;
}
.intro_main_t {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 30px;
	margin-bottom: 35px;
}
.intro_table_btn {
	width: 100%;
	border: 1px solid #ff552e;
}

.intro_table_btn tr td{
	border: 1px solid #dde1e5;
	text-align: center;
	height: 40px;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 400;
}

.intro_table_btn tr td:hover {
	background-color: #ff552e;
	color: #fff;
}

.intro_on {
	background-color: #ff552e;
	color: #fff;
}

.business_mtext_e {
	font-size: 29px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 300;
	display: block;
	margin-top: 100px;
}

.business_mtext_k {
	font-size: 30px;
	font-weight: 700;
	display: block;
	margin-top: 20px;
	font-family: 'Pretendard', sans-serif;
}
.business_stext {
	font-size: 16px;

	font-weight: 400;
	color: #999;
	display: block;
	position: relative;
	margin-top: 30px;
	line-height: 23px;
}

.intro_business{
	margin: 0;
	padding: 0;
	padding-left:100px;
	width: 1260px;
	height: 310px;
	margin-bottom: 30px;
	white-space: nowrap;
	display: inline-flex;
	background: linear-gradient(to top, rgb(238, 238, 238), white 1%);
}

.intro_tb1, .intro_tb2 {
	cursor: pointer;
}
.intro_business_text {
	width: 630px;
}

.business_img {
	margin-top: 10px;
	width: 600px;
}

.business_img img {
	width: 80%;

}
.inth .intro_business{
	height: 355px;
}
.inth .business_img {
	margin-top: 43px;
	width: 600px;
}
.intro_org {
	color:#ff552e;
	font-weight: 600;
}

.intro_slide {
	display: flex;
	overflow-x: hidden;
}

.introbid_img {
	width: 140%;
	margin-left: -20.5%;
	vertical-align: bottom;
}

.introbid_hr {
	position: absolute;
	margin-top: 325px;
	left: 0;
	display: block;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #ff552e;
}

.introbid_category_line {
	width: 30%;
	margin:45px 60px 0 0;
	display: flex;
	float: left;
	height: 100px;
	border-top: 1px solid #333;
}

.introbid_category_mt {
	display: block;
	padding-top: 40px;
	font-size: 20px;
	font-weight: 700;
}

.introbid_category_t {
	vertical-align: top;
}
.introbid_cateimg {
	display: block;
	margin: 0 auto;

}
.introbid_category_st {
	display: block;
	margin-top: 20px;
	font-size: 16px;
	font-weight: 400;
}
.intro_side_lblock {
	z-index: 1;
	background-color: #fff;
	position: absolute;
	left:0;
	width: 321.5px;
	height: 500.8px;
}
.intro_side_rblock {
	z-index: 1;
	background-color: #fff;
	position: absolute;
	right:0;
	width: 321.5px;
	height: 484.8px;
}
/*calender2022.03.07*/
/*#datepicker {*/
/*	display: inline-block;*/
/*	float: left;*/
/*	width: 350px;*/
/*	margin-top: 36px;*/
/*}*/
/*#datepicker .ui-datepicker {*/
/*	width: 20em;*/
/*}*/
/*#datepicker .ui-datepicker table {*/
/*	background: #e6e6e7;*/
/*	margin: 0;*/
/*}*/
/*#datepicker thead {*/
/*	border-top: 1px solid #fb946c;*/
/*	color: #fff;*/
/*	background: #ff8252;*/
/*}*/
/*#datepicker th {*/
/*	font-weight: normal;*/
/*	font-size: 12px;*/
/*	padding: 0.3em 0.3em;*/
/*}*/
/*#datepicker .ui-datepicker td {*/
/*	background: #fff;*/
/*	width: 48px;*/
/*	height: 50px;*/
/*	border: 1px solid #e5e5e5;*/
/*	text-align: right;*/
/*}*/
/*#datepicker .ui-datepicker td a {*/
/*	display: block;*/
/*	text-align: right;*/
/*	text-decoration: none;*/
/*}*/
/*#datepicker .ui-datepicker td span {*/
/*	font-size: 12px;*/
/*	color: #136572;*/
/*	padding: 0 0.2em 0 0;*/
/*	cursor: pointer;*/
/*}*/
/*#datepicker .ui-widget-header {*/
/*	border: 0px;*/
/*	background: #ff743f;*/
/*	color: #fff;*/
/*	font-weight: bold;*/
/*	padding-top:8px;*/
/*}*/
/*#datepicker .ui-datepicker .ui-datepicker-title {*/
/*	margin: 0 2.3em 0 3em;*/
/*	line-height: 2em;*/
/*}*/
/*#datepicker .ui-widget-header .ui-icon {*/
/*	background-image: url("images/ui_icon.png");*/
/*}*/
/*#datepicker .ui-icon-circle-triangle-w {*/
/*	background-position: 0px 0px;*/
/*}*/
/*#datepicker .ui-icon-circle-triangle-e {*/
/*	background-position: -21px 0px;*/
/*}*/
/*#datepicker .ui-datepicker .ui-datepicker-prev, #datepicker .ui-datepicker .ui-datepicker-next {*/
/*	top: -5px;*/
/*	width: 2.5em;*/
/*	height: 2.5em;*/
/*	cursor: pointer;*/
/*}*/
/*#datepicker .ui-datepicker .ui-datepicker-prev span, #datepicker .ui-datepicker .ui-datepicker-next span {*/
/*	margin-top: 0px;*/
/*	margin-left: -5px;*/
/*}*/
/*#datepicker .ui-state-hover*/
/*{*/
/*	border: 0px;*/
/*	background: none;*/
/*}*/
/*#datepicker .ui-state-default {*/
/*	border-radius: 0px;*/
/*	border: 0px;*/
/*	background: #ffffff;*/
/*	height: 25px;*/
/*}*/
/*#datepicker .ui-corner-all {*/
/*	border-radius: 0px;*/
/*	border-top-right-radius: 15px;*/
/*	border-top-left-radius: 15px;*/
/*}*/
/*#datepicker .ui-datepicker {*/
/*	padding: 0;*/
/*}*/
/*#datepicker .ui-widget-content {*/
/*	border: 1px solid #e3e3e3;*/
/*	-webkit-filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.1));*/
/*	filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.1));*/
/*}*/
/*#datepicker .ui-state-active {*/
/*	color: #fff;*/
/*	background: #ff743f;*/
/*}*/
/*#datepicker .ui-widget-header .ui-state-highlight {*/
/*	border-radius: 60px;*/
/*	background: #ff743f;*/
/*	color: #ffffff;*/
/*}*/

/*#datepicker .ui-datepicker td.ui-datepicker-current-day {*/
/*	color: #fff;*/
/*	background: #ff743f;*/
/*}*/
/*#datepicker .ui-datepicker td.ui-datepicker-today a {*/
/*	border-radius: 100px;*/
/*	background: #ff743f;*/
/*	color: #ffffff;*/
/*	height: 22px;*/
/*	width: 22px;*/
/*	line-height: 14px;*/
/*	display: inline-block;*/
/*}*/
/*#datepicker .ui-datepicker-current-day .ui-state-active {*/
/*	color: #fff;*/
/*	background: #ff743f;*/
/*}*/
/*#datepicker .ui-datepicker td.ui-datepicker-days-cell-over span {*/
/*	color: #454545;*/
/*	display: block;*/
/*}*/

/*#datepicker .ui-datepicker td.ui-datepicker-current-day span {*/
/*	color: #fff;*/
/*}*/
/*.ri-date {*/
/*	display:inline-block;width:910px;float:left;*/
/*	margin-top: -10px;*/
/*	margin-bottom: 5px;*/
/*	font-size: 0.75em;*/
/*}*/
/*.ri-date .tbl_list th {*/
/*	font-size: 12px;*/
/*}*/
/*.ri-date .tbl_list td.bg_ay {*/
/*	padding-left: 9px;*/
/*}*/
/*.ri-date .tbl_list td {*/
/*	padding: 3px 7px 3px 9px;*/
/*}*/
/*.ri-date .bg_ab p {*/
/*	margin-bottom: 0em;*/
/*}*/
/*.ri-date .bg_ay img {*/
/*	width: 130px;*/
/*	height: 97px;*/
/*}*/
/*.ri-date strong {*/
/*	font-size: 15px;*/
/*	color: #e41a20;*/
/*	font-weight: bold;*/
/*}*/

.intro_title {
	clear: both;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 25px;
}
.comintro_contents {
	margin-top: 25px;
	width: 100%;
	display: inline-block;
}
.comintro_contents table tr {
	height: 130px;
	border-bottom: 1px solid #e9e9e9;
	width: 100%;
}
.comintro_contents table tr:nth-child(1) {
	border-top: 1px solid #111;
}
.comintro_contents table tr th{
	vertical-align: middle;
	text-align: center;
}
.comintro_contents table tr th img{
	width: 60px;
}
.comintro_contents table tr td {
	vertical-align: middle;
}
.comintro_contents table tr td:nth-child(2) {
	font-size: 20px;
	font-weight: 900;
	padding-left: 10px;
}
.comintro_contents table tr td:nth-child(3) {
	font-size: 15px;
	font-weight: 500;
	color: #999;
}
.comintro_contents table tr td:nth-child(2) span {
	font-size: 16px;
	color: #333333;
	font-weight: 500;
}
.about_et_bid {
	display: flex;
	width: 1260px;
	margin: 0 auto;
}
.about_bid {
	width: 33.3%;
	padding-left: 1px;
}
.intro_bgimg {
	background-image: url(../../images/comintro_bg.png);
	width: 100%;
	text-align: center;
	color: #fff;
	height: 152px;
}
.about_txt01 {
	color: #fe6c2d;
	font-size: 50px;
	font-weight: bold;
	display: block;
	line-height: 1.257;
	margin-top: 30px;
}
.about_txt02 {
	color: #111;
	font-size: 22px;
	font-weight: 700;
	display: block;
	margin-top: 15px;
}
.about_txt03 {
	color: #111;
	font-size: 13px;
	font-weight: 400;
	margin-top: 30px;
	display: block;
}
.bid_process01 {
	display: flex;
}
.bid_process_wrap img {
	text-align: center;
	margin: 0 auto;
	display: block;
}
.bid_category_wrap img {
	text-align: center;
	margin: 0 auto;
	vertical-align: bottom;
	display:table-cell;
}
.process_arow_ic {
	width: 53px;
	height: 11px;
	margin-top: 45px;
}
.bid_process_wrap>div {
	display: block;
	height: 60px;
}
.bid_category_wrap>div {
	display: block;
	height: 60px;
}
.bid_process01 span {
	display: inline-block;
	text-align: center;
	margin-top: 25px;
	font-size: 18px;
	border: 1px solid #888888;
	width: 130px;
	height: 40px;
	padding-top: 8px;
	border-radius: 50px;
	font-weight: 500;
}
.bid_process_wrap {
	width: 16.6%;
	margin-top: 25px;
}
.bid_category_wrap {
	width: 14%;
	margin-top: 25px;
}
.intro_aboutbid {
	position: absolute;
	left: 0;
	min-width: 1903px;
	height: 245px;
	background-image: url(../../images/bidintro_aboutbid.png);
}

.intro_process {
	text-align: center;
	margin: 25px 0 50px;
}

.intro_bgimg span {
	margin-top: 65px;
	display: inline-block;
	font-size: 25px;
	font-weight: bold;
}

.intro_clear {
	margin-top: 340px;
}
.intro_tsub {
	font-size: 15px;
	text-align: center;
	margin-top: -10px;
	display: block;
	font-weight: 600;
	color: #333;
	margin-bottom: 25px;
}

.box_privacy{
	/* min-height: 650px; */
	background: #fff;
	max-width: 600px;
	width: 90%;
	margin: 0px auto;
	box-shadow: 0px 10px 20px rgba(51, 51, 51, 0.071);
	padding: 60px;
}
.box_privacy .title{
	font-size: 1.8em;
	font-weight:600;
	line-height:40px;
}
.box_privacy .txt_small{
	font-size: 0.9em;
	margin-top: 1em;
}
.box_privacy  .filter_list dt {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
	height: 24px;
	color: #333;
}
.welcome .box_privacy .box_btn{
	margin: 10px 0;
}

.box_privacy .info_txt{
	font-size: 0.8em;
	margin: 10px auto;
}

#pc .welcome .box_privacy .filter_list li dl{
	margin-bottom:0px
}

.welcome .box_privacy .txt_orange{
	color:#fe5f40 ;
}
.welcome {
	margin-top: 150px;
}
.landing_bg {
	width: 100%;
	overflow: hidden;
}
.k-textbox {
	border: 1px solid #c1c1c1;;
}

.msg_green {
	color: #39b54a;
	font-size: 13px;
	margin-top: 5px;
}
.msg_red {
	color: red;
	font-size: 13px;
	margin-top: 5px;
}

.video {
	width: 100%;
}

.landing_text {
	position: absolute;
	width: 100%;
	top: 600px;
	left: 60%;
	transform: translate(-50%,-50%);
	text-align: left;
}

.landing_text span {
	color: #fff;
	font-size: 25px;
	line-height: 45px;
}

.landing_main {
	position: absolute;
	top: 100px;
	left: 900px;
}

.landing_btn_con01 {
	background-color: #fe5f40;
	border: 0;
	color: #fff;
	padding: 6px 35px;
	font-size: 15px;
	font-weight: bold;
}

.f_r {
	float: right;
}

/* new main */

.ex_section {
	display: block;
	text-align: left;
	margin-left: 186px;
}

.bid_ex {
	display: inline-block;
	margin-right: 50px;
	margin-top: 100px;
}

.bid_ex li:nth-child(1) {
	color: #ff743f;
	font-size: 15px;
	font-weight: 500;
}
.bid_ex li:nth-child(2) {
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	margin-top: 20px;
}
.bid_ex li:nth-child(2) span:nth-child(2) {
	font-size: 50px;
	margin-left: 5px;
	color: #ccc;
}

.bid_circle {
	z-index: 2;
	width: auto;
	height: auto;
	left: 12px;
	top: 12px;
	border-radius: 20px;
	padding: 4px 10px;
	display: inline-block;
	position: absolute;
}
.bid_circle:nth-child(2) {
	left: auto;
	right: 12px;
	top: 12px;
}
.bid_circle_t {
	display: block;
	text-align: center;
	padding-top: 0;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	line-height: 1.4;
}
.org {
	background-color: #ff5d18;
}

.blue {
	background-color: #236bb0;
}

.grey {
	background-color: #6A6F8B;
}

.celect {
	border: 2px solid #ff5d18;
	border-radius: 15px;
}

.new_itab li span.org_txt {
	color: #ff5d18;
	font-weight: 700;
}

.mobile_banner {
	display: inline-block;
	width: 100%;
	margin: 60px 0;
}

.mobile_banner img {
	display: inline-block;
	width: 100%;
}

/* 금주입찰 스와이퍼 래퍼 - 버튼 절대위치 기준 */
.week-swiper-outer {
	position: relative;
}
.swiper-button-next {
	border: 1px solid #e5e5e5;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	width: 44px;
	height: 44px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.swiper-button-prev {
	border: 1px solid #e5e5e5;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	width: 44px;
	height: 44px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.swiper-button-next span {
	border-top: 1.5px solid #1d1d1f;
	border-right: 1.5px solid #1d1d1f;
	width: 8px;
	height: 8px;
	display: block;
	margin-left: -3px;
	transform: rotate(45deg);
}
.swiper-button-prev span {
	border-top: 1.5px solid #1d1d1f;
	border-left: 1.5px solid #1d1d1f;
	width: 8px;
	height: 8px;
	display: block;
	margin-right: -3px;
	transform: rotate(-45deg);
}
.swiper-container {
	width: 100%;
}
.btn_area02 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
}
.btn_ic {
	display: inline-flex;
	height: 30px;
	padding: 10px 12px;
	justify-content: center;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
	border-radius: 5px;
	border: 1px solid var(--border-Input, #D1D1D1);
	background: var(--background-primary, #FFF);
	font-size: 13px;
	font-weight: 700;
	color: #000;
	width: 110px;
}
.btn_excel_ic {
	display: inline-flex;
	padding: 6px 20px;
	justify-content: center;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
	border-radius: 5px;
	border: 1px solid var(--border-Input, #D1D1D1);
	background: var(--background-primary, #FFF);
	font-size: 15px;
	font-weight: 700;
	color: #000;
	height: 35.63px;
}
.btn_excel_ic.btn-orange {
	background: #fe5f40 !important;
	color: #fff !important;
}
.bid_stk_btn_wrap {
	display: flex;
	flex-direction: row;
	gap: 5px;
	height: 79px;
	align-items: center;
	justify-content: center;
}

@media (max-width: 1280px) {
	#main .top3 {
		top: 500px;
	}
	/* #main .top2 는 특허 배지·홍보영상과 한 열로 묶여 있어 폭에 관계없이 같은 위치를 쓴다
	   (위치는 .top2 / .bid-float-video 기본 규칙에서 관리) */
	#main .top {
		top: 380px;
	}
	.mbg {
		width: 1080px;
		border-radius: 20px;
		height: 360px;
		background: url(images/new_main_bg.png) no-repeat right 80%;
	}
	.mh2 {
		margin-top: 0;
		line-height: 45px;
		padding: 50px 130px 0;
		font-size: 30px;
	}
	.bid_ex {
		margin-top: 70px;
	}
	.ex_section {
		margin-left: 128px;
	}
	.bid_ex li:nth-child(2) {
		font-size: 35px;
		margin-top: 10px;
	}
	.bid_ex li:nth-child(2) span:nth-child(2) {
		font-size: 30px;
	}

	#main #content-wrapper {
		width: 1080px;
	}
	#content-wrapper.gap h3 {
		margin: 0;
		font-size:25px;
	}
	#content-wrapper .thumlist {
		width: 1080px;
	}
	.thumb02 dd {
		font-size: 12px;
	}
	.bid_circle_t {
		font-size: 11px;
	}
	.bid_circle:nth-child(2) {
		left: auto;
		right: 12px;
	}
	.bid_circle {
		width: auto;
		height: auto;
	}
	.swiper-button-prev {
		left: 0;
		width: 36px;
		height: 36px;
	}
	.swiper-button-next {
		right: 0;
		width: 36px;
		height: 36px;
	}

}

.bid_table_scroll_foam {
	overflow-x: auto;
	width: 1748px;
}
.bid_table_scroll_foam thead {
	position: sticky;
	inset-block-start: 0;
}
.bid_table_scroll_foam .tlist.tbl_list th, .bid_table_scroll_foam .tlist.tbl_list td{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 300px;
}

/* ---- bid 페이징 ---- */
.bid-paging {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	padding: 12px 0;
	list-style: none;
	margin: 0;
}
.bid-paging li {
	display: inline-flex;
}
.bid-paging li > a,
.bid-paging li > strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 8px;
	border-radius: 4px;
	border: 1px solid #e0e0e0;
	background: #fff;
	color: #333;
	font-size: 13px;
	cursor: pointer;
	text-decoration: none;
	font-weight: 400;
}
.bid-paging li > a:hover {
	background: #f5f5f5;
}
.bid-paging li.active > a,
.bid-paging li.active > strong {
	background: var(--PrimaryColor, #ff552e);
	border-color: var(--PrimaryColor, #ff552e);
	color: #fff;
	font-weight: 700;
	cursor: default;
}

/* Language Selection Buttons */
.lang-switch {
	display: flex;
	gap: 5px;
	margin: 10px 0;
	align-items: center;
}

.lang-btn {
	background: transparent;
	border: 1px solid #ddd;
	color: #666;
	padding: 5px 12px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	transition: all 0.3s ease;
	min-width: 40px;
}

.lang-btn:hover {
	background-color: #f8f9fa;
	border-color: #ff743f;
	color: #ff743f;
}

.lang-btn.active {
	background-color: #ff743f;
	border-color: #ff743f;
	color: #fff;
}

.lang-btn:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

/* ===== bid design tokens ===== */
:root {
	--PrimaryColor: #FF5D18;
	--TypographyInverse: #FFF;
	--Typography-Body-1: #000;
	--Typography-Body-2: #5D5D5D;
	--Typography-Header: #000;
	--Gray-50: #F6F6F6;
	--Gray-100: #E7E7E7;
	--Gray-200: #D1D1D1;
	--Gray-300: #B0B0B0;
	--Gray-400: #888;
	--Gray-600: #5D5D5D;
	--Gray-800: #454545;
	--border-Input: #D1D1D1;
	--background-primary: #FFF;
	--Button-secondary: #5D5D5D;
	--Button-tertiary: #2A88C0;
	--Outrageous-Orange-500: #FE4011;
	--Steel-Blue-700: #195C8B;
	/* Alerts (sync with e-system.css) */
	--SuccessSuccess: #1BBF83;
	--ErrorError: #E83C4F;
	--WarningWarning: #FFBA19;
	--Green-50: #EDFCF4;
	--Amaranth-50: #FEF2F2;
}

/* ===== bid-dropdown ===== */
/* ─────────────────────────────────────────────
   입찰 목록 : 카테고리 탭 (검색영역 상단, 칩형)
   ───────────────────────────────────────────── */
.bid-cate-tabs {
	display: flex;
	align-items: center;
	gap: 6px;
	align-self: stretch;
	margin: 0 0 16px;
}
.bid-cate-tabs-viewport {
	flex: 1 1 auto;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.bid-cate-tabs-viewport::-webkit-scrollbar {
	display: none;
}
.bid-cate-tabs-track {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 2px 0;
}
.bid-cate-tab {
	flex: 0 0 auto;
	padding: 11px 20px;
	border: 1px solid var(--Gray-100, #E7E7E7);
	border-radius: 50px;
	background: #fff;
	color: var(--Typography-Body-2, #5D5D5D);
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.3px;
	white-space: nowrap;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.bid-cate-tab:hover {
	border-color: #BDBDBD;
	color: var(--Typography-Header, #0e1011);
}
.bid-cate-tab.is-active {
	background: var(--Typography-Header, #0e1011);
	border-color: var(--Typography-Header, #0e1011);
	color: #fff;
	font-weight: 600;
}
/* 화살표는 탭이 가로로 넘칠 때만 노출 */
.bid-cate-tabs-arrow {
	flex: 0 0 auto;
	display: none;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1px solid var(--Gray-100, #E7E7E7);
	border-radius: 50%;
	background: #fff;
	color: var(--Typography-Header, #0e1011);
	cursor: pointer;
	transition: border-color 0.2s ease;
}
.bid-cate-tabs-arrow:hover {
	border-color: #BDBDBD;
}
.bid-cate-tabs-arrow svg {
	display: block;
}
.bid-cate-tabs.is-scrollable .bid-cate-tabs-arrow {
	display: inline-flex;
}
.bid-cate-tabs .bid-cate-tabs-arrow.is-hidden {
	visibility: hidden;
}
.bid-search-area {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 10px;
	background: var(--background-primary);
	box-shadow: 0 0 2px #20324d1a;
	border: 1px solid #D1D1D1;
}
.bid-search-area-btn {
	display: flex;
	justify-content: flex-end;
	flex: 1 0 0;
	align-self: stretch;
	margin-top: 10px;
	gap: 5px;
}
.bid-search-area-body {
	display: flex;
	padding: 20px 30px;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
	flex-direction: column;
}
.bid-search-area-foam {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 5px;
	flex: 1 1 0;
	min-width: 0;
}
/* foam 너비를 2배로 잡고 싶을 때 (보통 dropdown + input 합친 영역) */
.bid-search-area-foam-wide {
	flex: 2 1 0;
}
/* foam 안에서 dropdown + input 등을 가로로 한 줄로 배치 */
.bid-search-foam-inline {
	display: flex;
	gap: 5px;
	width: 100%;
	align-items: center;
}
.bid-search-foam-inline > .bid-dropdown {
	flex: 0 0 140px;
	min-width: 0;
}
.bid-search-foam-inline > .bid-input {
	flex: 1 1 0;
	min-width: 0;
}
/* 관심(하트) 버튼 — bid-table 내부에서 사용 */
.bid-btn-like {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 24px;
	height: 24px;
}
.bid-btn-like svg {
	display: block;
	transition: transform 0.15s ease;
}
.bid-btn-like:hover svg {
	transform: scale(1.1);
}
.bid-search-area-foam-title {
	font-size: 14px;
	font-weight: 500;
	color: var(--gtTextColor, #333);
}
.bid-search-area-row {
	display: flex;
	align-items: center;
	gap: 30px;
	align-self: stretch;
}

.bid-dropdown {
    position: relative;
	align-self: stretch;
	display: flex;
	gap: 5px;
	align-items: center;
}
.bid-input {
    display: flex;
    height: 36px;
    padding: 0 12px;
    align-items: center;
    align-self: stretch;
    border-radius: 5px;
    border: 1px solid var(--border-Input, #D1D1D1);
    background: var(--background-primary, #FFF);
    transition: border-color 0.2s, box-shadow 0.2s;
}
.bid-input:focus-within,
input.bid-input:focus,
textarea.bid-input:focus {
    border-color: var(--Gray-300, #B0B0B0);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
}
/* input/textarea를 .bid-input으로 직접 사용 시 브라우저 기본 outline 제거 */
input.bid-input,
textarea.bid-input {
    outline: none;
    color: var(--Typography-Body-1, #000);
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.28px;
}
input.bid-input:focus,
textarea.bid-input:focus {
    outline: none;
}
input.bid-input::placeholder,
textarea.bid-input::placeholder {
    color: var(--Gray-300, #B0B0B0);
}
/* disabled / readonly 상태 — e-system.css의 input:disabled 패턴 그대로 */
input.bid-input:disabled,
input.bid-input:read-only,
textarea.bid-input:disabled,
textarea.bid-input:read-only,
.bid-input.is-disabled {
    color: #b5b5b5;
    background-color: #f8f9fb;
}
/* disabled / readonly 상태에서는 포커스 시에도 절대 색상 변경 없게 */
input.bid-input:disabled:focus,
input.bid-input:read-only:focus,
textarea.bid-input:disabled:focus,
textarea.bid-input:read-only:focus {
    color: #b5b5b5 !important;
    background-color: #f8f9fb !important;
    border: 1px solid var(--border-Input, #D1D1D1) !important;
    box-shadow: none !important;
    outline: none !important;
}
.bid-input input {
    flex: 1 0 0;
    border: none;
    outline: none;
    color: var(--Typography-Body-1, #000);
    background: none;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.28px;
    padding: 0;
    width: 100%;
}
.bid-input input::placeholder {
    color: var(--Gray-300, #B0B0B0);
}
.f100 {
	flex: 1 0 0;
}
.stretch {
	align-self: stretch;
}
.bid-dropdown-input {
    display: flex;
    flex: 1;
    height: 36px;
    padding: 0 12px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 5px;
    border: 1px solid var(--border-Input, #D1D1D1);
    background: var(--background-primary, #FFF);
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s;
}
.bid-dropdown-input:hover {
    background: #FDE6E6;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
}
.bid-dropdown-input:hover .bid-dropdown-input-text {
    color: #FF5D18;
}
.bid-dropdown-input:hover .bid-dropdown-input-ic path {
    fill: #FF5D18;
}
/* bid-dropdown disabled — e-system.css의 e-dropdown 패턴 차용 */
.bid-dropdown-input.is-disabled {
    background: var(--Gray-100, #E7E7E7);
    pointer-events: none;
}
.bid-dropdown-input.is-disabled .bid-dropdown-input-text {
    color: var(--Gray-200, #D1D1D1);
    background: none;
}
.bid-dropdown-input.is-disabled .bid-dropdown-input-text::placeholder {
    color: var(--Gray-200, #D1D1D1);
}
.bid-dropdown-input.is-disabled .bid-dropdown-input-ic path {
    fill: var(--Gray-200, #D1D1D1);
}
.bid-dropdown-input.is-open {
    border-color: var(--Gray-300, #B0B0B0);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
}
.bid-dropdown-input.is-open .bid-dropdown-input-ic {
    transform: rotate(180deg);
}
/* bid-dropdown — wrapper만 클릭 받고 내부 input/svg는 pointer event 무시 (포커싱 방지) */
.bid-dropdown-input * {
    pointer-events: none;
}
.bid-dropdown-input {
    pointer-events: auto;
    cursor: pointer;
}
/* bid-datepicker — wrapper 클릭만 받고 내부 input/svg는 pointer event 무시 */
.bid-datepicker-input * {
    pointer-events: none;
}
.bid-datepicker-input {
    pointer-events: auto;
    cursor: pointer;
}

/* native select에 bid-input 클래스 적용 시 — bid-dropdown과 동일한 외형 */
/* select-hidden 클래스가 있어도 (fn_designSelect 회피용) 강제 표시 */
select.bid-input.select-hidden {
    display: flex !important;
    visibility: visible !important;
    padding-right: 36px;
}
select.bid-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    height: 36px;
    padding: 0 36px 0 12px;
    border-radius: 5px;
    border: 1px solid var(--border-Input, #D1D1D1);
    background-color: var(--background-primary, #FFF);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.31955 7.26721C4.72426 6.89141 5.35699 6.91484 5.7328 7.31955L11.5 13.5304L17.2672 7.31955C17.643 6.91484 18.2757 6.89141 18.6805 7.26721C19.0852 7.64301 19.1086 8.27574 18.7328 8.68046L12.2328 15.6805C12.0436 15.8842 11.7781 16 11.5 16C11.2219 16 10.9564 15.8842 10.7672 15.6805L4.26721 8.68046C3.89141 8.27574 3.91484 7.64301 4.31955 7.26721Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 20px 20px;
    color: var(--Typography-Body-1, #000);
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
}
select.bid-input:hover {
    border-color: var(--Gray-300, #B0B0B0);
}
select.bid-input:focus {
    outline: none;
    border-color: var(--Gray-300, #B0B0B0);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
}
select.bid-input:disabled {
    background-color: #f5f5f5;
    color: #888;
    cursor: not-allowed;
}
select.bid-input::-ms-expand {
    display: none;
}
.bid-dropdown-input-text {
    flex: 1 0 0;
    border: none;
    outline: none;
    color: var(--Typography-Body-1, #000);
    background: none;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.28px;
    cursor: pointer;
    user-select: none;
	padding: 0;
}
.bid-dropdown-input-text::placeholder {
    color: var(--Gray-300, #B0B0B0);
}
.bid-dropdown-input-ic {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    transition: transform 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bid-dropdown-menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 11000;
}
.bid-dropdown-menu-off {
    display: none;
}
.bid-dropdown-menu-wrap {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    overflow-y: auto;
    max-height: 250px;
}
.bid-dropdown-menu-item {
    display: flex;
    padding: 10px 15px;
    align-items: center;
    cursor: pointer;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: var(--Typography-Body-1, #000);
    letter-spacing: -0.28px;
    white-space: nowrap;
}
.bid-dropdown-menu-item:hover {
    background-color: #f5f7fb;
}
.bid-dropdown-menu-item.bid-dropdown-menu-focus {
    background: #FDE6E6;
    color: #FF5D18;
}

/* ===== bid-small-tab ===== */
.bid-small-tab {
    display: flex;
    padding: 3px 5px;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--Gray-50, #F6F6F6);
}
.bid-small-tab-wrap {
    display: flex;
    flex: 1 0 0;
    align-items: center;
    flex-shrink: 0;
    gap: 5px;
}
.bid-tab-small {
    display: flex;
    height: 30px;
    min-width: 60px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    flex: 1 0 0;
    cursor: pointer;
    transition: 0.2s;
}
.bid-tab-small:hover {
    background: var(--background-primary, #fff);
    box-shadow: 0px 2px 3px 0px rgba(77, 77, 77, 0.10);
}
.bid-tab-small.focus {
    background: var(--background-primary, #fff);
    box-shadow: 0px 2px 3px 0px rgba(77, 77, 77, 0.10);
}
.bid-tab-small.focus .bid-tab-small-txt {
    color: #FF5D18;
    font-weight: 700;
}
.bid-tab-small.disabled {
    background: var(--Gray-100, #E7E7E7);
    cursor: default;
    box-shadow: none;
}
.bid-tab-small.disabled .bid-tab-small-txt {
    color: var(--Gray-300, #B0B0B0);
}
.bid-tab-small-txt {
    flex: 1 0 0;
    color: var(--Typography-Body-1, #000);
    text-align: center;
    font-family: 'Pretendard', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.3px;
}

/* ===== bid-large-tab (same style as bid-small-tab, larger size) ===== */
.bid-large-tab {
    display: flex;
    padding: 4px 6px;
    align-items: center;
    gap: 10px;
    border-radius: 7px;
    background: var(--Gray-50, #F6F6F6);
}
.bid-large-tab-wrap {
    display: flex;
    flex: 1 0 0;
    align-items: center;
    flex-shrink: 0;
    gap: 6px;
}
.bid-tab-large {
    display: flex;
    height: 44px;
    min-width: 80px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 6px;
    flex: 1 0 0;
    cursor: pointer;
    transition: 0.2s;
    list-style: none;
}
.bid-tab-large:hover {
    background: var(--background-primary, #fff);
    box-shadow: 0px 2px 3px 0px rgba(77, 77, 77, 0.10);
}
.bid-tab-large.focus,
.bid-tab-large.on {
    background: var(--background-primary, #fff);
    box-shadow: 0px 2px 3px 0px rgba(77, 77, 77, 0.10);
}
.bid-tab-large.focus .bid-tab-large-txt,
.bid-tab-large.on .bid-tab-large-txt {
    color: #FF5D18;
    font-weight: 700;
}
.bid-tab-large.disabled {
    background: var(--Gray-100, #E7E7E7);
    cursor: default;
    box-shadow: none;
}
.bid-tab-large.disabled .bid-tab-large-txt {
    color: var(--Gray-300, #B0B0B0);
}
.bid-tab-large-txt {
    flex: 1 0 0;
    color: var(--Typography-Body-1, #000);
    text-align: center;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.32px;
    text-decoration: none;
}
.bid-tab-large-txt:hover {
    text-decoration: none;
}

/* ===== bid-arrow-tabs (좌우 화살표가 있는 미들 탭, 탭 개수가 가변일 때) ===== */
.bid-arrow-tabs {
    display: flex;
    padding: 4px 6px;
    align-items: center;
    gap: 8px;
    border-radius: 7px;
    background: var(--Gray-50, #F6F6F6);
}
.bid-arrow-tabs-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 0 0;
    overflow: hidden;
    scroll-behavior: smooth;
}
/* 화살표 탭 안에서는 탭을 늘리지 않고 가로 스크롤 */
.bid-arrow-tabs .bid-tab-large {
    flex: 0 0 auto;
}
.bid-tabs-mid-left-ic,
.bid-tabs-mid-right-ic {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 44px;
    padding: 0;
    border: none;
    border-radius: 5px;
    background: transparent;
    color: var(--Typography-Body-1, #000);
    transition: 0.2s;
}
.bid-tabs-mid-left-ic:hover,
.bid-tabs-mid-right-ic:hover {
    background: var(--background-primary, #fff);
    box-shadow: 0px 2px 3px 0px rgba(77, 77, 77, 0.10);
}
.bid-tabs-mid-left-ic svg,
.bid-tabs-mid-right-ic svg {
    width: 20px;
    height: 20px;
}

/* ===== bid-datepicker ===== */
.bid-datepicker {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.bid-datepicker-sep {
    color: var(--Typography-Body-1, #000);
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    flex-shrink: 0;
}
.bid-datepicker-input {
    display: flex;
    height: 36px;
    padding: 0 12px;
    align-items: center;
    gap: 8px;
    flex: 1 1 0;
    min-width: 0;
    border-radius: 5px;
    border: 1px solid var(--border-Input, #D1D1D1);
    background: var(--background-primary, #FFF);
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s;
}
.bid-datepicker-input:hover {
    background: #FDE6E6;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
}
.bid-datepicker-input:hover .bid-datepicker-input-text {
    color: #FF5D18;
}
.bid-datepicker-input:hover .bid-datepicker-input-ic path {
    fill: #FF5D18;
}
/* bid-datepicker disabled — bid-dropdown-input.is-disabled와 동일 패턴 */
.bid-datepicker-input.is-disabled {
    background: var(--Gray-100, #E7E7E7);
    pointer-events: none;
}
.bid-datepicker-input.is-disabled:hover {
    background: var(--Gray-100, #E7E7E7);
    box-shadow: none;
}
.bid-datepicker-input.is-disabled .bid-datepicker-input-text {
    color: var(--Gray-200, #D1D1D1);
    background: none;
}
.bid-datepicker-input.is-disabled .bid-datepicker-input-text::placeholder {
    color: var(--Gray-200, #D1D1D1);
}
.bid-datepicker-input.is-disabled .bid-datepicker-input-ic path {
    fill: var(--Gray-200, #D1D1D1);
}
.bid-datepicker-input-ic {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bid-datepicker-input-text {
    flex: 1 0 0;
    border: none;
    outline: none !important;
    box-shadow: none !important;
    color: var(--Typography-Body-1, #000);
    background: none;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.28px;
    cursor: pointer;
    padding: 0;
}
.bid-datepicker-input-text:focus,
.bid-datepicker-input-text:active {
    outline: none !important;
    box-shadow: none !important;
}
.bid-datepicker-input-text::placeholder {
    color: var(--Gray-300, #B0B0B0);
}

/* ===== bid-datepicker-drop (custom calendar popup) ===== */
.bid-datepicker-drop {
    position: fixed;
    z-index: 11000;
    display: none;
}
.bid-datepicker-drop-wrap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15);
    width: 252px;
    padding: 12px 14px;
    gap: 8px;
    list-style: none;
    margin: 0;
    box-sizing: border-box;
}
/* header */
.bid-date-picker-header {
    display: flex;
    align-items: center;
    gap: 8px;
}
.bid-datepicker-tit {
    flex: 1;
    text-align: center;
    color: #000;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    cursor: pointer;
    user-select: none;
}
.bid-datepicker-tit:hover { color: #FF5D18; }
.bid-dp-arrow {
    background: #F6F6F6;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    user-select: none;
}
.bid-dp-arrow:hover { background: #FDE6E6; }
.bid-dp-arrow:hover svg path { fill: #FF5D18; }
/* day grid */
.bid-datepicker-week,
.bid-datepicker-date-wrap {
    display: flex;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.bid-datepicker-week-wrap {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 0;
}
.bid-datepicker-day {
    color: #888;
    text-align: center;
    font-family: 'Pretendard', sans-serif;
    font-size: 12px;
    font-weight: 500;
    user-select: none;
}
.bid-datepicker-day.dp-sun { color: #E83C4F; }
.bid-datepicker-day.dp-sat { color: #5677FC; }
.bid-datepicker-date-box {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 0;
    cursor: pointer;
}
.bid-datepicker-date-box:hover .bid-dp-date { color: #FF5D18; }
.bid-datepicker-date-box:hover .bid-dp-date-num:not(.dp-today):not(.dp-select) {
    background: #FDE6E6;
    border-radius: 50%;
}
/* 정원 보장: 고정 크기 */
.bid-dp-date-num {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    box-sizing: border-box;
}
.bid-dp-date {
    color: #222;
    text-align: center;
    font-family: 'Pretendard', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    user-select: none;
}
.bid-dp-date.dp-sun { color: #E83C4F; }
.bid-dp-date.dp-sat { color: #5677FC; }
.bid-datepicker-date-box.dp-other { opacity: 0.35; pointer-events: none; }
.bid-dp-date-num.dp-today {
    border-radius: 50%;
    border: 1.5px solid #FF5D18;
}
.bid-dp-date-num.dp-today .bid-dp-date { color: #FF5D18; font-weight: 600; }
.bid-dp-date-num.dp-select {
    border-radius: 50%;
    background: #FF5D18;
}
.bid-dp-date-num.dp-select .bid-dp-date { color: #fff; font-weight: 600; }
.bid-datepicker-date-box:hover .bid-dp-date-num.dp-select .bid-dp-date { color: #fff !important; }
/* month / year grid */
.bid-dp-month-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 4px;
}
.bid-dp-month-list {
    display: flex;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 4px;
}
.bid-dp-month-box {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 0;
    cursor: pointer;
}
.bid-dp-month-box:hover .bid-dp-month { color: #FF5D18; }
.bid-dp-month-num {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 4px;
    border-radius: 20px;
}
.bid-dp-month {
    color: #222;
    text-align: center;
    font-family: 'Pretendard', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    user-select: none;
    white-space: nowrap;
}
.bid-dp-month-box.dp-select .bid-dp-month-num { background: #FF5D18; }
.bid-dp-month-box.dp-select .bid-dp-month { color: #fff; font-weight: 600; }
.bid-dp-month-box:not(.dp-select):hover .bid-dp-month-num { background: #FDE6E6; }
#bidDpBody { width: 100%; }

/* ===== bid-btn ===== */
.bid-large-btn-wrap {
    display: flex;
    gap: 5px;
    margin-top: 15px;
    justify-content: center;
}
.bid-xlarge-btn {
	display: inline-flex;
	height: 50px;
	padding: 10px 25px;
	justify-content: center;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
	border-radius: 10px;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.20);
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	min-width: 120px;
	font-family: 'Pretendard', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: -0.32px;
	transition: background 0.3s ease-in-out, box-shadow 0.3s;
	cursor: pointer;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	text-decoration: none;
}
.bid-large-btn {
    display: inline-flex;
    height: 40px;
    padding: 10px 25px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    border-radius: 10px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.20);
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 120px;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.32px;
    transition: background 0.3s ease-in-out, box-shadow 0.3s;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    text-decoration: none;
}

.bid-mid-btn {
    display: inline-flex;
    height: 36px;
    min-width: 60px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    box-shadow: 0px 2px 3px 0px rgba(77, 77, 77, 0.10);
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.32px;
    transition: background 0.3s ease-in-out, box-shadow 0.3s;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    text-decoration: none;
}
input[type="button"].bid-mid-btn,
input[type="submit"].bid-mid-btn {
    display: inline-block;
    line-height: 36px;
    padding: 0 10px;
    vertical-align: middle;
}

.bid-mid-btn svg {
    width: 20px;
    height: 20px;
}

.bid-contents-mid-btn-wrap {
    display: flex;
    padding: 20px 0 10px;
}

.bid-contents-mid-btn-wrap-left {
    display: flex;
    flex: 1 0 0;
    gap: 6px;
}

.bid-contents-mid-btn-wrap-right {
    display: flex;
    gap: 6px;
    justify-content: end;
}

.bid_mid_btn_wrap_right {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    align-items: center;
	padding: 15px 0;
}
/* record_stk 토글 아이콘 — 기본 닫힘(우측 화살표), .is-open 시 열림(아래 화살표) */
.stk-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.stk-toggle .stk-toggle-open { display: none; }
.stk-toggle.is-open .stk-toggle-closed { display: none; }
.stk-toggle.is-open .stk-toggle-open { display: inline-block; }

.bid-small-btn {
    display: inline-flex;
    height: 30px;
    padding: 10px 12px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.28px;
    transition: background 0.3s ease-in-out, box-shadow 0.3s;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    text-decoration: none;
}

.bid-small-btn svg {
    width: 16px;
    height: 16px;
}

.bid-xlarge-btn svg {
    width: 24px;
    height: 24px;
}

.bid-small-btn div,
.bid-mid-btn div,
.bid-large-btn div,
.bid-xlarge-btn div {
    display: flex;
    align-items: center;
}

.bid-small-btn:disabled svg,
.bid-mid-btn:disabled svg,
.bid-large-btn:disabled svg,
.bid-xlarge-btn:disabled svg {
    opacity: .25;
}

/* --- fill variants --- */
.bid-btn-fill-primary {
    background-color: var(--PrimaryColor);
    color: var(--TypographyInverse);
}

.bid-btn-fill-primary path {
    fill: var(--TypographyInverse);
}

.bid-btn-fill-primary:hover {
    background: var(--Outrageous-Orange-500, #FE4011);
    box-shadow: 0px 4px 10px 0px rgba(112, 112, 112, 0.40);
}

.bid-btn-fill-secondary {
    background: var(--Button-secondary, #5D5D5D);
    color: var(--TypographyInverse);
}

.bid-btn-fill-secondary:hover {
    background: var(--Gray-800, #454545);
    box-shadow: 0px 4px 10px 0px rgba(112, 112, 112, 0.40);
}

.bid-btn-fill-tertiary {
    background: var(--Button-tertiary, #2A88C0);
    color: var(--TypographyInverse);
}

.bid-btn-fill-tertiary:hover {
    background: var(--Steel-Blue-700, #195C8B);
    box-shadow: 0px 4px 10px 0px rgba(112, 112, 112, 0.40);
}

/* --- line variants --- */
.bid-btn-line-primary {
    color: var(--PrimaryColor);
    border: 1px solid var(--PrimaryColor);
    background: var(--background-primary);
}

.bid-btn-line-primary:hover {
    border: 1px solid var(--Outrageous-Orange-500, #FE4011);
    background: var(--background-primary);
    box-shadow: 0px 4px 10px 0px rgba(112, 112, 112, 0.40);
}

.bid-btn-line-secondary {
    color: var(--Typography-Header, #000);
    border: 1px solid var(--border-Input, #D1D1D1);
    background: var(--background-primary);
}

.bid-btn-line-secondary:hover {
    border: 1px solid var(--Gray-300, #B0B0B0);
    background: var(--background-primary);
    box-shadow: 0px 4px 10px 0px rgba(112, 112, 112, 0.40);
}

/* --- disabled --- */
.bid-btn-fill-primary:disabled {
    color: var(--Gray-200, #D1D1D1) !important;
    background: var(--Gray-100, #E7E7E7) !important;
    border: none !important;
}

.bid-btn-fill-primary:disabled svg { opacity: .7; }

.bid-btn-fill-secondary:disabled {
    color: var(--Gray-200, #D1D1D1) !important;
    background: var(--Gray-100, #E7E7E7) !important;
    border: none !important;
}

.bid-btn-fill-tertiary:disabled {
    color: var(--Gray-200, #D1D1D1) !important;
    background: var(--Gray-100, #E7E7E7) !important;
    border: none !important;
}

.bid-btn-line-secondary:disabled {
    border: 1px solid var(--border-Input, #D1D1D1) !important;
    background: var(--Gray-50, #F6F6F6) !important;
}

.bid-btn-line-primary:disabled {
    border: 1px solid var(--border-Input, #D1D1D1) !important;
    background: var(--Gray-50, #F6F6F6) !important;
}

.button-bar.multi {
    display: flex;
    align-items: center;
    gap: 5px;
}
.button-bar.multi .btn-input {
    margin-right: auto !important;
}

.bid-company-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 6px 4px 12px;
    background: var(--Gray-50, #F6F6F6);
    border: 1px solid var(--border-Input, #D1D1D1);
    border-radius: 16px;
    color: #222;
    font-size: 14px;
    line-height: 1.4;
}
/* 취급 카테고리 라벨 — bid-company-label과 동일 스타일, 좌우 패딩 균형 */
.bid-category-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 20px;
    color: #000;
    font-size: 12px;
    line-height: 1.4;
    white-space: normal;
    text-align: center;
	font-weight: 400;
	background: var(--Gray-50, #F6F6F6);
	border: 1px solid var(--border-Input, #D1D1D1);
}
.bid-company-label code {
    background: transparent;
    color: inherit;
    font-size: inherit;
    padding: 0;
    font-family: inherit;
}
.bid-company-label .btn_delNomiComp {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    line-height: 0;
}

.bid-none-data-txt {
    text-align: center;
    padding: 20px 0 !important;
}

.bid-search-area .bid-dropdown-input-text::placeholder,
.bid-search-area .bid-datepicker-input-text::placeholder,
.bid-search-area .bid-input input::placeholder,
.bid-list-search-inputs input::placeholder {
    color: #888;
}

/* ===== bid-list-header ===== */
.bid-list-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 8px;
}

.bid-list-header-left {
    display: flex;
    align-items: flex-start;
    gap: 8px;
	flex-direction: column;
}
.bid-list-header-left strong {
	font-weight: bold;
	color: var(--PrimaryColor);
}
.bid-list-header-right {
	display: flex;
	align-items: center;
	gap: 6px;
}
.bid-list-header-right .bid-checkbox-text {
	cursor: pointer;
	user-select: none;
}
.bid-list-search-inputs {
    display: flex;
    gap: 5px;
}

/* 목록헤더의 줄수 드롭다운 (listRow / rowType / rowCnt 등): 좁게 통일 */
#listRowTrigger,
#rowTypeTrigger,
#rowCntTrigger {
    width: 140px;
    min-width: 0;
    box-sizing: border-box;
}
#listRowTrigger #listRowText,
#rowTypeTrigger #rowTypeText,
#rowCntTrigger #rowCntText,
.bid-list-header .bid-dropdown-input .bid-dropdown-input-text {
    min-width: 0;
    width: 0;
    flex: 1 1 0;
}
.bid-list-header .bid-list-header-left > .bid-dropdown {
    width: 140px;
    align-self: flex-start;
}
/* bid-list-header-left 안에서 드롭다운 + 버튼을 가로로 정렬 */
.bid-list-header-left .bid-list-header-tools {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* search area: 모든 flex 자식이 부모(row)를 넘지 않도록 shrink 허용 */
.bid-search-area .bid-search-area-foam,
.bid-search-area .bid-dropdown,
.bid-search-area .bid-dropdown-input,
.bid-search-area .bid-small-tab,
.bid-search-area .bid-datepicker,
.bid-search-area .bid-datepicker-input {
    min-width: 0;
}
.bid-search-area .bid-dropdown-input-text,
.bid-search-area .bid-datepicker-input-text {
    min-width: 0;
    width: 0;
}
/* datepicker foam만 다른 foam보다 살짝 더 넓게 (1.5배 비중), gap·padding은 그대로 */
.bid-search-area .bid-search-area-foam:has(.bid-datepicker),
.bid-search-area .bid-search-area-foam-datepicker-spacer {
    flex: 1.5 1 0;
}
.bid-search-area .bid-datepicker .bid-datepicker-input {
    padding: 0 8px;
    gap: 4px;
}
/* 조회조건(좁은 dropdown) + 검색어(input) 묶음 */
.bid-search-area .bid-search-foam-grow {
    flex: 2 1 0;
}
.bid-search-input-group {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    align-self: stretch;
}
.bid-search-input-group .bid-dropdown-narrow {
    flex: 0 0 130px;
    min-width: 130px;
    width: 130px;
}
.bid-search-input-group .bid-input-grow {
    flex: 1 1 0;
    min-width: 0;
}
.bid-search-input-group .bid-input-grow input {
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
}

/* ===== bid-table ===== */

.bid-table-wrap {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--Gray-200, #D1D1D1);
    background: var(--background-primary, #FFF);
}
/* 제목이 2줄이 되면 flex 자식인 NEW 뱃지가 세로로 늘어나 원형으로 깨지므로
   인라인 흐름으로 두어 글자 뒤에 자연스럽게 따라붙게 한다 */
.bid-table-tit {
	font-size: 16px;
	display: block;
	line-height: 1.4;
}
.bid-table-tit .bid-label {
	margin-left: 4px;
	vertical-align: middle;
}
.bid-table-p {
	margin: 0;
}
/* 지역 칸 뱃지(수정/2차재입찰) : 고정 height 19px 이라 영문처럼 문구가 길면
   글자가 박스를 넘친다 → 높이를 내용에 맞추고 줄바꿈 허용 */
.bid-table .btn-recon,
.bid-table .btn-liblue {
	display: inline-block;
	height: auto;
	min-height: 0;
	max-width: 100%;
	padding: 2px 6px;
	font-size: 11px;
	line-height: 1.35;
	letter-spacing: normal;
	white-space: normal;
	word-break: keep-all;
	vertical-align: middle;
}
.bid-table .bid-table-p .btn + .btn {
	margin-top: 3px;
}
/* span.hid 는 인라인이라 ellipsis/width 가 먹지 않아 셀 밖으로 넘친다 (회사명·제목 등)
   → 블록으로 바꾸고 열 폭을 그대로 따르게 한다 (.wNNh 고정폭 무시) */
.bid-table span.hid {
	display: block;
	width: auto !important;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* No 칸의 숫자가 세로로 쪼개지지 않게 */
.bid-table tbody td:first-child {
	white-space: nowrap;
}
/* 가입문의 관리 목록 : 작성일(마지막 열)만 2줄 허용, 나머지는 전부 한 줄 + 말줄임 */
#tbl_onlineList thead th,
#tbl_onlineList tbody td {
	white-space: nowrap;
}
#tbl_onlineList tbody td {
	overflow: hidden;
	text-overflow: ellipsis;
}
#tbl_onlineList thead th:last-child,
#tbl_onlineList tbody td:last-child {
	white-space: normal;
}
.bid-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* ── thead ── */
.bid-table thead th {
    padding: 14px 10px;
    background-color: #fff3ed;
    color: #333;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid var(--Gray-200, #D1D1D1);
    border-bottom: 1px solid var(--Gray-200, #D1D1D1);
    white-space: nowrap;
    user-select: none;
}

.bid-table thead th:last-child {
    border-right: none;
}

/* 2depth 헤더가 있을 경우 첫 행은 더 진한 배경 */
.bid-table thead tr:first-child th {
    background-color: #F6F6F6;
}

.bid-table thead tr:nth-child(n+2) th {
    background-color: #F5F4F7;
}

/* ── tbody / tfoot ── */
.bid-table tbody td,
.bid-table tfoot td {
    padding: 14px 20px;
    text-align: center;
    vertical-align: middle;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--Typography-Body-1, #333);
    border-right: 1px solid var(--Gray-200, #D1D1D1);
    border-bottom: 1px solid var(--Gray-200, #D1D1D1);
    word-break: keep-all;
    overflow-wrap: break-word;
    line-height: 150%;
}

.bid-table tbody td:last-child,
.bid-table tfoot td:last-child {
    border-right: none;
}

.bid-table tbody tr:last-child td {
    border-bottom: none;
}

/* ── tfoot 합계 행 (합계 강조 디자인) ── */
.bid-table tfoot td {
    background-color: #f2f4f6;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    border-top: 2px solid var(--PrimaryColor, #FF5D18);
}

/* ── hover ── */
.bid-table tbody tr:hover {
    background-color: #FFF3ED !important;
}

/* ── alternating rows ── */
.bid-table tbody tr:nth-child(even) {
    background-color: #FAFAFA;
}

/* ── 클릭 가능한 행 ── */
.bid-table-clickable tbody tr {
    cursor: pointer;
    transition: background-color 0.15s;
}

/* no-data 행 hover 제외 */
.bid-table tbody tr:has(.bid-none-data-txt):hover {
    background-color: transparent;
}

/* ── 텍스트 정렬 유틸 ── */
.bid-table th.bid-t-left,
.bid-table td.bid-t-left  { text-align: left; }

.bid-table th.bid-t-right,
.bid-table td.bid-t-right { text-align: right; }

/* ── 너비 유틸 (colgroup col에 사용) ── */
.bid-col-5  { width: 5%; }
.bid-col-8  { width: 8%; }
.bid-col-10 { width: 10%; }
.bid-col-12 { width: 12%; }
.bid-col-15 { width: 15%; }
.bid-col-20 { width: 20%; }
.bid-col-25 { width: 25%; }
.bid-col-30 { width: 30%; }
.bid-col-40 { width: 40%; }

/* ── 이미지 셀 overflow 방지 ── */
.bid-table tbody td img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* ── 취급카테고리 아이콘 ── */
.bid-cate-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.bid-table tbody td img.bid-cate-ic {
    margin: 0;
    max-width: none;
    width: auto;
    height: auto;
    display: block;
}

/* ── bid-period: 입찰기간 셀 ── */
.bid-table td.bid-period {
    padding: 8px 10px;
}
.bid-period-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.bid-period-item {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.bid-period-date {
    font-size: 13px;
    color: #333;
    font-weight: 500;
    font-family: 'Pretendard', sans-serif;
}
.bid-period-time {
    font-size: 12px;
    color: #888;
    font-family: 'Pretendard', sans-serif;
}
.bid-period-sep {
    font-size: 11px;
    color: #bbb;
    line-height: 1;
}
.bid-period-dday {
    margin-top: 2px;
}

/* ===== bid-label ===== */
.bid-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    border-radius: 20px;
    font-family: 'Pretendard', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    border: 1px solid transparent;
}
/* 입찰대기중 */
.bid-label-green  { color: #70b273; border-color: #70b273; background: transparent; }
/* 입찰진행중 */
.bid-label-ing    { color: #fff;    background: #ff552e;   border-color: #ff552e; }
/* 낙찰협의중 */
.bid-label-orange { color: #fb6b01; border-color: #fb6b01; background: transparent; }
/* 계약진행중 */
.bid-label-blue   { color: #fff;    background: #0ea9d0;   border-color: #0ea9d0; }
/* 기타/없음 */
.bid-label-gray   { color: #595959; border-color: #cacaca; background: transparent; }
.bid-label-darkgray { color: #fff;    background: #767676;   border-color: #767676; }
/* 긴급 — 공지사항 라벨 */
.bid-label-red    { color: #fff;    background: #e53e3e;   border-color: #e53e3e; }
/* 나의비딩 */
.bid-label-my     { color: #489eff; border-color: #429bff; background: transparent; }
/* 반려 */
.bid-label-danger { color: #fff;    background: #e53e3e;   border-color: #e53e3e; }
/* 신규등록 */
@keyframes bid-blink {
	0%, 100% { opacity: 1; }
	50%       { opacity: 0; }
}
.bid-new-label    { color: #fff;    background: #ff552e;   border-color: #ff552e; font-size: 11px; padding: 2px 7px; animation: bid-blink 1s step-end infinite; }

/* ── Legacy tbl_list/tlist border 충돌 제거 ── */
.bid-table-wrap .tbl_list            { border-top: none; }
.bid-table-wrap .tlist th            { border-top: none; }
.bid-table-wrap .tlist thead         { border-left: none; border-right: none; }
.bid-table-wrap .tlist tr:hover,
.bid-table-wrap .tlist tr:active     { background-color: transparent; }

/* 언어 스위치 */
.lang-switch {
    display: flex;
    align-items: center;
    gap: 4px;
}

.lang-btn {
    background: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
    font-family: 'Pretendard', sans-serif;
    transition: background 0.15s, color 0.15s;
}

.lang-btn.active,
.lang-btn:hover {
    background: #333;
    color: #fff;
    border-color: #333;
}

/* ===== bid-srch-input ===== */
.bid-srch-input {
    display: flex;
    height: 36px;
    padding: 0 12px;
    align-items: center;
    gap: 8px;
    border-radius: 5px;
    border: 1px solid transparent;
    background: #F5F5F5;
    transition: border-color 0.2s;
    width: 240px;
}
.bid-srch-input:focus-within {
    border-color: #D1D1D1;
}
.bid-srch-input input {
    flex: 1 0 0;
    border: none;
    outline: none;
    background: none;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    padding: 0;
    min-width: 0;
}
.bid-srch-input input::placeholder {
    color: #888;
}
.bid-srch-input-ic {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.15s;
}
.bid-srch-input-ic:hover {
    opacity: 1;
}

.bid-home-main {
	display: flex;
	width: 100vw;
	min-width: 1440px;
	background: #fff;
	flex-direction: column;
	padding: 100px 140px 30px;
	height: 100vh;
	gap: 20px;
	box-sizing: border-box;
}
.bid-home-main-wrap {
	display: flex;
	flex: 1 0 0;
	align-items: center;
	gap: 54px;
	flex-shrink: 0;
	box-sizing: border-box;
	min-width: 0;
}
.bid-home-main-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/* 타이틀과 하단 묶음 사이가 과하게 벌어지지 않도록 위로 붙임 */
	justify-content: flex-start;
	gap: 48px;
	flex: 1 0 0;
	align-self: stretch;
	padding: 60px 0 15px;
}
/* ===== 하단 패밀리 사이트 (한 줄 나열) ===== */
.bid-home-family {
	display: flex;
	align-items: center;
	gap: 28px;
	align-self: stretch;
	border-top: 1px solid #ececec;
	padding: 22px 0 4px;
}
/* 로고가 많아 한 줄에 다 안 들어가므로 왼쪽으로 자동 흐르는 마퀴로 처리 */
.bid-home-family-viewport {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
}
.bid-home-family-list {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	width: max-content;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* gap 대신 margin 을 쓴다 — 마지막 항목에도 간격이 붙어야 translateX(-50%) 가
   복제본 한 벌과 정확히 일치해 이음매 없이 반복된다 */
.bid-home-family-item {
	margin-right: 56px;
}
/* JS 로 목록을 한 벌 복제한 뒤에만 애니메이션 시작 (복제 전에는 정지 상태) */
.bid-home-family-list.is-rolling {
	animation: bidFamilyRoll 50s linear infinite;
}
.bid-home-family-viewport:hover .bid-home-family-list.is-rolling {
	animation-play-state: paused;
}
@keyframes bidFamilyRoll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.bid-home-family-list.is-rolling {
		animation: none;
	}
}
.bid-home-family-list a {
	display: inline-flex;
	align-items: center;
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -0.13px;
	white-space: nowrap;
	text-decoration: none;
	transition: color 0.2s ease;
}
.bid-home-family-list a:hover {
	color: var(--PrimaryColor, #FF5D18);
}
/* 기본은 회색(그레이스케일), hover 시 원래 컬러.
   이미지 여백을 모두 잘라낸 상태라 height 만 맞추면 시각 크기가 정렬된다.
   기본값 = etners 소문자 워드마크(어센더+디센더 포함) 기준 */
.bid-home-family-logo {
	display: block;
	width: auto;
	height: 15px;
	filter: grayscale(1);
	opacity: 0.55;
	transition: filter 0.2s ease, opacity 0.2s ease;
}
/* 대문자 전용 마크는 캡하이트만 있어 같은 height 면 더 커 보인다 → 낮춰서 맞춤 */
.bid-home-family-item[data-fam="gamdongtime"] .bid-home-family-logo {
	height: 12px;
}
.bid-home-family-item[data-fam="esrm"] .bid-home-family-logo {
	height: 14px;
}
/* 아이콘·뱃지가 포함된 마크는 글자가 작아 조금 키워야 균형이 맞는다 */
.bid-home-family-item[data-fam="esop"] .bid-home-family-logo {
	height: 20px;
}
.bid-home-family-item[data-fam="efs"] .bid-home-family-logo {
	height: 18px;
}
.bid-home-family-list a:hover .bid-home-family-logo {
	filter: grayscale(0);
	opacity: 1;
}
/* 로고만 노출 (텍스트 라벨은 alt 대체용으로만 유지) */
.bid-home-family-txt {
	display: none;
}
/* 로고 파일이 아직 없는 항목은 통째로 숨김 — 파일을 넣으면 자동으로 나타난다 */
.bid-home-family-item.is-noimg {
	display: none;
}
.bid-home-main-left-tit-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	align-self: stretch;
}
.bid-home-main-left-sub {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	color: var(--PrimaryColor);
	font-family: 'Pretendard', sans-serif;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.3em;
	text-transform: uppercase;
}
.bid-home-main-left-sub::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--PrimaryColor);
	margin-right: 10px;
	box-shadow: 0 0 8px rgba(255, 93, 24, 0.65);
}
.bid-home-main-left-tit {
	color: var(--Typography-Header, #0e1011);
	font-family: 'Pretendard', sans-serif;
	font-size: 44px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -1.4px;
	align-self: stretch;
}
.bid-home-main-left-guide-wrap {
	display: flex;
	gap: 14px;
	align-self: stretch;
	margin-top: 8px;
}
.bid-home-main-left-guide {
	position: relative;
	display: flex;
	flex: 1 1 0;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	padding: 22px 22px 20px;
	border-radius: 16px;
	background: var(--Gray-50, #F6F6F6);
	border: 1px solid var(--Gray-100, #E7E7E7);
	cursor: pointer;
	overflow: hidden;
	transition: background 0.25s ease, border-color 0.25s ease,
	            transform 0.25s ease, box-shadow 0.25s ease;
}
.bid-home-main-left-guide::after {
	content: '';
	position: absolute;
	top: 20px;
	right: 20px;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M8 16L16 8M16 8H10M16 8V14' stroke='%230e1011' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.5;
	transition: opacity 0.25s ease, transform 0.25s ease;
}
.bid-home-main-left-guide:hover {
	background: #fff;
	border-color: rgba(255, 93, 24, 0.5);
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(14, 16, 17, 0.08);
}
.bid-home-main-left-guide:hover::before {
	opacity: 1;
}
.bid-home-main-left-guide:hover::after {
	opacity: 1;
	transform: translate(3px, -3px);
}
.bid-home-main-left-guide-tit {
	position: relative;
	color: var(--Typography-Header, #0e1011);
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -0.34px;
	line-height: 1.3;
	padding-right: 26px;
}
.bid-home-main-left-guide-sub {
	position: relative;
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -0.26px;
	line-height: 1.5;
}
.bid-home-main-left-guide-sub-wrap {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 2px;
}
.bid-home-main-left-guide-sub-wrap > span {
	display: inline-flex;
	padding: 4px 10px;
	border-radius: 20px;
	background: rgba(255, 93, 24, 0.14);
	color: var(--PrimaryColor, #ff5d18);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
	line-height: 1.4;
	transition: background 0.2s ease;
}
.bid-home-main-left-guide:hover .bid-home-main-left-guide-sub-wrap > span {
	background: rgba(255, 93, 24, 0.22);
}

.bid-home-main-left-bottom-wrap {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-self: stretch;
}
/* ===== 나의 입찰 스케줄 카드 (좌측 하단 — 강조 디자인) ===== */
.bid-home-main-schedule {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 24px;
	border-radius: 16px;
	background: var(--Gray-50, #F6F6F6);
	border: 1px solid var(--PrimaryColor);
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	overflow: hidden;
	transition: background 0.25s ease, border-color 0.25s ease,
	            transform 0.25s ease, box-shadow 0.3s ease;
}
.bid-home-main-schedule::before {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}
.bid-home-main-schedule:hover {
	background: #fff;
	border-color: rgba(255, 93, 24, 0.5);
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(14, 16, 17, 0.08);
}
.bid-home-main-schedule:hover::before {
	opacity: 1;
}
.bid-home-main-schedule-info {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}
.bid-home-main-schedule-ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--PrimaryColor, #FF5D18);
	color: #fff;
	flex-shrink: 0;
	box-shadow: 0 6px 14px rgba(255, 93, 24, 0.35);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.bid-home-main-schedule:hover .bid-home-main-schedule-ic {
	transform: scale(1.05);
	box-shadow: 0 10px 20px rgba(255, 93, 24, 0.45);
}
.bid-home-main-schedule-ic svg {
	width: 22px;
	height: 22px;
}
.bid-home-main-schedule-txt {
	position: relative;
	color: var(--Typography-Header, #0e1011);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.32px;
	line-height: 1.35;
}
.bid-home-main-schedule-txt .ca_num {
	color: var(--PrimaryColor, #FF5D18);
	font-weight: 800;
	font-size: 18px;
	margin: 0 3px;
	font-variant-numeric: tabular-nums;
}
.bid-home-main-schedule-action {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
	padding: 9px 16px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -0.26px;
	transition: color 0.2s ease, background 0.2s ease,
	            transform 0.2s ease, box-shadow 0.25s ease;
}

.bid-home-main-schedule-action span {
	line-height: 1.5;
	font-size: 14px;
}
/* '확인하기'와 화살표만 primary 컬러 */
.bid-home-main-schedule-cta,
.bid-home-main-schedule-action svg {
	color: var(--PrimaryColor, #FF5D18);
}
.bid-home-main-schedule-action svg {
	width: 14px;
	height: 14px;
	transition: transform 0.25s ease;
}
.bid-home-main-schedule:hover .bid-home-main-schedule-action svg {
	transform: translateX(3px);
}

/* 메인 페이지에서는 우측 플로팅 스케줄(.top)을 숨김 (좌측 새 카드로 대체) */
body#main .top {
	display: none !important;
}

/* ===== 매각문의 floating 배너 (in-place expand) ===== */
.bid-home-main-inquiry-banner {
	position: relative;
	flex: 0 0 auto;
	align-self: flex-start;
	animation: bid-home-inquiry-float 3s ease-in-out infinite;
}
.bid-home-main-inquiry-banner.is-open {
	animation: none;
}
/* 메인 외 페이지에서 우측 플로팅(.top, .top2)과 같은 줄로 위치 잡기 */
.bid-home-main-inquiry-banner.is-floating {
	position: fixed;
	right: 1%;
	top: 730px;
	z-index: 10;
}
.bid-home-main-inquiry-banner.is-floating .bid-home-inquiry-collapsed {
	width: 112px;
	height: 105px;
	border-radius: 20px;
	text-align: center;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 2px;
}
.bid-home-main-inquiry-banner.is-floating .bid-home-inquiry-collapsed .bid-home-inquiry-collapsed-txt {
	font-size: 14px;
}

/* 우측 플로팅일 때는 펼침 패널이 왼쪽·위쪽으로 열려 화면을 벗어나지 않게 */
.bid-home-main-inquiry-banner.is-floating .bid-home-inquiry-expanded {
	left: auto;
	right: 0;
	transform-origin: right bottom;
}
@keyframes bid-home-inquiry-float {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-6px); }
}
.bid-home-inquiry-collapsed {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 18px 18px;
	border-radius: 999px;
	background: linear-gradient(135deg, #1f1f24, #0e1011);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -0.28px;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(14, 16, 17, 0.18);
	transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.25s ease;
}
.bid-home-inquiry-collapsed:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(14, 16, 17, 0.25);
}
.bid-home-inquiry-collapsed img {
	flex-shrink: 0;
}
.bid-home-inquiry-expanded {
	display: none;
	position: absolute;
	bottom: 0;
	top: auto;
	left: 0;
	width: 550px;
	max-height: 0;
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	border-radius: 35px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.38);
	overflow: hidden;
	z-index: 10;
	transform-origin: left bottom;
	cursor: default;
	pointer-events: none;
	color: #fff;
	transition: max-height 0.55s cubic-bezier(0.16, 1, 0.3, 1),
	            border-radius 0.5s cubic-bezier(0.16, 1, 0.3, 1),
	            box-shadow 0.4s ease;
}
.bid-home-main-inquiry-banner.is-open .bid-home-inquiry-collapsed {
	opacity: 0;
	pointer-events: none;
}
.bid-home-main-inquiry-banner.is-open .bid-home-inquiry-expanded {
	display: block;
	max-height: 600px;
	pointer-events: auto;
	animation: gtc-ai-popup-expand 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes gtc-ai-popup-expand {
	from { opacity: 0; transform: scale(0.96); }
	to   { opacity: 1; transform: scale(1); }
}
.bid-home-inquiry-expanded-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 28px 32px 18px;
	background: transparent;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -0.34px;
	line-height: 1.3;
}
.bid-home-inquiry-expanded-header img {
	height: 40px;
	flex-shrink: 0;
}
.bid-home-inquiry-expanded-body {
	padding: 0 32px 28px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.bid-home-inquiry-expanded-desc {
	margin: 0 0 6px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.65);
	letter-spacing: -0.28px;
	line-height: 1.5;
}
.bid-home-inquiry-download-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.bid-home-inquiry-download-list li {
	margin: 0;
}
.bid-home-inquiry-download-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 20px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.28px;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
}
.bid-home-inquiry-download-item:hover {
	background: rgba(255, 93, 24, 0.18);
	border-color: var(--PrimaryColor, #FF5D18);
	color: #fff;
	transform: translateY(-2px);
}
.bid-home-inquiry-download-cate {
	flex: 1;
}
.bid-home-inquiry-download-name {
	display: none;
}
.bid-home-inquiry-download-item svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}
.bid-home-inquiry-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 2px;
}
.bid-home-inquiry-chip {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border-radius: 20px;
	background: var(--Gray-50, #F6F6F6);
	border: 1px solid var(--Gray-100, #E7E7E7);
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
	font-family: inherit;
}
.bid-home-inquiry-chip:hover {
	border-color: var(--Gray-300, #B0B0B0);
}
.bid-home-inquiry-chip.is-active {
	background: #FFF1EB;
	border-color: var(--PrimaryColor, #FF5D18);
	color: var(--PrimaryColor, #FF5D18);
}
.bid-home-inquiry-input {
	height: 38px;
	padding: 0 12px;
	border: 1px solid var(--Gray-200, #D1D1D1);
	border-radius: 8px;
	font-size: 13px;
	color: var(--Typography-Body-1, #000);
	font-family: inherit;
	outline: none;
	transition: border-color 0.2s ease;
}
.bid-home-inquiry-input::placeholder {
	color: var(--Gray-300, #B0B0B0);
}
.bid-home-inquiry-input:focus {
	border-color: var(--PrimaryColor, #FF5D18);
}
.bid-home-inquiry-submit {
	margin-top: 6px;
	height: 46px;
	border: none;
	border-radius: 10px;
	background: linear-gradient(135deg, #FF7B40, #FF5D18);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.3px;
	cursor: pointer;
	transition: filter 0.2s ease, transform 0.1s ease;
	font-family: inherit;
}
.bid-home-inquiry-submit:hover {
	filter: brightness(1.06);
}
.bid-home-inquiry-submit:active {
	transform: scale(0.98);
}
.bid-home-inquiry-collapse-btn {
	display: flex;
	width: 100%;
	height: 50px;
	border-radius: 50%;
	border: none;
	background: transparent;
	color: rgba(255, 255, 255, 0.55);
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: color 0.2s ease, background 0.2s ease;
}
.bid-home-inquiry-collapse-btn:hover path{
	fill: #fff;
}
.bid-home-inquiry-collapse-btn svg {
	width: 24px;
	height: 24px;
}
.bid-home-main-right {
	display: flex;
	flex: 0 0 50%;
}
.bid-home-main-right-live-wrap {
	position: relative;
	display: flex;
	flex: 1 0 0;
	padding: 0 14px 20px;
	flex-direction: column;
	align-items: stretch;
	gap: 12px;
	flex-shrink: 0;
	overflow-y: auto;
	overflow-x: hidden;
	min-height: 700px;
	max-height: calc(100vh - 240px);
}
/* 금주 입찰 현황 카드를 2열 그리드로 나열 (스크롤) */
.bid-home-main-right-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	align-content: start;
}
.bid-home-main-right-grid .bid-card {
	margin: 0;
	border-radius: 16px;
}
.bid-home-main-right-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 14px;
}
.bid-home-main-right-live-wrap::-webkit-scrollbar {
	width: 6px;
}
.bid-home-main-right-live-wrap::-webkit-scrollbar-track {
	background: transparent;
}
.bid-home-main-right-live-wrap::-webkit-scrollbar-thumb {
	background: var(--PrimaryColor);
	border-radius: 4px;
}
.bid-home-main-right-live-wrap::-webkit-scrollbar-thumb:hover {
	background: rgba(14, 16, 17, 0.3);
}
/* 특허번호 줄까지 잘리지 않도록 높이 확보 (아이콘 32 + 제목 2줄 + 특허번호 + gap + padding) */
.bid-float-certi01 {
	display: inline-flex;
	padding: 12px 10px;
	align-items: center;
	gap: 10px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
	right: 1%;
	top: 155px;
	position: fixed;
	width: 112px;
	height: 122px;
	overflow: hidden;
	justify-content: center;
}
.bid-float-certi02 {
	display: inline-flex;
	padding: 12px 10px;
	align-items: center;
	gap: 10px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
	right: 1%;
	top: 290px;
	position: fixed;
	width: 112px;
	height: 122px;
	overflow: hidden;
	justify-content: center;
}

@keyframes glassShine {
	0%   { transform: translateX(-160%) skewX(-20deg); opacity: 0; }
	8%   { opacity: 1; }
	35%  { transform: translateX(260%) skewX(-20deg); opacity: 0; }
	100% { transform: translateX(260%) skewX(-20deg); opacity: 0; }
}
.bid-float-certi01::after,
.bid-float-certi02::after {
	content: '';
	position: absolute;
	top: -10%;
	left: 0;
	width: 50%;
	height: 120%;
	background: linear-gradient(
		105deg,
		transparent 15%,
		rgba(255, 255, 255, 0.7) 50%,
		transparent 85%
	);
	animation: glassShine 4s ease-in-out infinite;
	pointer-events: none;
	z-index: 1;
}
.bid-float-certi01::after { animation-delay: 0s; }
.bid-float-certi02::after { animation-delay: 1.8s; }
.bid-float-certi {
	display: flex;
	width: 92px;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}
.bid-float-certi-tit {
	color: #000;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
}
.bid-float-certi-sub {
	color: #5D5D5D;
	text-align: center;
	font-size: 9px;
	font-weight: 500;
	line-height: normal;
}

/* 비딩 홍보영상 플로팅 (QR 아래, 특허 배지와 동일 규격) */
.bid-float-video {
	position: fixed;
	right: 1%;
	top: 560px;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 112px;
	/* 내용(아이콘+라벨)만큼만 차지하도록 다른 플로팅보다 낮게 */
	height: 92px;
	padding: 10px;
	box-sizing: border-box;
	border: 0;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
	cursor: pointer;
	font-family: inherit;
	transition: transform 0.2s ease, box-shadow 0.25s ease;
}
.bid-float-video:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.2);
}
.bid-float-video-ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.bid-float-video-ic svg {
	width: 42px;
	height: 42px;
	display: block;
}
.bid-float-video-txt {
	color: #000;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
}
/* 홍보영상 모달 */
.bid-video-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.75);
	align-items: center;
	justify-content: center;
	padding: 24px;
}
.bid-video-modal.is-open {
	display: flex;
}
.bid-video-modal-inner {
	position: relative;
	width: 100%;
	max-width: 900px;
}
.bid-video-modal-player {
	display: block;
	width: 100%;
	max-height: calc(100vh - 120px);
	border-radius: 12px;
	background: #000;
	outline: none;
}
.bid-video-modal-close {
	position: absolute;
	top: -40px;
	right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
	cursor: pointer;
	transition: background 0.2s ease;
}
.bid-video-modal-close:hover {
	background: rgba(255, 255, 255, 0.3);
}
.bid-video-modal-close svg {
	display: block;
}

/* 영문판 특허 배지 — 문구가 길어 폰트만 축소 (박스 크기는 국문과 동일) */
.is-en .bid-float-certi-tit {
	font-size: 9.5px;
	line-height: 1.2;
}
.is-en .bid-float-certi-sub {
	font-size: 8px;
}

/* ===== bid-checkbox ===== */
input.bid-checkbox {
	display: none;
}
input.bid-checkbox + label.bid-checkbox-label {
	cursor: pointer;
	margin-bottom: 0;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}
input.bid-checkbox + label.bid-checkbox-label > svg {
	position: absolute;
	left: 0;
	top: 0;
}
input.bid-checkbox + label.bid-checkbox-label > .bid-checkbox-checked {
	display: none;
	color: var(--PrimaryColor);
}
input.bid-checkbox:checked + label.bid-checkbox-label > .bid-checkbox-checked {
	display: inline-block;
}
input.bid-checkbox:checked + label.bid-checkbox-label > .bid-checkbox-default {
	display: none;
}
input.bid-checkbox + label.bid-checkbox-label::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 5px;
	vertical-align: middle;
	box-sizing: border-box;
}

/* 서비스 약관 동의 팝업(dialog_userAgree) */
#dialog_userAgree .joinbox pre {
	font-size: 14px;
	letter-spacing: -0.4px;
	line-height: 150%;
}
/* 화면 정중앙 고정 + 뷰포트 안에 맞추고, 내용은 pop_01 안에서만 스크롤되도록 */
/* (common_popup.js 가 inline 으로 잡는 top/left 를 덮기 위해 !important 사용) */
#dialog_userAgree {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	max-height: calc(100vh - 40px);
}
#dialog_userAgree .pop_01 {
	height: calc(100% - 55px); /* 100% - h4 헤더 높이(55px) */
	overflow-y: auto;
}

/* 동의 체크박스 행(우측 정렬) + 텍스트 라벨 */
.bid-agree-check-row {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}
.bid-checkbox-txt-label {
	cursor: pointer;
	font-weight: 500;
}

/* 팝업이 떠 있는 동안 뒷 화면 스크롤 잠금 */
body.popup-open {
	overflow: hidden;
}

/* 현장설명 신청 동의 팝업 */
.plac-agree-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.window.plac-agree-window {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 600px;
	max-width: 95%;
	max-height: 88vh;
	border-radius: 12px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}
.plac-agree-content {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	padding: 20px 24px 16px;
	font-size: 14px;
}
.plac-agree-doc {
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	padding: 20px;
	color: #444;
	font-size: 14px;
	line-height: 1.7;
	text-align: left;
}
.plac-agree-doc p {
	margin: 0 0 4px;
}
.plac-agree-doc p.pa-head {
	font-weight: 600;
}
.plac-agree-doc p.pa-item {
	padding-left: 8px;
}
.plac-agree-doc p.pa-gap {
	margin-bottom: 12px;
}
.plac-agree-doc hr {
	border: none;
	border-top: 1px dashed #ccc;
	margin: 12px 0;
}
.plac-agree-check {
	border-top: 1px solid #eee;
	padding: 12px 24px;
	font-size: 14px;
}
.plac-agree-check-row {
	display: flex;
	align-items: center;
	gap: 5px;
}
.plac-agree-btns {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	padding: 12px 24px 20px;
}

/* ===== bid-radio (e-radio 패턴) ===== */
input[type=radio].bid-radio {
    display: none;
}
input[type="radio"].bid-radio + label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
}
input[type=radio].bid-radio + label.bid-radio-label {
    display: flex;
    position: relative;
    cursor: pointer;
}
input[type="radio"].bid-radio + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    text-align: center;
    background: var(--background-primary);
    border: 1.5px solid #D1D1D1;
    border-radius: 100%;
}
input[type=radio].bid-radio:checked + label.bid-radio-label {
    color: var(--PrimaryColor);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.28px;
}
.bid-radio:checked + .bid-radio-label:before {
    background-color: var(--background-primary);
    border: 2px solid var(--PrimaryColor);
    box-sizing: border-box;
}
input[type=radio].bid-radio:checked + label:after {
    content: "";
    position: absolute;
    background: var(--PrimaryColor);
    border-radius: 100%;
}
input[type=radio].bid-radio:checked + label:before {
    background: var(--background-primary);
}
.bid-radio-label:before {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    box-sizing: border-box;
}
.bid-radio-label:after {
    width: 12px;
    height: 12px;
    top: 10px;
    left: 11px;
    transform: translate(-50%, -50%);
    position: absolute;
}
.bid-radio:checked + .bid-radio-label:after {
    background: var(--PrimaryColor);
}
.bid-radio-label {
    align-items: flex-start;
    margin: 0;
}
input[type=radio].bid-radio:disabled {
    color: #E7E7E7;
}
.bid-radio:disabled + .bid-radio-label {
    outline: none;
    cursor: default;
    opacity: 1;
    filter: grayscale(.1);
    pointer-events: none;
    box-shadow: none;
    color: var(--Gray-200, #D1D1D1);
}
.bid-radio:disabled + .bid-radio-label:before {
    background: #F6F6F6;
    border: 1.5px solid #E7E7E7;
}
.bid-radio:checked:disabled + .bid-radio-label:after {
    background: var(--Gray-100);
}

/* td 내부 input/button/text 가로 정렬 wrapper */
.bid-td-wrap {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
/* td 내부 radio 그룹 가로 정렬 wrapper */
.bid-radio-td-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}
/* form 테이블 안의 bid-dropdown/bid-datepicker — td 가득 차지 않게 max-width 제한 */
.bid_detail_table .bid-dropdown {
    max-width: 280px;
}
.bid_detail_table .bid-datepicker {
    max-width: 240px;
}
/* paired datepicker (시작일 ~ 종료일) — datetime 포맷 들어갈 공간 확보 */
.bid_detail_table .bid-datepicker:has(> .bid-datepicker-sep) {
    max-width: 460px;
}

.bid-menu-tab-wrap {
	display: flex;
	align-self: stretch;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.bid-menu-tab {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--Typography-Body-2);
	padding: 10px 20px;
	white-space: nowrap;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	font-size: 16px;
	flex: 1 0 0;
	color: var(--Typography-Body-2);
	font-weight: 500;
}
.bid-menu-tab a {
	color: var(--Typography-Body-2);
	font-weight: 500;
	display: block;
	width: 100%;
	text-align: center;
}

.bid-menu-tab.on {
	border-bottom: 2px solid #ff552e !important;
	font-weight: 700;
	color: #ff552e !important;
}
.bid-table-info-label-wrap{
	display: flex;
	gap: 3px;
	margin-top: 5px;
}
.bid-table-info-label {
	display: flex;
	padding: 2px 10px;
	border-radius: 50px;
	border: 1px solid #B0B0B0;
	gap: 5px;
}
.bid-table-info-label-num {
	color: #ff552e;
}
.bid-table-info-label.nobid {
	border-radius: 180px;
	border: 1px solid var(--Amaranth-500, #E83C4F);
	background: var(--Error-Error, #E83C4F);
	color: #fff;
}
.bid-table-info-label.canbid {
	border-radius: 180px;
	background: #fe5f40;
	color: #fff;
	border: 0;
}
/* Bid Schedule 영문화 시 라벨/카테고리 컬럼 깨짐 방지 */
.bid_schadule_cont_wrap.is-en .bid-table-info-label-wrap {
	flex-wrap: wrap;
}
.bid_schadule_cont_wrap.is-en .cate-td {
	padding-left: 6px;
	padding-right: 6px;
}
.bid-allsrch-info-wrap {
	display: flex;
	padding: 10px 14px;
	align-items: center;
	border-radius: 5px;
	background: #FDE6E6;
	gap: 25px;
}
.bid-allsrch-info-code {
	display: flex;
	align-items: center;
	background: none;
	flex: 1 0 0;
	justify-content: space-between;
}
.bid-allsrch-info-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--Typography-Body-1);
}
.bid-allsrch-info-count {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	color: var(--Typography-Body-1);
}
.bid-allsrch-info-num {
	color: var(--PrimaryColor);
	font-weight: 700;
	font-size: 16px;
	margin-left: 3px;
}
.bid-allsrch-more-btn {
	font-size: 14px;
	color: var(--Steel-Blue-700);
	font-weight: 600;
}
.bid-indv-h6-wrap {
	display: flex !important;
	justify-content: space-between;
	align-self: stretch;
}
.bid-indv-h6-count-wrap {
	display: flex;
	gap: 10px;
	align-items: center;
}
.bid_status_ic_box_wrap {
	display: flex;
	gap: 10px;
	width: 100%;
	padding: 20px 10px;
}
.bid_status_ic_box {
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex: 1 0 0;
	justify-content: center;
	align-items: center;
}
.bid_status_ic_box svg {
	width: 40px;
	height: 40px;
}
.bid_state_ic {
	border-radius: 500px;
	padding: 20px;
	background: #f2f4f7;
	transition: background 0.2s ease;
}
.bid_state_tit {
	font-size: 14px;
	color: #B0B0B0;
	transition: color 0.2s ease, font-weight 0.2s ease;
}
/* 비활성: 아이콘을 grayscale + 흐리게 */
.bid_status_ic_box .bid_state_ic svg {
	filter: grayscale(1);
	opacity: 0.55;
	transition: filter 0.2s ease, opacity 0.2s ease;
}
/* 활성(ing): 컬러 복원 + 배경 강조 + 타이틀 강조 */
.bid_status_ic_box.ing .bid_state_ic {
	background: #FDE6E6;
}
.bid_status_ic_box.ing .bid_state_ic svg {
	filter: none;
	opacity: 1;
}
.bid_status_ic_box.ing .bid_state_tit {
	font-weight: 700;
	color: var(--PrimaryColor, #FF552E);
}
.bid_detail_wrap {
	display: flex;
	gap: 50px;
}
.bid_detail_img_wrap {
	width: 50%;
}
.bid_detail_tit_wrap {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.bid_detail_tit {
	font-size: 24px;
	font-weight: 600;
	color: var(--Typography-Body-1);
	line-height: 120%; /* 30px */
	letter-spacing: -1px;
}
.bid_detail_info_wrap {
	flex: 1 0 0;
	display: flex;
	flex-direction: column;
	padding: 20px 0;
	gap: 10px;
}
.bid_detail_tit_sub {
	font-size: 16px;
	font-weight: 500;
	color: var(--Typography-Body-2);
	line-height: 150%; /* 24px */
	letter-spacing: -0.32px;
}
.bid_detail_basic_info_wrap {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 20px;
	padding: 10px 0;
	height: 50px;
	letter-spacing: -0.4px;
}
.bid_detail_basic_info_wrap > .fr {
	float: none;
	display: inline-flex;
	gap: 5px;
	margin-left: auto;
}
.bid_detail_table {
	width: 100%;
}
.bid_detail_table tr:nth-child(1) th {
	border-top: 1.5px solid #999;
}
.bid_detail_table tr:nth-last-child(1) th{
	border-bottom: 1.5px solid #999 !important;
}
.bid_detail_table tr:nth-child(1) td {
	border-top: 1.5px solid #999;
}
.bid_detail_table tr:nth-last-child(1) td {
	border-bottom: 1.5px solid #999 !important;
}
.bid_detail_table th {
	background: #f6f6f6;
	font-size: 14px;
	border-bottom: 1px solid #dedede!important;
	padding: 10px 10px;
	vertical-align: middle;
	font-weight: 400;
}
.bid_detail_table td {
	padding: 10px 10px;
	border-bottom: 1px solid #dedede!important;
	font-size: 14px;
	vertical-align: middle;
	font-weight: 500;
}
.bid_detail_cont {
	display: flex;
	flex-direction: column;
	margin-top: 25px;
}
.bid_detail_table th .icheck {
	color: var(--PrimaryColor);
}

/* ---- bid 툴팁 ---- */
.bid-tooltip {
	position: relative;
	display: flex;
}
.bid-tooltip .bid-tooltip-ic {
	cursor: pointer;
	display: inline-flex;
}
.bid-tooltip .bid-tooltip-ic:hover + .bid-tooltip-box {
	display: flex !important;
	z-index: 99;
}
.bid-tooltip .bid-tooltip-box svg {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
}
.bid-tooltip-text {
	display: flex;
	padding: 8px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	background: #000;
	color: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
	min-width: 60px;
	font-family: Pretendard-Regular, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.26px;
	white-space: nowrap;
}

.bid-tooltip.right {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
.bid-tooltip.right .bid-tooltip-box {
	display: none;
	align-items: center;
	position: absolute;
	left: 35px;
	top: 50%;
	transform: translateY(-50%);
}

.bid-tooltip.bottom {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
.bid-tooltip.bottom .bid-tooltip-box {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%);
}

.bid-tooltip.left {
	display: inline-flex;
	align-items: center;
}
.bid-tooltip.left .bid-tooltip-box {
	display: none;
	align-items: center;
	position: absolute;
	right: 35px;
	top: 50%;
	transform: translateY(-50%);
}

.bid-tooltip.top {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
.bid-tooltip.top .bid-tooltip-box {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%);
}

.bid-tooltip-black-box .bid-tooltip-text {
	background: #000;
	color: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
}

/* ---- bid step indicator (입찰 등록 단계) ---- */
.bid_eprocess {
	margin: 25px 0 30px;
}
.bid-step-indicator {
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: auto;
	max-width: 600px;
	height: auto;
	background: none !important;
}
.bid-step-indicator > .bid-step-item {
	flex: 0 0 180px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	position: relative;
	padding: 0;
	width: auto;
	float: none;
	font-size: 14px;
	color: #888;
}
.bid-step-indicator > .bid-step-item .bid-step-icon {
	display: inline-flex;
	width: 32px;
	height: 32px;
	color: var(--PrimaryColor, #ff552e);
	position: relative;
	z-index: 1;
}
.bid-step-indicator > .bid-step-item .bid-step-svg-on,
.bid-step-indicator > .bid-step-item .bid-step-svg-off {
	width: 32px;
	height: 32px;
	display: block;
}
.bid-step-indicator > .bid-step-item .bid-step-svg-on {
	display: none;
}
.bid-step-indicator > .bid-step-item .bid-step-label {
	font-size: 14px;
	color: #888;
	font-weight: 400;
}

/* connecting line — gray default */
.bid-step-indicator > .bid-step-item:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 15px;
	left: calc(50% + 22px);
	right: calc(-50% + 22px);
	height: 2px;
	background: #d7d7d7;
	z-index: 0;
}

/* eprocess01 — step 1 active */
.bid-step-indicator.eprocess01 > .bid-step-item:nth-child(1) .bid-step-svg-on { display: block; }
.bid-step-indicator.eprocess01 > .bid-step-item:nth-child(1) .bid-step-svg-off { display: none; }
.bid-step-indicator.eprocess01 > .bid-step-item:nth-child(1) .bid-step-label {
	color: var(--PrimaryColor, #ff552e);
	font-weight: 600;
}

/* eprocess02 — steps 1 (completed), 2 (active) */
.bid-step-indicator.eprocess02 > .bid-step-item:nth-child(-n+2) .bid-step-svg-on { display: block; }
.bid-step-indicator.eprocess02 > .bid-step-item:nth-child(-n+2) .bid-step-svg-off { display: none; }
.bid-step-indicator.eprocess02 > .bid-step-item:nth-child(2) .bid-step-label {
	color: var(--PrimaryColor, #ff552e);
	font-weight: 600;
}
.bid-step-indicator.eprocess02 > .bid-step-item:nth-child(1)::after {
	background: var(--PrimaryColor, #ff552e);
}

/* eprocess03 — all steps completed/active */
.bid-step-indicator.eprocess03 > .bid-step-item .bid-step-svg-on { display: block; }
.bid-step-indicator.eprocess03 > .bid-step-item .bid-step-svg-off { display: none; }
.bid-step-indicator.eprocess03 > .bid-step-item:nth-child(3) .bid-step-label {
	color: var(--PrimaryColor, #ff552e);
	font-weight: 600;
}
.bid-step-indicator.eprocess03 > .bid-step-item:nth-child(1)::after,
.bid-step-indicator.eprocess03 > .bid-step-item:nth-child(2)::after {
	background: var(--PrimaryColor, #ff552e);
}

/* ---- SNS 로그인 버튼 (브랜드 가이드 준수) ---- */
.bid-sns-login-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	margin-top: 20px;
}
.bid-sns-login-wrap .bid-large-btn {
	width: 100%;
	min-width: 0;
	height: 48px;
	font-size: 15px;
	border-radius: 6px;
	box-shadow: none;
}
.bid-sns-login-wrap .bid-large-btn svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

/* 카카오 — #FEE500 / 검정 텍스트 (Kakao 디자인 가이드) */
.bid-btn-kakao {
	background: #FEE500;
	color: rgba(0, 0, 0, 0.85);
	border: 1px solid #FEE500;
}
.bid-btn-kakao:hover,
.bid-btn-kakao:focus {
	background: #FFEB3B;
	border-color: #FFEB3B;
	color: rgba(0, 0, 0, 0.85);
}

/* 네이버 — #03C75A / 흰색 텍스트 (Naver 디자인 가이드) */
.bid-btn-naver {
	background: #03C75A;
	color: #ffffff;
	border: 1px solid #03C75A;
}
.bid-btn-naver:hover,
.bid-btn-naver:focus {
	background: #02B250;
	border-color: #02B250;
	color: #ffffff;
}

/* 로그인 버튼 row — 인풋 아래 꽉 차게 */
.bid-login-btn-row {
	margin-top: 12px;
}
.bid-login-btn-row > .bid-large-btn {
	width: 100%;
	min-width: 0;
	height: 48px;
	font-size: 16px;
	border-radius: 6px;
}
/* ---- bid-login-foam (로그인 박스) ---- */
.bid-login-foam {
	width: 40%;
	margin: 0 auto !important;
	padding: 32px 30px !important;
	background: var(--background-primary, #FFF);
	border: 1px solid var(--border-Input, #D1D1D1);
	border-radius: 24px;
	box-sizing: border-box;
}
.group.id_loign {
	display: flex;
	flex-direction: column;
}
/* 탭 → input */
.bid-login-foam .bid-large-tab {
	margin-bottom: 28px;
}
/* input 사이 간격 */
.bid-login-foam .form-group {
	width: 100%;
	float: none;
	height: auto;
	margin: 0 0 12px 0;
}
.bid-login-foam .form-group:last-of-type {
	margin-bottom: 0;
}
.bid-login-foam .form-group .bid-input {
	width: 100%;
	height: 48px;
	border-radius: 8px;
}
/* input → 로그인 버튼 */
.bid-login-foam .bid-login-btn-row {
	margin-top: 20px;
}
/* 로그인 버튼 → 아이디저장/회원가입·찾기 */
.bid-login-foam .bid-login-action-row {
	margin-top: 16px;
	margin-bottom: 0;
}
/* 액션 row → SNS 영역 (구분선 포함) */
.bid-login-foam .bid-sns-login-wrap {
	margin-top: 32px;
	padding-top: 24px;
	gap: 10px;
	border-top: 1px solid var(--border-Input, #D1D1D1);
}
/* mobile_login 그룹의 간격도 일관되게 */
.bid-login-foam .group.mobile_login .form-group {
	margin-bottom: 12px;
}
.bid-login-foam .mfont {
	margin-top: 14px;
	font-size: 13px;
	color: #888;
}
.group.mobile_login {
	display: flex;
	flex-direction: column;
}
/* 휴대폰 인증: input + 버튼 한 줄 */
.bid-login-foam .bid-login-input-with-btn {
	display: flex;
	gap: 8px;
	align-items: center;
}
.bid-login-foam .bid-login-input-with-btn .bid-input {
	flex: 1 1 auto;
	min-width: 0;
}
.bid-login-foam .bid-login-input-with-btn .bid-mid-btn {
	flex-shrink: 0;
	height: 48px;
	min-width: 100px;
}
/* 인증번호 input + 잔여시간 */
.bid-login-foam .bid-login-input-with-time {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
}
.bid-login-foam .bid-login-input-with-time .bid-input {
	flex: 0 0 60%;
	width: 60%;
}
.bid-login-foam .bid-login-input-with-time #leftTime {
	flex-shrink: 0;
	color: var(--PrimaryColor, #ff552e);
	font-size: 13px;
	font-weight: 600;
}

/* 아이디/비밀번호 찾기 페이지 — 두 개의 bid-login-foam을 좌우로 배치 */
.bid-find-wrap {
	display: flex;
	gap: 24px;
	padding: 0 220px;
	margin-top: 20px;
	align-items: center;
}
.bid-find-wrap > form {
	flex: 1 1 0;
	min-width: 0;
}
.bid-find-wrap .bid-login-foam {
	width: 100%;
	margin: 0 !important;
}
.bid-find-wrap .bid-login-foam header {
	margin: 0;
	padding: 0;
}
.bid-find-foam-title {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 8px;
	color: var(--Typography-Header, #000);
}
.bid-find-foam-desc {
	font-size: 14px;
	color: var(--Gray-400, #666);
	margin: 0 0 20px;
}
.bid-find-foam-tab {
	margin: 0 0 20px;
	padding: 4px 6px;
	list-style: none;
}
.bid-find-foam-fields {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.bid-find-wrap .bid-login-foam .form-group {
	width: 100%;
	margin: 0;
	float: none;
}
.bid-find-wrap .bid-login-foam .form-group .bid-input,
.bid-find-wrap .bid-login-foam .form-group input.bid-input {
	width: 100%;
	height: 48px;
	border-radius: 8px;
}
.bid-find-wrap .bid-login-foam .bid-login-btn-row {
	margin-top: 24px;
}

/* 로그인 텍스트 링크 (아이디/패스워드 찾기) */
.bid-login-text-link {
	color: #555;
	font-size: 14px;
	text-decoration: none;
	transition: color 0.15s;
}
.bid-login-text-link:hover {
	color: var(--PrimaryColor, #ff552e);
	text-decoration: underline;
}

/* 가입하기 row (Toss 스타일) */
.bid-login-signup-row {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	width: 45%;
	margin: 18px auto 0;
	font-size: 14px;
}
.bid-login-signup-q {
	color: #888;
}
.bid-login-signup-link {
	color: var(--PrimaryColor, #ff552e);
	font-weight: 700;
	text-decoration: none;
	padding: 4px 8px;
	border-radius: 4px;
	transition: background 0.15s;
}
.bid-login-signup-link:hover {
	background: rgba(255, 85, 46, 0.08);
	text-decoration: none;
	color: var(--PrimaryColor, #ff552e);
}

/* 로그인 페이지 액션 row — 아이디 저장 + 회원가입/찾기 버튼 한 줄 */
.bid-login-action-row {
	display: flex;
	align-items: center;
	margin-top: 15px;
	gap: 10px;
}
.bid-login-keep {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.bid-login-keep-txt {
	cursor: pointer;
	margin-bottom: 0;
	font-size: 14px;
	color: #555;
}
.bid-login-action-btns {
	margin-left: auto;
	display: inline-flex;
	gap: 5px;
}

/* Apple — 검정 / 흰색 텍스트 (Apple Sign-in 가이드) */
.bid-btn-apple {
	background: #000000;
	color: #ffffff;
	border: 1px solid #000000;
}
.bid-btn-apple:hover,
.bid-btn-apple:focus {
	background: #1c1c1c;
	border-color: #1c1c1c;
	color: #ffffff;
}
.bid_schadule_cont_wrap {
	display: flex;
	gap: 25px;
}
.bid_schadule_cont_wrap .ri-date {
	flex: 1 0 0;
	margin-top: 10px;
}
.bid_schadule_cont_wrap .ui-datepicker {
	box-shadow: none;
}
.bid-pbox {
	padding: 20px;
	border-radius: 10px;
	background: #f2f4f6;
	font-size: 14px;
	font-weight: 400;
}
.bid-pbox ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
}
.bid_pop_subm_cont_tit_wrap {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 20px;
	padding: 10px 0;
	height: 50px;
}
.bid_pop_subm_cont_tit_price {
	font-size: 16px;
	font-weight: bold;
	color: var(--PrimaryColor);
}
.bid_pop_subm_cont_time {
	flex: 1 0 0;
	text-align: right;
	font-size: 14px;
	font-weight: 600;
}
.bid_pop_subm_cont_time #countdowntimer {
	color: var(--PrimaryColor);
}
.bid-company-label-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 10px 0 0;
}

/* 개별입찰 등록/수정 - 입찰이미지 + 품목정보 1row 레이아웃 */
.bid_image_item_row {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	flex-wrap: wrap;
}
.bid_image_item_row > .bid_image_col,
.bid_image_item_row > .bid_item_col {
	flex: 1 1 0;
	min-width: 0;
}
@media (max-width: 1024px) {
	.bid_image_item_row > .bid_image_col,
	.bid_image_item_row > .bid_item_col {
		flex: 1 1 100%;
	}
}
.indv_main_btn {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* ===== 품목 등록 결과 팝업 (bid-result) ===== */
.bid-result-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.55);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Pretendard', sans-serif;
}
.bid-result-modal {
	background: #fff;
	border: 1px solid var(--Gray-200, #D1D1D1);
	border-radius: 12px;
	width: 720px;
	max-width: 92%;
	max-height: 85vh;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.bid-result-header {
	padding: 20px 24px;
	border-bottom: 1px solid var(--Gray-200, #D1D1D1);
}
.bid-result-title {
	font-size: 18px;
	font-weight: 700;
	color: var(--Typography-Header, #000);
	letter-spacing: -0.36px;
	line-height: 150%;
}
.bid-result-body {
	padding: 24px;
	overflow-y: auto;
	flex: 1;
}
.bid-result-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 20px;
	font-size: 18px;
	color: var(--Typography-Body-1, #222);
	letter-spacing: -0.36px;
	line-height: 150%;
	background: var(--Amaranth-50);
	padding: 8px 20px;
	border: 1px solid var(--PrimaryColor);
	border-radius: 10px;
}
.bid-result-summary strong {
font-weight: 700;
color: var(--Typography-Header, #000);
}
.bid-result-summary-total {
display: inline-flex;
align-items: center;
}
.bid-result-summary-counts {
display: inline-flex;
align-items: center;
gap: 18px;
margin-left: auto;
}
.bid-result-summary-num {
display: inline-flex;
align-items: center;
gap: 2px;
color: var(--Typography-Body-1);
font-weight: 600;
}
.bid-result-summary-num svg {
flex-shrink: 0;
}
.bid-result-num-label,
.bid-result-num-value {
color: var(--Typography-Body-1);
}
.bid-result-summary-num strong {
font-weight: 700;
}
.bid-result-summary-num.is-succ strong {
color: var(--SuccessSuccess);
}
.bid-result-summary-num.is-fail strong {
color: var(--ErrorError);
}
.bid-result-fail-titwrap {
display: flex;
align-items: baseline;
gap: 6px;
margin-bottom: 10px;
}
.bid-result-fail-tit {
font-size: 14px;
font-weight: 700;
color: var(--Typography-Header, #000);
letter-spacing: -0.28px;
}
.bid-result-fail-note {
font-size: 13px;
color: var(--Typography-Body-2, #666);
font-weight: 400;
}
.bid-result-fail-table-wrap {
max-height: 320px;
overflow-y: auto;
}
.bid-result-fail-reason {
color: var(--ErrorError, #E83C4F);
}
.bid-result-fail-more {
color: var(--Typography-Body-2, #666);
text-align: center;
}
.bid-result-footer {
padding: 16px 24px;
border-top: 1px solid var(--Gray-200, #D1D1D1);
display: flex;
gap: 8px;
justify-content: flex-end;
}
.bid-home-main-right-live-tab-wrap {
	display: flex;
	padding: 0;
	background: rgba(2, 32, 71, 0.05);
	border-radius: 16px;
}
.bid-home-main-right-live-tab {
	flex: 1 0 0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: 500;
	border-radius: 16px;
	padding: 10px;
	transition: background 0.25s ease, color 0.25s ease;
}
.bid-home-main-right-live-tab.focus {
	font-weight: 700;
	background: var(--PrimaryColor);
	color: var(--TypographyInverse);
}
/* 탭 전환 시 카드 fade-up 애니메이션 + 카테고리 미일치 카드는 숨김 */
.bid-home-main-right-grid > * {
	transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
}
.bid-home-main-right-grid.is-switching > * {
	opacity: 0;
	transform: translateY(8px);
	pointer-events: none;
}
.bid-home-main-right-grid > .is-hidden {
	display: none !important;
}
.bid-home-main-right-grid-empty {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 60px 20px;
	color: var(--TypographyInverse);
	font-size: 24px;
	background: url("images/nobid.png");
	background-size: cover;
	flex: 1 0 0;
	border-radius: 20px;
	font-weight: 600;
	background-position: center;
}
.bid-main-noti-cont {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 30px;
}
.bid-main-noti-wrap-tit {
	font-size: 20px;
	font-weight: 600;
	color: var(--Typography-Body-2);
	display: flex;
	justify-content: space-between;
}
.bid-main-noti-wrap-sub {
	color: var(--Typography-Body-2);
	font-size: 14px;
}
.bid-main-noti-wrap-sub:hover {
	color: var(--PrimaryColor);
}
.bid-main-noti-wrap {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	min-height: 96px;
}
.bid-main-noti span:nth-child(1) {
	min-width: 60px;
}
.bid-main-noti {
	display: flex;
	gap: 10px;
	align-items: center;
}
/* 등록된 공지사항이 없을 때 영역 중앙에 안내 텍스트 노출 */
.bid-main-noti-empty {
	flex: 1 0 auto;
	justify-content: center;
	color: #999;
	font-size: 14px;
	min-height: 96px;
}
.bid-main-noti-tit {
	font-size: 14px;
	font-weight: 400;
	color: var(--Typography-Body-1);
	display: block;
	color: var(--Typography-Body-1);
	white-space: nowrap;
	flex: 1 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bid-main-noti-date {
	font-size: 14px;
	color: #999;
}
.bid-filter-array {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	align-items: center;
}
.bid-filter-array-wrap {
	display: flex;
	gap: 5px;
	align-items: center;
	cursor: pointer;
}
.bid-filter-array-wrap.is-active .bid-filter-array-txt {
	color: var(--PrimaryColor);
	font-weight: 600;
}
.bid-filter-array-sort {
	position: relative;
}
.bid-filter-array-sort .bid-dropdown-menu {
	top: calc(100% + 4px);
	left: 0;
	right: auto;
	min-width: 140px;
}
.bid-filter-array-wrap .bid-dropdown-menu {
	top: 100%;
	left: 0;
	margin-top: 4px;
}
.bid-filter-array-txt {
	font-size: 14px;
	color: var(--Typography-Body-2);
	font-weight: 400;
}
.info_container {
	display: flex;
	padding: 0 140px;
	gap: 50px;
	align-items: center;
}
.info_container_header {
	font-size: 20px;
	font-weight: 600;
	color: var(--Typography-Body-2);
	display: flex;
}
.info_container_body {
	display: flex;
	gap: 40px;
	align-items: center;
}
.info_container_call_wrap {
	display: flex;
	gap: 10px;
	align-items: center;
}
.info_container_call {
	font-size: 20px;
	font-weight: 700;
	color: var(--Typography-Body-1);
}
.info_container_call_sub {
	font-size: 16px;
	color: var(--Typography-Body-2);
	font-weight: 400;
}
.info_container_mail_wrap {
	display: flex;
	align-items: center;
	gap: 5px;
}
.info_container_mail_txt {
	font-size: 16px;
	font-weight: 500;
}
.info_container_mail_ic {
	border: 1px solid #000;
	border-radius: 100px;
	padding: 6px;
	display: flex;
}

#cert_subm_area th {
	text-align: center;
	font-weight: bold;
	color: #333;
	font-size: 13px;
}
#cert_subm_area td {
	font-size: 13px;
	font-weight: 400;
}
.bid-btn-disabled {
	background: var(--background-secondary);
}
.bid-agree-txt {
	display: flex;
	color: var(--PrimaryColor);
	margin-top: 10px;
	justify-content: flex-end;
	font-weight: 400;
	font-size: 14px;
}
.bid_agree_wrap {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 20px;
	padding: 10px 0;
	height: 50px;
	letter-spacing: -0.4px;
	justify-content: space-between;
}
.calendar_bid_txt {
	display: block;
	font-size: 12px;
	font-weight: 400;
}

.indv_minus_amt {
	color: #d32f2f;
	font-weight: 600;
}