@charset "utf-8";

/* All */
header, footer, nav, section, article, aside, figure, figcaption {display:block}
body, table, input, textarea, select, button {font-size:1em;}
a img {border:0}


/* reset style */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; font-style:normal; line-height:1;}


*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
* {word-wrap:break-word; word-break:break-all;}


/* default style */
html,body			{width:100%; height:100%;}
html				{filter: expression(document.execCommand('BackgroundImageCache', false, true)); overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
body				{margin:0; padding:0; font-size:0.75em; font-family:'arial','gulim'; color:#606060; background-color:#fff;}
table				{font-size:1em; border-spacing:0; border-collapse:collapse;}
td,th				{vertical-align:middle; font-size:1em; font-family:'arial','gulim';}
dd,dt,ol,dl,ul,li	{list-style:none; margin:0; padding:0;}
label				{cursor:pointer;}
button, label		{padding:0; border:none; vertical-align:middle; cursor:pointer; font-family:'arial','gulim'; outline:none;}
address, caption, cite, code, dfn, strong, th, var {font-style:normal;}
legend,caption		{display:none; height:0; width:0; font-size:0;}
p					{margin:0;}
blockquote, q		{quotes:none;}
ins					{text-decoration:none;}
del					{text-decoration:line-through;}
hr					{display:block; -webkit-margin-before:0.5em; -webkit-margin-after:0.5em; -webkit-margin-start:auto; -webkit-margin-end:auto;}
img, fieldset		{border:0 none; vertical-align:middle;}
a					{cursor:pointer; outline:none; select-dummy:expression(this.hideFocus=true);}
select				{display:inline-block; vertical-align:middle; margin:0; padding:0; width:100%; height:30px; font-family:'arial','gulim'; font-size:1em; color:#333; border:none; background-color:#fff;}
textarea			{display:block; margin:0; padding:0; width:100%; height:120px; font-family:'arial','gulim'; font-size:1.125em; color:#000; border:none; -webkit-appearance:none; resize:none;}
input, textarea		{outline:none;}

input[type="text"], input[type="password"], input[type="tel"] {
	padding:0;
	width:100%;
	height:40px;
	font-family:'arial','gulim';
	font-size:1.125em;
	color:#000;
	border:none;
	background-color:#fff;
	vertical-align:middle;
}
input[type="radio"], input[type="checkbox"] {
	cursor:pointer;
	vertical-align:middle;
	margin:0;
	padding:0;
}
input[type="file"]	{width:80%;}


input::-webkit-input-placeholder	{font-weight:normal; color:#ccc;}
input:-ms-input-placeholder			{font-weight:normal; color:#ccc;}
input::-moz-placeholder				{font-weight:normal; color:#ccc;}
input:-moz-placeholder				{font-weight:normal; color:#ccc;}

textarea::-webkit-input-placeholder	{font-weight:normal; color:#ccc;}
textarea:-ms-input-placeholder		{font-weight:normal; color:#ccc;}
textarea::-moz-placeholder			{font-weight:normal; color:#ccc;}
textarea:-moz-placeholder			{font-weight:normal; color:#ccc;}


input {-webkit-appearance:none; appearance:none;}
input,textarea, button, select		{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;}

input[readonly]						{border-color:#ccc; background-color:#f0f0f0;}


* {-webkit-text-size-adjust:none;}/* 폰트 자동 확대 방지 */


/* Link style */
a:link					{color:#333; text-decoration:none;}
a:visited				{color:#333; text-decoration:none;}
a:hover					{color:#333; text-decoration:none;}
a:active				{color:#333; text-decoration:none;}
a:focus					{color:#333; text-decoration:none;}
a.self					{text-decoration:none;}


/* etc define */
.underline {text-decoration:underline;}
.font-default {color:#333; font-weight:normal;}
.bold {font-weight:bold;}
.line {border-bottom:1px solid #d3d3d3;}
.floatLeft {display:inline; float:left;}
.floatRight {display:inline; float:right;}
.clearBoth {clear:both;}
.alignMiddle {vertical-align:middle;}
.alignTop {vertical-align:top;}
.alignBottom {vertical-align:bottom;}
.alignLeft {text-align:left !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.borderTop {border-top:1px solid #eee;}
.borderTopNone {border-top:none !important;}
.borderBtmNone {border-bottom:none !important;}
.borderNone {border:none !important;}
.borderBottom {border-bottom:1px solid #ddd !important;}
.txtspace {letter-spacing:-1px;}
.displayInlineBblock {display:inline-block;}
.boxShadowNone	{box-shadow:none !important;}
.overflowHidden {overflow:hidden;}
.cursorDefault {cursor:default !important;}


hr													{display:block; margin:0; padding:0; height:55px; border:none;}


/* Background Color */
.bg-gray											{background-color:#f0eeed;}


/* Selectbox Style */
#select_box											{display:inline-block; vertical-align:middle; position:relative; width:100%; height:40px; border:none; background:#fff url('/img/icon/selectbox_arrow.png') right center no-repeat; background-size:30px; cursor:pointer;}
#select_box label									{position:absolute; top:0; left:0; font-weight:bold; font-size:1.125em; color:#000; line-height:40px;}
#select_box .selectBox								{margin:0; padding-left:5px; width:100%; height:40px; cursor:pointer; opacity:0; filter: alpha(opacity=0);}


/* Checkbox Image */
.wrap-checkbox										{position:relative; display:inline-block;}
.wrap-checkbox > input								{position:absolute; top:50%; left:0; z-index:0; opacity:0; width:20px; height:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.wrap-checkbox > label								{position:relative; padding-left:25px; font-size:1em; color:#888;}
.wrap-checkbox > label:before						{content:""; position:absolute; top:50%; left:0; z-index:1; width:20px; height:20px; background:url('/img/icon/checkbox_medium.png') no-repeat; background-size:100% auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.wrap-checkbox > input:checked+label:before			{background-position:0 bottom;}
.wrap-checkbox > input:checked+label				{color:#000;}
.wrap-checkbox.maximum > input						{width:28px; height:28px;}
.wrap-checkbox.maximum > label						{padding-left:35px;}
.wrap-checkbox.maximum > label:before				{width:28px; height:28px; background-image:url('/img/icon/checkbox_maximum.png');}
.wrap-checkbox.minimum								{margin-right:15px;}
.wrap-checkbox.minimum:last-child					{margin-right:0;}
.wrap-checkbox.minimum > input						{width:15px; height:15px;}
.wrap-checkbox.minimum > label						{padding-left:18px;}
.wrap-checkbox.minimum > label:before				{width:15px; height:15px; background-image:url('/img/icon/checkbox_minimum.png');}


/* Radio Image */
.wrap-radio											{position:relative; display:inline-block; margin-right:15px;}
.wrap-radio:last-child								{margin-right:0;}
.wrap-radio > input									{position:absolute; top:50%; left:0; z-index:0; opacity:0; width:15px; height:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.wrap-radio > label									{position:relative; display:block; padding-left:18px; color:#888;}
.wrap-radio > label:before							{content:""; position:absolute; top:50%; left:0; z-index:1; width:15px; height:15px; background:url('/img/icon/i_radio.png') no-repeat; background-size:100% auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.wrap-radio > input:checked+label:before			{background-position:0 bottom;}
.wrap-radio > input:checked+label					{color:#000;}


/* Btn Style */
.btn-style01										{display:block; width:100%; height:50px; font-weight:bold; font-size:1.4em; -webkit-border-radius:2px; border-radius:2px;}
.btn-style02										{display:block; margin:30px auto 60px; width:160px; height:40px; font-size:1.3em; -webkit-border-radius:20px; border-radius:20px;}
.btn-style03										{display:block; margin:30px auto 60px; width:60%; height:50px; font-weight:bold; font-size:1.4em; -webkit-border-radius:4px; border-radius:4px;}


/* Btn Color */
.btn-color01										{color:#fff; background-color:#fabe00;}
.btn-color02										{color:#fff; background-color:#1472FF;}


/* Btn Position */
.btn-position										{margin:20px 0; text-align:center;}
.btn-position button								{display:inline-block; margin:0 2px;}


/* Layout Selector */
.wrap												{position:relative; min-width:320px; overflow:hidden;}
.container											{margin-bottom:40px; padding:15px;}
.fix-container										{padding-top:50px;}
.contents											{padding:15px;}


/* Main Top */
.main-logo											{position:absolute; top:30px; left:20px; z-index:2; display:block; width:100px; height:35px; text-indent:-9999px; background:url('/img/main/logo.png') no-repeat; background-size:100%;}
.logout												{position:absolute; top:25px; right:20px; z-index:2; width:40px; height:40px; text-indent:-9999px; background:rgba(0,0,0,.1) url('/img/main/i_logout.png') no-repeat center; background-size:30px; border-radius:50%; -webkit-border-radius:50%;}


/* Img Rolling  */
.banner-slide										{position:relative; z-index:1;}


/* Flexible Slider */
.flexslider											{overflow:hidden;}
.flexslider .slides > li							{display:none; -webkit-backface-visibility:hidden; background-repeat:no-repeat; background-size:cover; background-position:center;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img								{width:100%; display:block;}


/* Control Nav */
.flex-control-nav									{position:absolute; bottom:5px; left:0; z-index:20; width:100%; height:6px; text-align:center;}
.flex-control-nav li								{margin:0 2px; display:inline-block; zoom: 1; *display:inline;}
.flex-control-paging li a							{display:block; width:6px; height:6px; text-indent:-9999px; background-color:rgba(255,255,255,.2); cursor:pointer; border-radius:50%; -webkit-border-radius:50%;}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active				{background-color:#fff;}


/* Main Category */
.category											{position:relative; z-index:2; margin-top:-65px; background-color:#fff; overflow:hidden; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.1); box-shadow:0 4px 8px 0 rgba(0,0,0,.1);}
.category > ol										{height:70px; background-color:#1472FF; overflow:hidden;}
.category > ol:after								{content:""; display:block; float:none; clear:both;}
.category > ol > li									{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; float:left; padding:0 20px; width:50%; height:100%;}
.category > ol > li:first-child						{border-right:1px solid rgba(255,255,255,.15);}
.category > ol > li > em							{padding-top:20px; width:35%; font-size:1.125em; color:rgba(255,255,255,.8);}
.category > ol > li > span							{padding-top:17px; width:65%; font-family:'Montserrat'; font-weight:700; font-size:2.8em; color:#fff; text-align:right;}
.category > ul										{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.category > ul > li									{position:relative; padding:25px 15px; width:50%; height:120px; font-family:'NanumSquareR'; border-top:1px solid #f0eeed; cursor:pointer;}
.category > ul > li:nth-child(1),
.category > ul > li:nth-child(2)					{border-top:none;}
.category > ul > li:nth-child(odd)					{border-right:1px solid #f0eeed;}
.category > ul > li:before							{content:""; position:absolute; top:30%; right:0; z-index:1; width:60px; height:60px; background-repeat:no-repeat; background-size:100%;}
.category > ul > li:nth-child(1):before				{background-image:url('/img/main/category01.png');}
.category > ul > li:nth-child(2):before				{background-image:url('/img/main/category02.png');}
.category > ul > li:after							{content:""; position:absolute; bottom:0; right:0; z-index:1; width:0; height:0; border-style:solid; border-width:0 0 10px 10px; border-color:transparent transparent #1427ff transparent;}
.category > ul > li dt								{margin-bottom:10px; font-size:1.4em; color:#000;}
.category > ul > li dd								{font-size:1em; color:#888; line-height:1.3;}


/* Footer */
footer												{position:fixed; bottom:0; left:0; padding:0 15px; width:100%;}
footer span											{position:relative; display:block; padding-bottom:20px; text-align:center;}
footer span:after									{content:""; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:10px; background-color:#cfd1d2; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
footer span a										{position:relative; display:inline-block; margin:0 5px; padding:5px; font-size:1em; color:#777 !important;}
footer span a:after									{content:""; position:absolute; top:50%; right:-7px; z-index:1; width:1px; height:10px; background-color:#ddd; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
footer span a:last-child:after						{display:none;}


/* Header */
header												{position:relative; z-index:100; display:table; width:100%; background-color:#1472FF;}
header.fixed										{position:fixed; top:0; left:0; width:100%;}
header.transparent									{position:absolute; top:0; left:0; z-index:2000; height:50px; background:transparent; -webkit-box-shadow:none; box-shadow:none;}
header > p											{margin:0 auto; width:100px; height:50px; text-indent:-9999px; background:url('/img/top/topLogo.png') top no-repeat; background-size:100%;}
header > span										{display:table-cell; vertical-align:middle; padding-left:50px; height:50px; font-size:1.4em; color:#fff;}
header > button,
header > a											{position:absolute; top:0; z-index:10; width:50px; height:50px; text-indent:-9999px; background-color:transparent; background-repeat:no-repeat; background-size:100% auto;}
header > button										{background-image:url('/img/top/topBack.png');}
header > a											{right:0; background-image:url('/img/top/topHome.png');}
header > a.on										{background-position:left bottom;}
header > a.topFavorite								{background-image:url('/img/top/topFavorite.png');}
header.turn											{position:relative; z-index:2000; background:transparent;}
header.delay										{-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;}


/* Header Top Window */
.top-window											{position:fixed; top:0; left:0; z-index:1000; display:table; width:100%; background-color:#fff; -moz-box-shadow:0 1px 0 0 rgba(0,0,0,.1); -o-box-shadow:0 1px 0 0 rgba(0,0,0,.1); -webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.1); box-shadow:0 1px 0 0 rgba(0,0,0,.1);}
.top-window > span									{display:table-cell; vertical-align:middle; height:50px; font-weight:bold; font-size:1.4em; color:#333; text-align:center;}
.top-window > button								{position:absolute; top:0; right:0; z-index:10; width:50px; height:50px; text-indent:-9999px; background:url('/img/top/topClose.png') no-repeat; background-size:100%;}


/* 하단고정 멀티 버튼 */
.quick-multiple										{position:fixed; bottom:0; left:0; z-index:5; width:100%; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.quick-multiple button								{position:relative; width:100%; height:55px; font-size:1.4em;}
.quick-multiple button img,
.quick-multiple button span							{display:inline-block; vertical-align:middle;}
.quick-multiple button img							{width:20px;}
.quick-multiple button span							{margin-left:10px;}
.quick-multiple.single button						{font-size:1.5em; color:#fff; background-color:#1472FF;}
.quick-multiple.dual button:first-child				{color:#fff; background-color:#333;}
.quick-multiple.dual button:last-child				{color:#fff; background-color:#1472FF;}
.quick-multiple.triple button:nth-child(1),
.quick-multiple.triple button:nth-child(3)			{color:#fff; background-color:#3c0f64;}
.quick-multiple.triple button:nth-child(2)			{color:#3c0f64; background-color:#fabd00;}


/* 약관 */
/*
.terms-form strong,
.terms-form em,
.terms-form span									{display:block;}
*/
.terms-form strong									{margin:15px 0; font-size:1.4em; color:#151515;}
.terms-form strong:first-child						{margin-top:10px;}
.terms-form em										{margin-bottom:10px; font-weight:bold; font-size:1.2em; color:#333;}
.terms-form span,
.terms-form li										{font-size:1em; color:#555; line-height:1.4;}
.terms-form span,
.terms-form ul,
.terms-form ol										{margin-bottom:10px;}
.terms-form ul										{padding:0 5px;}
.terms-form ol										{padding:0 10px;}
.terms-form li										{margin-bottom:5px;}


/* Table Line */
.table-line											{margin-bottom:15px;}
.table-line table									{width:100%;}
.table-line table th,
.table-line table td								{padding:5px; height:40px; font-size:1em; border:1px solid #999;}
.table-line table th								{font-family:'NotoKrM'; font-weight:normal; color:#151515; text-align:center;}
.table-line table td								{color:#555; line-height:1.2; text-align:left;}
.table-line table.td-center td						{text-align:center;}
.table-line table td > span							{display:block; line-height:1.3;}


/* Form Calendar */
.form-calendar										{position:relative; padding-right:40px;}
.form-calendar > input								{text-align:center;}
.form-calendar > img								{position:absolute; top:50%; right:0; z-index:1; width:40px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* 출품목록 날짜설정 */
.auction-calendar									{position:relative; display:table; padding:0 10px; width:100%;}
.auction-calendar em								{display:table-cell; vertical-align:middle; height:40px; font-weight:bold; font-size:1.25em; color:#333;}
.auction-calendar button							{position:absolute; top:50%; right:10px; z-index:1; width:30px; height:30px; text-indent:-9999px; background:url('/img/icon/i_calendar.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* Current */
.current											{display:block; padding:0 10px; line-height:26px; font-size:1em; color:#333; background-color:#eee;}
.current b											{padding:0 2px 0 5px;}


/* 차량리스트 */
.carList > li										{position:relative; border-bottom:1px solid #e7e7e7;}
.carList > li > a									{position:relative; display:table; padding:5px; width:100%;}
.carList > li > a > i								{position:absolute; top:5px; left:5px; z-index:2; display:block; width:40px; line-height:18px; font-size:0.875em; color:#fff; background-color:rgba(127,127,127,.8); text-align:center; -webkit-filter:grayscale(100%); filter:grayscale(100%);}
.carList > li > a > p								{display:block; position:absolute; top:5px; left:5px; z-index:1; width:140px; height:105px; text-indent:-9999px; background-color:#f0f0f0; background-repeat:no-repeat; background-size:cover; background-position:center;}
.carList > li .status-queue							{position:absolute; bottom:5px; left:5px; z-index:2; width:140px;}
.carList > li .status-queue > span					{display:block; line-height:22px; font-size:0.95em; color:#fff; text-align:center;}
.carList > li .status-queue > span.status01			{background-color:rgba(196,196,196,.9);}
.carList > li .status-queue > span.status02			{background-color:rgba(95,214,95,.9);}
.carList > li .status-queue > span.status03			{background-color:rgba(45,135,226,.9);}
.carList > li .status-queue > span.status04			{background-color:rgba(0,0,0,.9);}
.carList > li .status-queue > span.status05			{background-color:rgba(208,52,53,.9);}
.carList > li .status-queue > span.num				{color:#2d87e2; background-color:rgba(255,255,255,.8);}
.carList > li .details								{position:relative; display:table-cell; vertical-align:middle; padding-left:150px; padding-bottom:22px; height:105px;}
.carList > li .details > span						{display:block;}
.carList > li .details > span img					{margin-bottom:7px; height:14px;}
.carList > li .details dl dt						{font-size:1.125em; color:#555; line-height:1.6;}
.carList > li .details dl dt strong					{display:block; font-size:1.125em; color:#000;}
.carList > li .details dl dt b						{display:block; margin-bottom:5px; font-size:1.125em; color:#2d87e2;}
.carList > li .details dl dd						{margin-top:2px; font-size:1em; color:#666;}
.carList > li .details dl dd:after					{content:""; display:block; float:none; clear:both;}
.carList > li .details dl dd > span					{position:relative; float:left; padding-right:10px; font-size:0.95em; color:#888;}
.carList > li .details dl dd > span.start			{font-weight:bold;color:#000000;font-size: 1.125em;padding:5px 0;}
.carList > li .details dl dd > span > em			{color:#1472FF;}
.carList > li .details dl dd > span:after			{content:"l"; position:absolute; top:50%; right:4px; z-index:1; font-size:0.875em; color:#ddd; border-radius:50%; -webkit-border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.carList > li .details dl dd > span:last-child		{padding-right:0;}
.carList > li .details dl dd > span:last-child:after{right:-9999px;}

.carList > li .details .number 						{position:relative; bottom:2px; width:120px; text-align:center; z-index:1; display:block; padding:0 15px; font-family:'NanumSquareR'; font-size:12px; color:#fff; line-height:25px; background-color:rgba(40, 118, 235, 1);} 

.carList > li .countdown							{position:absolute; bottom:5px; right:5px; z-index:1; width:100%; padding-left:155px;}
.carList > li .countdown > em						{display:block; line-height:22px; font-size:0.95em; color:#000; background-color:#eee; text-align:center;}
.carList > li .countdown > em b						{font-weight:normal; color:#1472FF;}
.carList > li .countdown > em.consign				{line-height:20px; border:1px solid #eee; background-color:#fff;}
.carList > li > button								{position:absolute; top:0; right:0; z-index:1; width:40px; height:40px; text-indent:-9999px; background:rgba(255,255,255,.9) url('/img/icon/i_delete.png') no-repeat center; background-size:30px;}
.carList > li > em									{position:absolute; top:0; right:0; z-index:1; width:30px; height:30px; text-indent:-9999px; background:url('/img/icon/i_first.png') no-repeat; background-size:100%;}
.carList > li .table-board							{padding:0 5px 5px}
.carList.only-info > li .details,
.carList.exhibitor > li .details					{padding-bottom:0;}
.carList.exhibitor > li								{margin-bottom:20px; border-bottom:none;}
.carList.exhibitor > li > span						{display:block; line-height:26px; font-size:1em; color:#333; background-color:#eee; text-align:center;}


/* 입찰현황 */
.bidfor												{margin:0 5px 5px; border:1px solid #e5e5e5; border-bottom:none;}
.bidfor dl											{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; border-bottom:1px solid #e5e5e5;}
.bidfor dl dt,
.bidfor dl dd										{padding:5px; width:100%; border-right:1px solid #e5e5e5; text-align:center;}
.bidfor dl dt:last-child,
.bidfor dl dd:last-child							{border-right:none;}
.bidfor dl dt										{font-size:0.875em; color:#777; background-color:#f9f9f9;}
.bidfor dl dd										{font-size:0.95em; color:#151515;}
.bidfor.sequential dl dt:first-child,
.bidfor.sequential dl dd:first-child				{width:50%;}


/* 출품차량 입찰현황 등록버튼 */
.enrollment											{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; padding:0 5px;}
.enrollment > button								{width:100%; height:30px; font-size:1em; color:#fff; border-right:1px solid rgba(255,255,255,.15); background-color:#333;}
.enrollment > button:last-child						{border-right:none;}
.enrollment > button.off							{color:rgba(255,255,255,.5); background-color:#ccc;}


/* No Data */
.noData												{margin-top:80px; padding:100px 0; font-size:1.2em; color:#ccc; background:url('/img/icon/nodata_icon.png') no-repeat center top; background-size:90px; text-align:center;}


/* Layer View */
/*
.layerView											{position:fixed; top:0; left:0; z-index:200; width:100%; height:100%;}
.layerView:before									{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5;}
.layer-body											{position:absolute; top:50%; left:0; z-index:9999; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.layer-box											{margin:0 20px; background-color:#fff; -webkit-border-radius:3px; border-radius:3px; overflow:hidden;}
.layer-header										{position:relative;}
.layer-header em									{display:block; padding:20px; font-weight:bold; font-size:1.5em; color:#000;}
.layer-header em sub								{display:block; margin-top:5px; font-size:12px; color:#777; line-height:1.2;}
.layer-header a										{position:absolute; top:5px; right:5px; z-index:1; width:40px; height:40px; text-indent:-9999px; background:url('/img/icon/layer_close.png') no-repeat; background-size:100%;}
.layer-container									{padding:0 20px 20px;}
.layer-container .layerBtn							{display:block; margin:30px auto 15px; width:50%; height:40px; font-size:1.3em; color:#fff; background-color:#1472FF; -webkit-border-radius:20px; border-radius:20px; box-shadow:0 2px 4px 0 rgba(0,0,0,.25); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.25);}
*/
.layerView											{position:fixed; left:0; top:0; width:100%; height:100vh; z-index:9999;}
.layerView:before									{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5;}
.layer-body											{position:absolute; left:50%; top:50%; width:340px; z-index:9999; padding:30px; background-color:#fff; overflow:hidden; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;}
.layer-header										{position:relative; margin-bottom:25px;}
.layer-header em									{display:block; font-family:'NanumSquareR'; font-size:17px; color:#000; font-weight:bold;}
.layer-header span									{display:block; margin-top:10px; font-size:15px; color:#757575;}
.layer-header > a									{position:absolute; top:-10px; right:-10px; z-index:100; width:30px; height:30px; text-indent:-9999px; background:url('/img/icon/layer_close.png') no-repeat center; cursor:pointer;}
.layer-container									{position:relative;}
.layer-container > button							{display:block; margin:30px auto 20px; width:280px; height:50px; font-family:'NotoKrM'; font-size:15px; border-radius:25px; -moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.4); -o-box-shadow:0 1px 5px 0 rgba(0,0,0,.4); -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.4); box-shadow:0 1px 5px 0 rgba(0,0,0,.4);}
.layer-container > button:hover						{-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,.2); -o-box-shadow:0 5px 10px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.2); box-shadow:0 5px 10px 0 rgba(0,0,0,.2);}

.layer-container-caution							{position:relative;}
.layer-container-caution > button					{display:block; margin:30px auto 20px; width:280px; height:50px; font-family:'NotoKrM'; font-size:15px; border-radius:25px; -moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.4); -o-box-shadow:0 1px 5px 0 rgba(0,0,0,.4); -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.4); box-shadow:0 1px 5px 0 rgba(0,0,0,.4);}
.layer-container-caution > button:hover				{-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,.2); -o-box-shadow:0 5px 10px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.2); box-shadow:0 5px 10px 0 rgba(0,0,0,.2);}


/* Layer Scroll */
.scroll												{max-height:380px; overflow-y:scroll;}


/* Layer Scroll */
.combobox-scroll									{max-height:369px; border:1px solid #ddd; overflow-y:scroll;}
.combobox-scroll > ol li							{display:table; width:100%; border-bottom:1px solid #ddd;}
.combobox-scroll > ol li:last-child					{border-bottom:none;}
.combobox-scroll > ol li .wrap-checkbox				{display:table-cell; vertical-align:middle; height:45px; font-size:1.2em;}
.combobox-scroll > ol li .wrap-checkbox > label		{display:block; padding-left:45px; line-height:45px;}
.combobox-scroll > ol li .wrap-checkbox > input,
.combobox-scroll > ol li .wrap-checkbox > label:before{left:10px;}
.combobox-scroll > ol li span						{display:block; padding:0 10px; font-size:1.2em; line-height:45px; cursor:pointer;}
.combobox-scroll > ol li span img					{margin-right:10px; height:30px;}
.combobox-scroll > ol li.on > span					{color:#fabe00;}
.combobox-scroll > ol li > ol						{border-top:1px solid #ddd; background-color:#f9f9f9;}
.combobox-scroll > ol li > ol > li > span			{padding-left:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/* Layer Dual Combobox */
.dual-combobox										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.dual-combobox > li									{width:100%;}
.dual-combobox > li:last-child .combobox-scroll		{border-left:none;}


/* Layer Write */
.writeLayer ul										{margin-bottom:15px; border:1px solid #ddd;}
.writeLayer ul:last-child							{margin-bottom:0;}
.writeLayer ul li									{border-bottom:1px solid #ddd;}
.writeLayer ul li:last-child						{border-bottom:none;}
.writeLayer ul li dl								{display:table; width:100%;}
.writeLayer ul li dl dt,
.writeLayer ul li dl dd								{display:table-cell; vertical-align:middle; height:50px; color:#000;}
.writeLayer ul li dl dt								{padding-left:10px; width:30%; font-size:1em;}
.writeLayer ul li dl dd								{position:relative; padding-right:5px; width:70%; font-weight:bold; font-size:1.125em;}
.writeLayer ul li dl dd input,
.writeLayer ul li dl dd #select_box label			{font-weight:bold; font-size:1em;}
.writeLayer ul li dl dd textarea					{padding:10px 0; height:80px; font-size:1em;}
.writeLayer ul li dl dd em							{position:absolute; top:50%; right:10px; z-index:1; font-weight:normal; font-size:0.95em; color:#999; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* 달력 */
.calendar-wrap										{padding-top:40px; overflow:hidden; width:220px;}
.calendar-wrap .date-selection						{position:relative; margin-bottom:20px; text-align:center;}
.calendar-wrap .date-selection em					{display:inline-block; font-size:1.125em; color:#000; text-align:center;}
.calendar-wrap .date-selection em strong			{margin-right:2px; font-size:1.4em;}
.calendar-wrap .date-selection em strong:last-child	{margin-left:10px;}
.calendar-wrap .date-selection button				{position:absolute; top:50%; z-index:1; width:30px; height:30px; text-indent:-9999px; border:1px solid #e7e7e7; background-color:transparent; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-border-radius:50%; border-radius:50%;}
.calendar-wrap .date-selection button.prev			{left:50%; margin-left:-110px;}
.calendar-wrap .date-selection button.next			{right:50%; margin-right:-110px;}
.calendar-wrap .date-selection button:after			{content:""; position:absolute; top:50%; left:50%; z-index:1; width:15px; height:15px; background:url('/img/icon/date_control.png') no-repeat; background-size:auto 100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transition:all .15s; -webkit-transition:all .15s; -o-transition:all .15s; transition:all .15s;}
.calendar-wrap .date-selection button.prev:after	{background-position:left top;}
.calendar-wrap .date-selection button.next:after	{background-position:right top;}


/* Table Calendar */
.table-calendar										{margin:0 -1px -1px;}
.table-calendar table								{width:100%;}
.table-calendar table th,
.table-calendar table td							{padding:5px; border:1px solid #eee; text-align:center;}
.table-calendar table th							{font-size:0.875em; color:#333;}
.table-calendar table td							{height:50px; font-size:1.2em; color:#666;}
.table-calendar table th.saturday,
.table-calendar table td.saturday					{color:#004fe2;}
.table-calendar table th.sunday,
.table-calendar table td.sunday,
.table-calendar table td.holiday					{color:#1472FF;}
.table-calendar table td.today						{color:#000; background-color:#f7edc1;}
.table-calendar table td.on,
.table-calendar table td:active						{color:#fff; background-color:#1472FF;}
.table-calendar table td.cannot						{color:#ddd;}
.table-calendar table td.cannot:active				{color:#ddd; background-color:transparent;}


/* 차량상세사진 */
.photo-slide										{position:relative; z-index:0; margin-top:-50px; overflow:hidden;}
.photo-slide .slides > li							{display:none; -webkit-backface-visibility:hidden;}
.photo-slide .slides > li img						{display:block; width:100%;}
.photo-slide > em									{position:absolute; bottom:0; left:0; z-index:1; display:block; padding:0 15px; font-size:1.2em; color:#fff; line-height:30px; background-color:rgba(127,127,127,.8); -webkit-filter:grayscale(100%); filter:grayscale(100%);}
.photo-slide > span									{display:block; position:absolute; bottom:10px; right:10px; z-index:2; padding:0 10px; font-size:1em; color:#fff; line-height:20px; background-color:rgba(0,0,0,.4); -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.photo-slide:before									{content:""; position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:50px; text-indent:-9999px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(0, 0, 0)),
		color-stop(1, rgb(0, 0, 0))
	);
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
}


/* 차량이름가격 */
.info-car											{position:relative; padding:20px 15px;}
.info-car dt										{margin-bottom:8px; font-weight:bold; font-size:1.5em; color:#000; line-height:1.2em;}
.info-car dd										{line-height:1;}
.info-car dd > span									{position:relative; display:inline-block; padding-right:15px; font-size:1.05em; color:#777;}
.info-car dd > span:after							{content:""; position:absolute; top:50%; right:6px; z-index:1; margin-top:-2px; width:2px; height:2px; background-color:#888; border-radius:50%; -webkit-border-radius:50%;}
.info-car dd > span:last-child						{padding-right:0;}
.info-car dd > span:last-child:after				{right:-9999px;}
.info-car > span									{display:block;}
.info-car > span img								{margin-bottom:10px; height:18px;}
.info-car .starting									{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin-top:20px; font-size:1.2em;}
.info-car .starting > em							{position:relative; padding-left:10px; width:30%; font-weight:bold; color:#333;}
.info-car .starting > em:before						{content:""; position:absolute; top:50%; left:0; z-index:1; width:6px; height:6px; background-color:#333; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-border-radius:50%; border-radius:50%;}
.info-car .starting > span							{font-weight:bold;width:70%;color:#1472FF;}


/* 입찰하기 */
.auction-notify										{position:relative; z-index:1; margin-bottom:30px; padding:0 15px 20px; border-bottom:10px solid #ededed;}
.auction-notify em									{position:relative; display:block; margin-bottom:5px; padding-left:10px; font-weight:bold; font-size:1.2em; color:#333;}
.auction-notify em:before							{content:""; position:absolute; top:50%; left:0; z-index:1; width:6px; height:6px; background-color:#333; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.auction-notify .bidding							{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.auction-notify .bidding span						{position:relative; width:65%;}
.auction-notify .bidding span input					{width:100%; font-weight:bold; font-size:1.6em; color:#1472FF; border:1px solid #ddd; border-right:none; text-align:center;}
.auction-notify .bidding span b						{position:absolute; top:50%; right:10px; z-index:1; font-weight:normal; font-size:1.3em; color:#656565; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.auction-notify .bidding button						{width:35%; height:40px; font-size:1.4em; color:#fff; background-color:#1472FF;}
.auction-notify .in-auction							{line-height:40px; font-size:1.25em; background-color:#f2f2f2; text-align:center;}
.auction-notify .in-auction.begin					{font-weight:bold; color:#1472FF;}
.auction-notify .in-auction.finish					{color:#aaa;}


/* 차량상세정보 */
.infolWrap > li										{margin:-80px 0 30px; padding:15px; border-bottom:10px solid #ededed;}
.infolWrap > li:last-child							{margin-bottom:0;}


/* 차량상세 탭메뉴 */
.tabBtn-detail										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin:0 -15px 15px; padding-top:35px; border-bottom:1px solid #e5e5e5;}
.tabBtn-detail > a									{width:100%; text-align:center;}
.tabBtn-detail > a > em								{display:inline-block; margin-bottom:-1px; line-height:40px; font-size:1.25em; color:#a3a3a3; border-bottom:1px solid transparent;}
.tabBtn-detail > a.on > em							{color:#1472FF; border-color:#1472FF;}


/* Table Chart */
.table-chart										{border-top:1px solid #555;}
.table-chart table									{width:100%; text-align:left;}
.table-chart table th,
.table-chart table td								{padding:5px 10px; height:34px; font-size:1em; color:#333; line-height:1.2; border-bottom:1px solid rgba(0,0,0,.07);}
.table-chart table th								{font-weight:bold; color:#505050; background-color:#f9f9f9;}


/* Table Board */
.table-board > strong								{display:block; margin:20px 0 5px; font-size:1.125em; color:#151515;}
.table-board table									{width:100%;}
.table-board table th,
.table-board table td								{padding:5px; height:34px; border:1px solid #e5e5e5;}
.table-board table th								{font-size:1em; color:#151515; background-color:#f9f9f9; text-align:center;}
.table-board table td								{font-size:0.95em; color:#454545; text-align:left;}
.table-board table td ol							{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.table-board table td ol li							{width:100%;}
.table-board table td > span						{position:relative; display:inline-block; margin-right:10px;}
.table-board table td > span:after					{content:""; position:absolute; top:50%; right:-6px; z-index:1; width:1px; height:8px; background-color:#ccc; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.table-board table td > span:last-child				{margin-right:0;}
.table-board table td > span:last-child:after		{display:none;}
.table-board table td > span b						{margin:0 1px 0 2px; color:#1472FF;}
.table-board table.td-center td						{text-align:center;}
.table-board table td .wrap-checkbox,
.table-board table td .wrap-radio					{margin-right:5px;}
.table-board table td .wrap-radio:last-child		{margin-right:0;}


/* 성능점검상태 */
.section-check										{margin-bottom:15px; padding:10px; border:1px solid #ddd; overflow:hidden;}
.check-position										{position:relative;}
.check-position > span								{display:none; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;}
.check-position img									{width:100%;}
.print-section										{padding-top:20px;}


/* 차량상태 */
.mark-name											{margin-top:25px; padding:0 5px;}
.mark-name ul										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.mark-name ul li									{display:table; margin-bottom:10px; width:61px;}
.mark-name ul li em,
.mark-name ul li span								{display:table-cell; vertical-align:middle; line-height:16px;}
.mark-name ul li em									{width:16px; font-weight:bold; font-size:0.7em; color:#fff; text-align:center; -webkit-border-radius:50%; border-radius:50%;}
.mark-name ul li span								{padding-left:3px; font-size:0.875em; color:#333;}
/*.i-mark												{position:absolute; z-index:1; display:inline-block; width:12px; line-height:12px; font-size:7px; color:#fff; text-align:center; -webkit-border-radius:50%; border-radius:50%;}*/
.i-mark												{z-index:1; display:inline-block; width:13px; line-height:13px; font-size:7px; color:#fff; text-align:center; -webkit-border-radius:50%; border-radius:50%;}
.i-mark img											{width:100%;}
.mark-red											{background-color:#c00000;}
.mark-blue											{background-color:#0087e6;}
/*.mark-black											{width:18px; line-height:18px; background-color:#151515;}*/
.mark-black											{width:10px; line-height:10px; background-color:#151515;}


/* 사고부위 사진 */
.photo-detail img									{width:100%;}


/* 성능상태 주의사항 */
.check-notice										{margin-top:20px;}
.check-notice li									{position:relative; margin-bottom:5px; padding-left:10px; font-size:1em; color:#454545; line-height:1.2;}
.check-notice li:before								{content:""; position:absolute; top:5px; left:2px; z-index:1; width:3px; height:3px; background-color:#333; border-radius:50%; -webkit-border-radius:50%;}


/* 사진보기 */
.imageAll img										{width:100%;}


/* 굴착기,지게차 성능점검 사진 */
.other-truck										{margin-bottom:15px; padding:10px; border:1px solid #ddd;}
.other-truck ul										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center; margin:0 -5px;}
.other-truck ul li									{padding:0 5px; width:100%; text-align:center;}
.other-truck ul li img								{width:100%;}
.repair												{margin-top:10px; border:1px solid #eee;}
.repair em											{display:block; padding:15px; font-size:1.2em; color:#aaa; text-align:center;}
.repair span										{display:block; padding:10px; font-size:1.125; color:#666; line-height:1.3;}


/* Multi Form */
.multiform											{padding:10px;}
.multiform > em										{display:block; margin:10px 0 5px; font-weight:bold; font-size:1.2em; color:#151515;}
.multiform ul										{margin-bottom:20px; border:1px solid #ddd;}
.multiform li										{border-bottom:1px solid #ddd; background-color:#fff;}
.multiform li:last-child							{border-bottom:none;}
.multiform dl										{display:table; padding:0 15px; width:100%;}
.multiform dl dt,
.multiform dl dd									{display:table-cell; vertical-align:middle; height:50px; color:#000;}
.multiform dl dt									{width:30%; font-size:1.05em;}
.multiform dl dt > em								{position:relative; display:inline-block;}
.multiform dl dt > em:after							{content:"*"; position:absolute; top:-5px; right:-5px; z-index:1; font-size:1em; color:#1472FF;}
.multiform dl dd									{position:relative; padding-right:15px; width:70%; font-weight:bold; font-size:1.25em;}
.multiform dl dd > em								{position:absolute; top:50%; right:-5px; z-index:1; font-weight:normal; font-size:0.95em; color:#999; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.multiform dl dd label								{font-weight:normal; font-size:0.95em;}
.multiform dl dd > input							{font-weight:bold; font-size:1em;}
.multiform dl dd textarea							{padding:10px 0; height:80px; font-size:1em;}
.multiform a										{position:relative; display:block;}
.multiform a:after									{content:""; position:absolute; top:50%; right:12px; z-index:1; width:15px; height:15px; background:url('/img/icon/form_arrow.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* 검색날짜 */
.searchTop											{position:relative; padding:5px 50px 5px 5px; height:50px; background-color:#fff;}
.searchTop input									{padding-left:10px; height:40px; font-size:1.3em; color:#000;}
.searchTop button									{position:absolute; top:5px; right:5px; z-index:1; width:40px; height:40px; text-indent:-9999px; background:#333 url('/img/icon/button_search.png') no-repeat center; background-size:30px; -webkit-border-radius:2px; border-radius:2px;}
.searchTop ul										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.searchTop ul li									{display:table; width:100%; line-height:40px;}
.searchTop ul li:nth-child(2)						{width:10%; font-size:1.125em; text-align:center;}
.searchTop ul li a									{position:relative; display:table-cell; vertical-align:middle; padding-left:15px; height:40px; font-weight:bold; font-size:1.2em; color:#151515; border:1px solid #eee;}
.searchTop ul li a:after							{content:""; position:absolute; top:50%; right:0; z-index:1; width:30px; height:30px; background:url('/img/icon/selectbox_arrow.png') no-repeat; background-size:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* 판매승인버튼 */
.approval											{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin:0 -2.5px; padding-top:20px;}
.approval li										{padding:0 2.5px; width:100%;}
.approval li button									{display:block; width:100%; height:30px; font-size:1.05em; color:#fff; -webkit-border-radius:2px; border-radius:2px;}
.approval li:nth-child(1) button					{background-color:#5fd662;}
.approval li:nth-child(2) button					{background-color:#333;}
.approval li:nth-child(3) button					{background-color:#1472FF;}


/* FAX 요청서류 */
.oneClick											{border-top:1px solid #ddd;}
.oneClick li										{padding:15px 5px; font-size:1.3em; border-bottom:1px solid #e6e6e6;}
.oneClick input										{margin-top:20px; padding:0 10px; border:1px solid #eee;}