@charset "utf-8";

/* All */
header, footer, nav, section, article, main, aside, figure, figcaption {display:block;}
body, table, input, textarea, select, button {font-size:12px;}
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;}


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


/* default style  */
html,body			{width:100%; height:100%;}
html				{filter: expression(document.execCommand('BackgroundImageCache', false, true)); overflow-y:scroll; overflow-x:hidden; letter-spacing:-.5px;}
body				{margin:0; padding:0; font-size:12px; font-family:'PretendardR',sans-serif; color:#5B5B5B; background-color:#fff;}
body.bg-white		{background-color:#ffffff;}
table				{font-size:12px; border-spacing:0; border-collapse:collapse;}
td,th				{vertical-align:middle; font-size:12px;}

dd,dt,ol,dl,ul,li	{list-style:none; margin:0; padding:0;}
label				{cursor:pointer;}
button, label		{border:none; vertical-align:middle; cursor:pointer; 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; text-decoration:none; outline:none; select-dummy:expression(this.hideFocus=true);}
select				{display:inline-block; vertical-align:middle; margin:0; padding:0; width:100%; height:30px; font-size:12px; color:#333; border:none; background-color:#fff;}
textarea			{display:block; margin:0; padding:5px 10px; width:100%; font-family:'PretendardR','NotoKrR',sans-serif; font-size:14px; color:#000; border:1px solid #ccc; background-color:#fff; resize:none; -webkit-appearance:none;}
input, textarea		{outline:none;}

input[type="text"], input[type="password"], input[type="number"] {
	padding:0 10px;
	height:40px;
	font-family:'PretendardR','NotoKrR',sans-serif;
	font-size:14px;
	color:#000;
	border:1px solid #ccc;
	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:#aaa;}
input:-ms-input-placeholder			{font-weight:normal; color:#aaa;}
input::-moz-placeholder				{font-weight:normal; color:#aaa;}
input:-moz-placeholder				{font-weight:normal; color:#aaa;}
input,textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;}

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

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


/* Link style */
a:link					{color:#5B5B5B; text-decoration:none;}
a:visited				{color:#5B5B5B; text-decoration:none;}
a:hover					{color:#5B5B5B; text-decoration:none;}
a:active				{color:#5B5B5B; text-decoration:none;}
a:focus					{color:#5B5B5B; 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;}
.borderWrap	{border:1px solid #dbdfe3 !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;}
.cursorPointer {cursor:pointer;}
.padding20 {padding:0px;}
.paddingTop20 {padding-top:20px !important;}
.marginRight10 {margin-right:10px !important;}
.marginTop10 {margin-top:10px !important;}
.marginTop30 {margin-top:30px !important;}
.marginBottom10 {margin-bottom:10px !important;}
.marginBottom15 {margin-bottom:15px !important;}
.marginLeft50 {margin-left:50px !important;}
.paddingLeft14 {padding-left:14px !important;}
.middleLine {display:block; padding:20px 0; border-bottom:1px dotted #cccccc;}
.displayNone						{display:none !important;}


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

h1													{margin:0 0 5px; padding:0; font-size:15px; font-weight:bold; color:#202020; letter-spacing:-.5px;}
h2													{margin:0 0 -1px; padding:30px 0 15px; position:relative; z-index:10; font-size:26px; color:#202020; letter-spacing:-.5px; text-align:left; background:#ffffff; font-family:'PretendardR','NotoKrR',sans-serif; border-bottom:1px solid #364860;}
h2 > span											{font-size:15px; font-weight:normal; color:#999; display:inline-block; padding-left:5px;}


/* Selectbox Style */
.select_box											{display:inline-block; position:relative; width:100%; min-height:40px; border:1px solid #EAEAEA; /* background:#fff url('/img/select-arrow.png') right center no-repeat; */ -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.select_box > a										{display:flex; align-items:center; width:100%; height:100%; padding-block:10px; padding-inline:15px 30px;} 
.select_box > a:before,
.select_box > a:after									{content:""; position:absolute; right:15px; top:50%; height:2px; width:8px; background-color:#000;}
.select_box > a:before								{transform:translateY(-50%) rotate(42deg); right:20px;}
.select_box > a:after									{transform:translateY(-50%) rotate(-42deg);}
.select_box > a.on:before						{transform:translateY(-50%) rotate(42deg); right:15px;}
.select_box > a.on:after							{transform:translateY(-50%) rotate(-42deg); right:20px;}
.select_box label										{font-family:'PretendardR','NotoKrR',sans-serif; font-size:14px; color:#000;}
.select_box .selectBox								{position:absolute; left:0; top:100%; width:100%; font-family:'PretendardR','NotoKrR',sans-serif; font-size:14px; z-index:2; display:none; margin-top:0; border:1px solid #eaeaea;}
.select_box .selectBox > ul						{background-color:#fff;  padding:12px 0; overflow-y:auto; max-height:210px;}
.select_box .selectBox a							{display:block; padding-inline:15px; transition:.2s; padding-block:10px;}
.select_box .selectBox a:hover				{background-color:#f6f6f6; color:#000;}
.select_box > a.on + .selectBox				{display:block;}


/* Selectbox Style */
.selbox												{position:relative; float:left; height:40px; text-align:left;}
.selbox .selected									{display:block; padding:0 10px; width:140px; font-family:'PretendardR','NotoKrR',sans-serif; font-size:14px; color:#000; line-height:40px; border:1px solid #ccc; background:url('/img/selectbox-arrow.png') no-repeat right top; cursor:pointer;}
.selbox .selbox-list								{position:absolute; top:0; left:0; z-index:100; width:140px; border:1px solid #cccccc; background-color:#fff;}
.selbox .selbox-list > p							{display:block; padding:0 10px; width:140px; font-family:'PretendardR','NotoKrR',sans-serif; font-size:14px; color:#000; line-height:40px; background:url('/img/selectbox-arrow.png') no-repeat right bottom; cursor:pointer;}
.selbox .selbox-list > ol.scroll					{height:250px; overflow-y:auto;}
.selbox .selbox-list > ol > li a,
.selbox .selbox-list > ol > li > label				{display:block; padding-left:10px; font-family:'PretendardR','NotoKrR',sans-serif; font-size:13px; color:#333; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.selbox .selbox-list > ol > li > label input		{margin-right:5px;}
.selbox .selbox-list > ol > li a.on,
.selbox .selbox-list > ol > li a:hover				{background-color:#f5f5f6;}


/* Btn Style */
.btn-style01										{display:block; margin:40px auto 0; width:200px; height:50px; font-family:'PretendardR','NotoKrR',sans-serif; font-size:16px; -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.2); -o-box-shadow:0 1px 1px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.2); box-shadow:0 1px 1px 0 rgba(0,0,0,.2);}
.btn-style02										{display:block; padding:0 30px; min-width:160px; height:50px; font-family:'PretendardR','NotoKrR',sans-serif; font-size:16px;}


/* Btn Color */
.btn-color01										{color:#fff; background-color:#1082d9;}
.btn-color01:hover									{background-color:#0e76c5;}
.btn-color02										{color:#fff; border-color:#333; background-color:#333;}
.btn-color03										{color:#333; border:1px solid #777; background-color:transparent;}
.btn-color04										{color:#1082d9; border:1px solid #1082d9; background-color:transparent;}

.mBtn													{border-color:#000 !important; color:#fff !important; background-color:#000 !important;}


/* Btn Hover */
.btn-hover											{-moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}


/* Btn Position */
.btn-position										{position:relative; margin:30px 0; text-align:center;}
.btn-position button								{display:inline-block; margin:0 2px;}
.btn-position > a									{position:absolute; top:0; right:0; z-index:1; padding-top:30px; width:50px; font-weight:bold; font-size:12px; color:#333; background:url('/img/icon/i_reset.png') no-repeat center top; text-align:center;}

/* Font Color */
.status01											{color:#b2262d;}
.status02											{color:#ccc;}


/* Layout Selector */
.wrap												{position:relative; margin:0 auto; padding-top:85px; width:1280px; padding-top:0; width:auto;}
.container											{position:relative; background:#fff;}
.contents											{position:relative; padding:30px 0 50px; background:#fff; min-height:600px; border:1px solid #ddd;}
.section											{padding-top:40px; min-height:600px;}

.beFlex											{display:flex; align-items:center;}
.beFlex.alignCenter					{justify-content:center;}
.beFlex.alignRight						{justify-content:flex-end;}
.beFlex.alignTop							{align-items:flex-start;}
.beFlex.farAway							{justify-content:space-between;}
.beFlex.beWrap							{flex-wrap:wrap;}

.beFlex.beWrap .wrap-radio				{margin-block:4px;}

.beFlex.hasButton > button				{flex:0 0 auto; font:14px / 1 "PretendrdM"; height:42px; border:1px solid #727272; background-color:#fff; padding-inline:20px;}
.beFlex.hasButton > button:last-child				{margin-left:5px;}

.beFlex-col									{display:flex; flex-direction:column;}

.wrap.beFlex-col							{height:100%;}
.wrap.beFlex-col > footer,
.wrap.beFlex-col > header			{flex:0 0 auto}
.wrap.beFlex-col > .container		{flex:1 1 0;}

.beGrid											{display:grid;}
.beGrid.alignCenter					{place-items:center;}

.container	 > div							{margin:0 auto; max-width:1290px; padding-inline:20px; position:relative;}

.wrap.fixed									{position:fixed; inset:0;}
.wrap.fixed.beGrid						{grid-template-rows:auto 1fr auto;}

.wrap.fixed.beGrid.hasFixedHead					{grid-template-rows:auto 1fr;}

.wrap.beGrid								{height:100%; grid-template-rows:auto 1fr auto; height:100vh; height:auto;}



/* 페이지준비중 */
.preparation													{display:block; padding:60px 0; border:1px solid #eee; background-color:#f9f9f9; text-align:center;}
.preparation	p 												{font-size:16px; font-family:'NotoKrM'; color:#888;}
.preparation	p strong 								{display:block; margin-bottom:10px; font-size:24px; font-weight:normal; color:#000;}
.preparation	p span	 								{display:block; margin:0 auto 20px; width:70px; height:70px; border-radius:50%; -webkit-border-radius:50%; background:#1082d9;}
.preparation	p span img	 						{}



/* header */
header											{border-bottom:1px solid #EAEAEA; position: -webkit-sticky; position:sticky; top:0; z-index:99; background-color:#fff;}
header > div									{max-width:1290px; padding-inline:20px; margin:0 auto;  min-height:84px;}

header .logo								{background:url('/img/logo-imcar.png') no-repeat center; background-size:100% auto; width:80px; height:33px;}
header .beFlex.farAway													{background-color:#fff;}
header .beFlex.farAway .beGrid:first-child				{grid-template-columns:auto 1fr; column-gap:100px; align-items:center;}

header .menus-wrap											{white-space:nowrap;}
header .menus-wrap > a									{font:18px / 1 "PretendardM"; text-align:center; transition:.2s;}
header .menus-wrap > a:hover,
header .menus-wrap > a.on								{color:#000;}

header .beGrid.menus-wrap							{grid-template-columns:repeat(5, auto); column-gap:60px;}			
header .beGrid .beGrid.menus-wrap				{margin-right:30px;}

header .myMenus > a											{font:14px / 1 "PretendardR"; color:#727272; transition:.2s;}
header .myMenus > a:hover								{color:#000;}
header .beGrid.myMenus									{grid-template-columns:1fr 1fr 1fr; column-gap:30px;}
header .beGrid.myMenus.oneCol					{grid-template-columns:inherit;}

header .subMenu-wrap										{min-height:inherit; max-width:inherit; position:absolute; top:-108%; width:100%; padding-inline:0; padding-bottom:35px; border-bottom:1px solid #eaeaea; background-color:#fff; transition:.4s ease-in-out; z-index:-2; opacity:1;}
header .subMenu-wrap > .beFlex					{padding-inline:321px 20px; max-width: 1290px; margin: 0 auto; white-space:nowrap;}
/* header .subMenu-wrap > .beFlex > div:nth-child(1)							{flex:0 0 155px;} */
header .subMenu-wrap > .beFlex > div:nth-child(1)							{flex:0 0 165px;}
header .subMenu-wrap > .beFlex > div:nth-child(2)							{flex:0 0 120px;}
header .subMenu-wrap > .beFlex > div a															{transition:.2s;}
header .subMenu-wrap > .beFlex > div a:hover												{color:#000; font-family:"PretendardM";}

header .subMenu-wrap > .beGrid					{padding-inline:300px 0; grid-template-columns:repeat(4, max-content); column-gap:60px;}
header .subMenu-wrap > .beFlex .beGrid,
header .subMenu-wrap > .beGrid .beGrid			{display:grid; grid-auto-rows:max-content; row-gap:15px; font:16px / 1 "PretendardR"; color:#5b5b5b;}

header:hover .subMenu-wrap									{top:100%; opacity:1; z-index:-1;}



/* footer */
footer												{background-color:#F3F3F3; color:#B2B1B1; font-size:12px; margin-top:50px;}
footer	 > div									{max-width:1290px; padding-inline:20px; padding-block:40px; margin:0 auto;}	
footer	 > div > em						{font:14px / 1 "PretendardSB";}

footer >	.beGrid							{grid-template-rows:repeat(3, auto); row-gap:30px;}
footer >	div > ul > li a								{margin-block:8px; display:inline-block; font-family:"PretendardM"; font-size:13px;}
footer >	div > ul > li + li							{margin-top:5px;}
footer >	div > ul > li > font + font				{margin-left:10px; padding-left:11px; position:relative;}
footer >	div > ul > li > font + font:before				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#B2B1B1;}

footer .copyRight					{border-top:1px solid #ddd; padding-top:25px;}
footer .copyRight .logo			{width:60px; height:25px; background:url('/img/logo-imcar-gr.png') no-repeat center; background-size:100% auto;}





/* Table List */
.table-list											{position:relative; border-top:1px solid #454545;}
.table-list table									{width:100%; text-align:center;}
.table-list table th,
.table-list table td								{padding:10px; font-size:13px;}
.table-list table th								{font-family:'PretendardM','NotoKrM',sans-serif; font-weight:normal; color:#000; border-bottom:1px solid #ddd;}
.table-list table td								{font-family:'PretendardR','NotoKrR',sans-serif; color:#333; line-height:16px; border-bottom:1px solid #e1e1e1;}
.table-list table td > a							{float:left; padding-left:10px; text-align:left;}
.table-list table td > a:hover						{text-decoration:underline;}
.table-list table.legibility tr:nth-of-type(even)	{background-color:#fafafa;}

.compareView table td > a						{float:none; padding:0;}	


/* Board View */
.board-view table									{table-layout:fixed; width:100%; text-align:center;}
.board-view table th,
.board-view table td								{padding:5px; height:34px; font-size:12px; border:1px solid #ddd; letter-spacing:0; font-family:'PretendardR','NotoKrR',sans-serif;}
.board-view table th								{color:#000; background-color:#f2f2f2;}
.board-view table td.left							{padding-left:10px; font-weight:bold; color:#555; text-align:left;}
.board-view table td.substance						{padding:20px 10px; color:#333; line-height:16px; border:none; text-align:left;}
.board-view table td a								{font-weight:normal; color:#777;}
.board-view table td a:hover						{text-decoration:underline;}


/* 이전글 다음글 */
.prev-next-box										{position:relative; z-index:50; margin-top:30px; border-bottom:1px solid #ddd;}
.prev-next-box li									{position:relative; display:table; padding-left:50px; width:100%; border-top:1px solid #ddd;}
.prev-next-box em									{position:absolute; top:50%; left:20px; z-index:10; margin-top:-5px; width:10px; height:10px; text-indent:-9999px; background:url('/img/board-arrow.png') no-repeat;}
.prev-next-box em.pn-next							{background-position:0 0;}
.prev-next-box em.pn-prev							{background-position:0 bottom;}
.prev-next-box span									{display:table-cell; vertical-align:middle; height:40px; font-family:'PretendardR','NotoKrR',sans-serif; color:#888;}
.prev-next-box span a								{color:#000;}
.prev-next-box span a:hover							{color:#00689d; text-decoration:underline;}


/* Pagination */
.pagination  											{/* margin-top:20px; */ display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;}
.pagination a										{display:inline-block; vertical-align:middle; margin-left:-1px; /* width:30px; */ min-width:30px; padding-inline:10px; line-height:28px; font-size:12px; color:#777; border:1px solid #e7e7e7; background-color:#fff; text-align:center; position:relative;}
.pagination a.on,
.pagination a:hover									{color:#1082d9; color:#000;}
.pagination a.on:after,
.pagination a:hover:after							{content:""; position:absolute; inset:0; background-color:rgba(0,0,0,.07); }
.pagination a:first-child							{border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px;}
.pagination a:la                          st-child							{border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -o-border-radius:0 4px 4px 0;}
.pagination .btn-arrow								{text-indent:-9999px; background:url('/img/icon/paging_arrow.png') no-repeat; min-height:30px;}
.pagination .btn-arrow.first						{background-position:0 0;}
.pagination .btn-arrow.prev							{background-position:0 bottom;}
.pagination .btn-arrow.next							{background-position:right bottom;}
.pagination .btn-arrow.last							{background-position:right 0;}
.pagination .btn-arrow.on:after					{display:none;}
.pagination .select									{color:#fff; border-color:#1082d9; background-color:#1082d9;}
.pagination .select:hover							{color:#fff; border-color:#1082d9; background-color:#1082d9; cursor:default;}




/* Board Head */
.board-head											{position:relative; margin:8px 0 5px 0;}
.board-head > em									{display:inline-block; vertical-align:middle; margin-right:20px; line-height:30px; font-family:'PretendardM','NotoKrM',sans-serif; font-size:16px; color:#454545;}
.board-head > em strong								{margin-right:3px; font-size:18px; color:#000; letter-spacing:0;}
.board-head > button								{display:inline-block; padding:0 10px; height:30px; font-family:'PretendardM','NotoKrM',sans-serif; font-size:13px; color:#000; border:1px solid #999; background-color:transparent; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.board-head > button:hover							{border-color:#333;}
.board-head > span									{position:absolute; bottom:0; right:0; z-index:0;}
.board-head > span > a								{display:inline-block; vertical-align:middle; width:30px; height:30px; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0;}
.board-head > span > a.type-list					{background-image:url('/img/icon/type_list.png');}
.board-head > span > a.type-box						{background-image:url('/img/icon/type_box.png');}
.board-head > span > a.on							{background-position:0 bottom;}
.board-head > span > a.excel,
.board-head > span > a.print						{border:1px solid #999; background-position:center; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.board-head > span > a.excel						{background-image:url('/img/icon/i_excel.png');}
.board-head > span > a.print						{background-image:url('/img/icon/i_print.png');}
.board-head > span > a.excel:hover,
.board-head > span > a.print:hover					{border-color:#333;}
.board-head > span > button							{display:inline-block; vertical-align:middle; padding:0 30px; line-height:30px; font-family:'PretendardR','NotoKrR',sans-serif; font-size:13px; color:#fff; background-color:#1082d9}
.board-head > span .select_box						{height:30px;}
.board-head > span .select_box label				{font-size:13px; line-height:28px;}
.board-head > span .select_box .selectBox			{height:30px;}
.board-headRight 									{margin:15px 0 5px 0;}
.board-headRight > span								{display:block; text-align:right;}
.board-headRight > span	> button					{display:inline-block; vertical-align:middle; padding:0 30px; line-height:28px; font-size:12px; color:#fff; background:#e64e39}



/* Checkbox Image */
.wrap-checkbox										{position:relative; display:inline-block; margin-right:15px; line-height:1;}
.wrap-checkbox:last-child							{margin:0;}
.wrap-checkbox > input								{position:absolute; top:50%; left:0; z-index:1; opacity:0; margin-top:-7px; width:16px; height:16px;}
.wrap-checkbox > label								{position:relative; padding-left:20px; color:#666;}
.wrap-checkbox > label:before						{content:""; position:absolute; top:50%; left:0; z-index:10; margin-top:-7px; width:16px; height:16px; background:url('/img/icon/i_checkbox.png') no-repeat;}
.wrap-checkbox > input:checked+label:before			{background-position:0 bottom;}
.wrap-checkbox > input:checked+label				{color:#000;}

.wrap-checkbox.bk > label:before				{background:none; border:1px solid #dadada; border-radius:50%; width:20px; height:20px; background-color:#fff; margin-top:inherit; transform:translateY(-50%);}
.wrap-checkbox.bk > input:checked+label:before			{background-color:#000; background:#000 url('/img/icon/btn-check.png') no-repeat center; border-color:#000;}

/* Radio Image */
.wrap-radio											{position:relative; display:inline-block; margin-right:15px;}
.wrap-radio:last-child								{margin:0;}
.wrap-radio > input									{position:absolute; top:50%; left:0; z-index:1; opacity:0; margin-top:-7px; width:22px; height:22px;}
.wrap-radio > label									{position:relative; padding-left:30px; color:#666; font-size:16px;}
.wrap-radio > label:before							{content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; z-index:1; /* margin-top:-7px; */ width:21px; height:21px; /* background:url('/img/icon/searchcar_radio.png') no-repeat; */ background-color:#b2b1b1; border-radius:50%; transition:.2s; background-color:rgba(0,0,0,.1);}
.wrap-radio > label:after								{content:""; position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1; width:11px; height:11px; background-color:#fff; border-radius:50%;}
.wrap-radio > input:checked+label:before			{/* background-position:0 bottom; */background-color:#000;}
.wrap-radio > input:checked+label					{color:#000;}


/* Box-Checkbox Image */
.box-checkbox										{position:relative;}
.box-checkbox > input								{position:absolute; top:0; left:0; z-index:1; opacity:0; width:20px; height:20px;}
.box-checkbox > label:before						{content:""; position:absolute; top:0; left:0; z-index:10; width:20px; height:20px; background:url('/img/icon/i_checkbox20.png') no-repeat;}
.box-checkbox > input:checked+label:before			{background-position:0 bottom;}
.box-checkbox > input:checked+label					{color:#1082d9;}


/* Table-Checkbox Image */
.table-Checkbox										{position:relative; margin:0 auto; width:16px; height:16px;}
.table-Checkbox > input								{position:absolute; top:0; left:0; z-index:1; opacity:0; width:16px; height:16px;}
.table-Checkbox > label:before						{content:""; position:absolute; top:0; left:0; z-index:10; width:16px; height:16px; background:url('/img/icon/i_checkbox.png') no-repeat;}
.table-Checkbox > input:checked+label:before		{background-position:0 bottom;}


/* Title-Checkbox Image */
.title-Checkbox										{position:relative; margin:0 auto; width:20px; height:20px;}
.title-Checkbox > input								{position:absolute; top:0; left:0; z-index:1; opacity:0; width:20px; height:20px;}
.title-Checkbox > label:before						{content:""; position:absolute; top:0; left:0; z-index:10; width:20px; height:20px; background:url('/img/icon/i_checkbox20.png') no-repeat;}
.title-Checkbox > input:checked+label:before		{background-position:0 bottom;}



/* 서명 */
.signature											{padding:10px 0; color:#000;}
.signature > em										{display:block; margin-bottom:30px; line-height:15px; text-align:center;}
.signature > dl										{padding:5px 15%;}
.signature > dl:after								{content:""; display:block; float:none; clear:both;}
.signature > dl > dt,
.signature > dl > dd								{float:left; width:50%;}
.signature > dl > dd								{text-align:right;}
.signature > span									{display:block; margin-top:-15px; line-height:20px; text-align:center;}
.signature > span > input							{height:20px; font-weight:bold; color:#000; border:none; text-align:right;}



/* Popup */
.popup-header										{position:fixed; top:0; left:0; z-index:100; display:table; width:100%; background-color:#1082d9;}
.popup-header > em									{display:table-cell; vertical-align:middle; padding:0 15px; height:50px; font-family:'PretendardM','NotoKrM',sans-serif; font-size:18px; color:#fff;}
.popup-header > a									{position:absolute; top:5px; z-index:9999; display:block; width:40px; height:40px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; overflow:hidden;}
.popup-header > a.close								{right:5px; background-image:url('/img/popup-close2.gif');}
.popup-header > a.print								{right:50px; background-color:rgba(0,0,0,.1); background-image:url('/img/icon/i_print_popup.png'); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.popup-container									{margin-top:50px; padding:20px;}


/* Popup contents */
.table-width										{margin:0 0 10px 0;}
.table-width > p									{margin-bottom:15px; font-size:14px; color:#222}
.table-width:after									{content:""; clear:both; display:block;}
.table-width > .table-type02						{margin:0 10px 0 0; width:38%; height:215px; float:left; overflow-y:auto;}
.table-width > .table-type01						{width:60%; height:209px; float:left;}


/* Form Calendar */
.form-calendar										{display:inline-block; margin-right:4px;}
.form-calendar input								{width:100px; text-align:center;}



/* Location- Wrap */
.location-wrap										{position:fixed; top:0; left:0; z-index:9999; width:100%; border-top:1px solid #c8cdd2; border-bottom:1px solid #c8cdd2;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #F2F3F5)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F2F3F5 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F2F3F5 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F2F3F5 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F2F3F5 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #F2F3F5 100%);
}
.location-wrap ol									{padding-left:35px; background:url('/img/location-dot.png') no-repeat 20px center;}
.location-wrap ol:after								{content:""; display:block; float:none; clear:both;}
.location-wrap li									{float:left; display:table; margin-right:5px;}
.location-wrap li span								{display:table-cell; vertical-align:middle; padding-right:15px; height:38px; font-weight:bold; font-size:12px; color:#333; background:url('/img/location-arrow.png') no-repeat right center;}
.location-wrap li:last-child  span					{background:none;}


/* 레이어팝업 */
.layerView												{position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; display:none;}
.layer-header										{position:relative; display:table; width:100%; background-color:#1082d9; background-color:#5b5b5b; display:flex; align-items:center; justify-content:space-between;}
.layer-header > p									{display:table-cell; vertical-align:middle; height:50px; text-indent:15px; font-family:'PretendardR','NotoKrR',sans-serif; font-size:18px; color:#fff; display:flex; align-items:center;}
.layer-header > span								{position:absolute; top:50%; right:10px; z-index:100; margin-top:-12px; width:24px; height:24px; background:url('/img/popup-close2.gif') no-repeat; background-size:100%; cursor:pointer;}
.layer-body											{position:absolute; top:50%; left:50%; z-index:9999; background-color:#fff; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.layer-body2										{position:absolute; top:0%; left:50%; z-index:9999; background-color:#fff;}
.layer-bg											{
	position:fixed;
	inset:0;
	/*
	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-con											{padding:15px; border-top:1px solid #ddd;}

.layerView.off										{display:none;}
.layerView.on										{display:block;}

.mainPopup .layer-header				{position:absolute; top:0; right:-50px; width:50px; height:50px; background-color:#000;}		 										
.mainPopup .layer-header > span				{top:50%; left:50%; right:inherit; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); margin-top:0;}
.mainPopup .layer-con						{text-align:right; background-color:#000;}						
.mainPopup .layer-con label			{color:#fff;}


#mainPopUp .layer-body											{left:0; top:0; transform:none;}
#mainPopUp .layer-con.beGrid								{height:100%; grid-template-rows:1fr auto; border-top:0; padding:0;}
#mainPopUp .layer-con .text-wrap						{padding:20px; font:14px / 1.2 "PretendardM";}
#mainPopUp .layer-con .photo-txts								{grid-template-columns:min-content;}
#mainPopUp .layer-con > .beFlex:last-child				{background-color:#eaeaea; padding:12px 20px; position:relative; white-space:nowrap;}
#mainPopUp .layer-con > .beFlex:last-child .wrap-checkbox > label				{padding-left:30px; font-size:14px;}
#mainPopUp .layer-con > .beFlex:last-child .close												{display:block; height:100%; aspect-ratio:1 / 1; position:absolute; right:0; top:0; background-color:#5b5b5b; transition:.2s;}
#mainPopUp .layer-con > .beFlex:last-child .close:hover									{background-color:#000;}
#mainPopUp .layer-con > .beFlex:last-child .close:before,
#mainPopUp .layer-con > .beFlex:last-child .close:after							{content:""; position:absolute; left:50%; top:50%; width:22px; height:1px; background-color:#fff;}
#mainPopUp .layer-con > .beFlex:last-child .close:before						{transform:translate(-50%, -50%) rotate(45deg);}
#mainPopUp .layer-con > .beFlex:last-child .close:after							{transform:translate(-50%, -50%) rotate(-45deg);}



/* Layer Size */
.layer-notice											{width:700px; height:700px;}
.layer-false											{width:900px; height:760px;}
.layer-normal										{width:800px; height:600px;}
.layer-zoom											{width:1030px; height:870px;}
.layer-insure											{width:640px; height:500px;}
.layer-insurance									{width:620px; height:560px;}
.layer-share											{width:480px; height:360px;}
.layer-comment										{width:800px; height:800px;}
.layer-photoedit									{width:1116px; height:700px;}
.layer-explain										{width:900px; height:800px;}
.layer-alliance										{width:600px; height:560px;}
.layer-register										{width:1100px; height:524px;}
.layer-user											{width:1100px; height:800px;}
.layer-alert											{width:370px; height:250px;}

.layer-originSheet										{width:900px; height:600px;}


/* layer contents */
.layer-wrap											{height:100%;}
.layer-content										{padding:15px;}
.layer-content > em									{display:block; margin-top:20px; font-style:normal; font-size:14px; color:#454545;}
.layer-content > button								{display:block; margin:30px auto 0; padding:0 30px; min-width:180px; height:50px; font-family:'PretendardM','NotoKrM',sans-serif; font-size:17px; 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-content > 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);}


/* Board View */
.layer-boardView									{margin-top:-10px;}
.layer-boardView .board-header						{display:table; width:100%; border-bottom:1px solid #e2e2e2;}
.layer-boardView .board-header strong,
.layer-boardView .board-header em					{display:table-cell; vertical-align:middle; padding:0 10px; height:60px;}
.layer-boardView .board-header strong				{width:80%; font-family:'PretendardM','NotoKrM',sans-serif; font-weight:normal; font-size:18px; color:#000; line-height:1.2;}
.layer-boardView .board-header em					{width:20%; font-family:'PretendardR','NotoKrR',sans-serif; font-size:14px; color:#888; letter-spacing:0; text-align:right;}
.layer-boardView .board-header em > span			{display:inline-block; margin:0 10px; font-size:11px; color:#ccc;}
.layer-boardView .board-content						{position:relative; z-index:100; padding:25px 10px; font-size:13px; color:#454545; line-height:1.5;}
.layer-boardView .board-content img					{max-width:100%;}
.layer-boardView .mCustomScrollbar					{border-bottom:1px solid #e2e2e2;}


/* Board View Attfile */
.attfile-area										{margin-top:-1px; padding:20px 15px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.attfile-area .file									{position:relative; line-height:1;}
.attfile-area .file:before							{content:""; position:absolute; top:50%; left:0; z-index:1; margin-top:-4px; width:10px; height:10px; background:url('/img/icon/i_add.png') no-repeat;}
.attfile-area .file > em							{margin-right:20px; padding-left:13px; font-weight:bold; font-size:12px; color:#151515;}
.attfile-area .file > a								{position:relative; padding-left:18px; font-size:12px; color:#3e94cc;}
.attfile-area .file > a:before						{content:""; position:absolute; top:50%; left:0; z-index:1; margin-top:-4px; width:11px; height:11px; background:url('/img/icon/i_down.png') no-repeat;}
.attfile-area .file > a:hover						{text-decoration:underline;}
.attfile-area .file > span							{display:inline-block; margin-left:10px; color:#c7c7c7; font-family:'PretendardR','NotoKrR',sans-serif; font-size:11px; letter-spacing:0;}
.attfile-area .file > b								{font-weight:normal; font-size:12px; color:#999;}


/* Popup View */
.pop_view									{position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background: #ffffff;}
.pop_view p									{margin:0; padding:0;}
.pop_view .pop_data							{position:absolute; left:50%; top:50%; z-index:9999; -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); box-shadow:0 2px 4px 0 rgba(0,0,0,.5);}
.pop_view .pop_top							{position:relative; display:table; width:100%; border-bottom:1px solid #ddd;}
.pop_view .pop_top h3						{display:table-cell; vertical-align:middle; text-indent:10px; margin:0; padding:3px 0 0; width:80%; height:30px; font-size:14px; font-weight:normal; color:#000; overflow:hidden;}
.pop_view .pop_top p						{position:absolute; top:50%; right:5px; z-index:100; margin-top:-10px; cursor:pointer;}
.pop_view .pop_bg							{
	width:100%;
	height:100%;
	background-color:#27292c;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	opacity:.90
}
.popup_con									{margin:0; padding:0px; width:auto; height:auto;}
.popup_con h1								{margin:0 0 5px 0; padding:0; font-size:14px; font-weight:bold; color:#452163;}
.popup_con.memo-height						{height:400px; overflow-y:scroll;}
.popup_con.area-height						{height:460px; overflow-y:scroll;}
.popup_con .memo-section					{position:relative; margin-bottom:10px; padding:10px; width:auto; height:auto; border:1px solid #ddd; background-color:#fff;}
.popup_con .memo-section span				{display:block; margin-bottom:10px; color:#454545;}
.popup_con .memo-section .modify			{position:absolute; top:5px; right:5px; z-index:100;}
.popup_con .memo-section .modify a			{display:inline-block; cursor:pointer;}
.popup_con .memo-section .modify span		{display:inline-block; margin:0; font-size:10px; color:#ccc;}
.popup_con .memo-section p					{display:block; margin:0; padding:0; color:#757575; line-height:18px;}

.area-search								{margin:0; padding:15px; width:auto; height:auto;}


/* 사진등록팝업 */
.PhotoWrap									{position:absolute; top:0; right:0; z-index:1; margin-top:-1px; margin-right:-1px; padding:1px 0 0 1px; width:433px;}
.photo-title								{margin-top:-40px; padding:0; width:auto; height:auto;}
.photo-title:after							{content:""; display:block; float:none; clear:both;}
.photo-title dt,
.photo-title dd								{float:left;}
.photo-title dt								{width:30%; font-size:14px; font-weight:bold; color:#000;}
.photo-title dt strong						{color:#ff0000;}
.photo-title dd								{width:70%; font-size:12px; color:#666; text-align:right;}
.photo-register								{margin:0 -1px; padding:0; width:550px; height:auto;}
.photo-register:after						{content:""; display:block; float:none; clear:both;}
/*.photo-register > li						{position:relative; float:left; margin:1px; padding:0; width:90px; height:68px; background:url('/myoffice/img/noimage_bg.jpg') no-repeat;  background-size: 100% auto; cursor:pointer;}*/
.photo-register > li						{position:relative; float:left; padding:0; width:107px;height:80px;margin:0 1px 1px 0;background:url('/img/file/noimage_640x480.jpg') no-repeat;background-size:107px; cursor:pointer;}
/*
.photo-register > li:before					{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.5); -moz-transition:opacity .5s; -webkit-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s;}
.photo-register > li.on:before				{display:none;}
*/
.photo-register > li img					{width:100%; height:100%;}
.photo-register > li span					{display:none; position:absolute; top:0; z-index:100; text-indent:-9999px; width:20px; height:20px; cursor:pointer;}
.photo-register > li span.img-delete		{right:0; background:url('/myoffice/img/img-delete.png') no-repeat; cursor:pointer;}
.photo-register > li span.img-down			{left:0; background:url('/myoffice/img/img-down.png') no-repeat; cursor:pointer;}
.photo-register > li:hover span				{display:block;}
.photo-register > li.dragover				{opacity:.6; filter:alpha(opacity=60);}
.photo-register > li.on:before				{content:""; width:110px; height:82px; position:absolute; z-index:10; background:rgba(255,255,255,.4) url('/img/icon/btn-check.png') no-repeat 10px 10px;}

/* Main Layer Popup */
.layerPop									{position:absolute; z-index:9999; padding-bottom:30px; background-color:#151515; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); -o-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); box-shadow:0 1px 2px 0 rgba(0,0,0,.4);}
.pop_container								{position:relative; width:auto; min-width:400px; height:auto;}
.pop_container .popup_cloce					{position:absolute; top:0; right:-25px; z-index:50px; background-color:#151515; cursor:pointer; -moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,.4); -o-box-shadow:1px 1px 1px 0 rgba(0,0,0,.4); -webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,.4); box-shadow:1px 1px 1px 0 rgba(0,0,0,.4);}
.pop_container > p							{position:absolute; bottom:-30px; right:15px; z-index:50px; display:block; width:auto; font-size:12px; line-height:32px; color:#fff; text-align:right;}
.pop_container > p label					{cursor:pointer;}
.popup_img									{display:block;}
.popup_text									{margin:0; padding:20px 20px 30px; width:auto; height:auto; background-color:#fff; letter-spacing:-1px;}
.popup_text > dt							{margin-bottom:15px; font-size:18px; font-weight:bold; color:#333;}
.popup_text > dd							{font-size:13px; color:#555; line-height:24px;}


/* Loading */
.loading											{position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%;}
.loading:after										{content:""; position:absolute; top:0; left:0; z-index:9998; width:100%; height:100%; background-color:white; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#loading_img										{position:fixed; top:50%; left:50%; z-index:9999; width:100px; height:100px; margin-top:-50px; margin-left:-50px;}


/* Header */
.header												{position:fixed; top:0; left:0; z-index:9990; width:100%; background-color:#00c73c; -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);}
.header > a											{position:absolute; top:15px; left:50%; z-index:10; margin-left:-640px; width:120px; height:40px; text-indent:-9999px; background:url('/img/icon/logo.png') no-repeat;}
.header .topRight									{position:absolute; top:23px; right:50%; z-index:10; margin-right:-640px; text-align:right;}
.header .topRight em								{font-size:12px; color:#fff; line-height:24px;}
.header .topRight button							{display:inline-block; margin-left:10px; padding:0 10px; height:24px; font-size:11px; color:#fff; border:1px solid rgba(255,255,255,.2); background-color:transparent;}
.gnb-container										{position:relative;}
.gnb-container .gnb									{margin:0 auto; padding:0 240px 0 200px; width:1280px;}
.gnb-container .gnb > ul:after						{content:""; display:block; float:none; clear:both;}
.gnb-container .gnb > ul > li						{float:left; display:table; width:20%; text-align:center;}
.gnb-container .gnb > ul > li > a					{display:table-cell; vertical-align:middle; height:70px; font-weight:bold; font-size:16px; color:#fff;}
.gnb-container .snb-wrap							{position:absolute; top:70px; left:0; z-index:9999; width:100%; height:0; background-color:#00c73c; overflow:hidden;}
.gnb-container .snb-wrap > ol						{margin:0 auto; padding:10px 240px 0 200px; width:1280px; text-align:center;}
.gnb-container .snb-wrap > ol:after					{content:""; display:block; float:none; clear:both;}
.gnb-container .snb-wrap > ol > li					{float:left; width:20%;}
.gnb-container .snb-wrap > ol > li > dl				{margin-top:-10px;}
.gnb-container .snb-wrap > ol > li > dl > dd		{padding:5px 0;}
.gnb-container .snb-wrap > ol > li > dl > dd a		{font-size:13px; color:rgba(255,255,255,.8);}
.gnb-container .snb-wrap > ol > li > dl > dd a:hover{color:#fff;}
.over-bg											{display:none; position:fixed; top:0; left:0; z-index:9000; width:100%; height:100%; background-color:rgba(12,39,69,.5);}


/* Fix Height */
.fix-complaint										{height:223px;}
.fix-explain										{height:251px;}
.fix-height300										{height:300px;}
.fix-height400										{height:401px;}
.fix-height500										{height:501px;}

/* No Data */
.noData												{margin-top:67px; padding:90px 0 80px; font-family:'PretendardL','NotoKrDL',sans-serif; font-size:14px; color:#ced2e5; background:url('/img/icon/no_data.png') no-repeat center top; letter-spacing:0; text-align:center; color:#b2b1b1;}
.noData.previous									{height:184px; border-bottom:1px solid #e2e2e2;}


/* Table Notice */
.table-notice										{margin-bottom:30px; border-top:1px solid #1082d9;}
.table-notice table									{width:100%; border-bottom:1px solid #1082d9; text-align:center;}
.table-notice table td								{padding:5px; height:55px; font-family:'PretendardR','NotoKrR',sans-serif; font-size:14px; color:#777; line-height:1.2; border-bottom:1px solid #dfdfdf;}
.table-notice table td a							{position:relative; float:left; padding-left:20px; font-family:'PretendardM','NotoKrM',sans-serif; font-size:15px; color:#333; text-align:left;}
.table-notice table td a:before						{content:""; position:absolute; top:50%; left:5px; z-index:1; margin-top:-3px; width:6px; height:6px; border:2px solid #1082d9; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.table-notice table td a:hover						{color:#000;}



/* Select Layer */
.select-layer										{position:relative; float:left;}
.select-layer > label								{display:block; padding-left:10px; width:190px; font-family:'PretendardR','NotoKrR',sans-serif; font-size:15px; color:#151515; line-height:40px; border:1px solid #ccc;}
.select-layer > label:after							{content:""; position:absolute; top:50%; right:10px; z-index:1; margin-top:-5px; width:14px; height:10px; background:url('/img/icon/selectbox_layer_arrow.png') no-repeat;}
.select-layer.on > label:after						{background-position:0 bottom;}
.select-layer .selectbox-layer						{display:none; position:absolute; top:100%; left:0; z-index:2; width:100%; max-height:287px; border:1px solid #ccc; border-top:none; overflow:hidden;}
.select-layer .selectbox-layer ul					{background-color:#fff;}
.select-layer .selectbox-layer li					{position:relative; display:table; padding:0 10px; width:100%; font-family:'PretendardR','NotoKrR',sans-serif; font-size:14px; color:#333; border-bottom:1px solid #ccc;}
.select-layer .selectbox-layer li:last-child		{border-bottom:none;}
.select-layer .selectbox-layer li > div				{display:table-cell; vertical-align:middle; height:40px;}
.select-layer .selectbox-layer ul.no-table li		{display:block;}



/* 조합매물 - 리스트 */
/* .search-list > div						{max-width:1290px; margin:0 auto; padding-inline:20px;} */
.search-list > .beGrid				{grid-template-rows:auto 1fr; row-gap:26px;}

.top-search:first-child						{/* margin-top:50px; */  padding-block:50px 10px; background-color:#fff; position:sticky; top:85px; z-index:6;}
.top-search:first-child:before			{content:""; position:absolute; inset:0 -10px; background-color:#fff; z-index:-1;}
.top-search > .beGrid							{grid-template-columns:1fr 130px; border:1px solid #EAEAEA; border-radius:8px;}

.top-search .searchBtn						{background-color:#5B5B5B; color:#fff; font:18px / 1 "PretendardSB"; height:40px; transition:.2s;}
.top-search .searchBtn:last-child	{border-radius:0 8px 8px 0;}
.top-search .searchBtn:hover			{background-color:#000;}

.top-search > .beGrid > span.beGrid					{grid-template-columns:repeat(4, 1fr);}

.top-search .select_box												{border:0;}
.top-search .select_box:first-child							{border-radius:8px;}
.top-search .select_box label									{font:16px "PretendardSB"; color:#5B5B5B;}
.top-search .select_box .selectBox							{border:1px solid #eaeaea; margin-top:0;}
.top-search .select_box .selectBox	 a						{padding-block:10px; font-size:16px;}

.top-search .select_box	 + .select_box					{border-left:1px solid #eaeaea;}


.productList > .beGrid													{grid-template-rows:auto 1fr; row-gap:15px; overflow:hidden;}

.productList > div > .beFlex.farAway:first-child > em:first-child				{font:18px / 1 "PretendardSB"; color:#5b5b5b;}
.productList > div > .beFlex.farAway:first-child > em:first-child > b		{font-family:"PretendardB"; color:#000;}
.productList > div > .beFlex.farAway:first-child .searchBtn						{font:16px / 1 "PretendardSB"; color:#5b5b5b; padding-left:28px; height:24px; background:url('/img/icon/i_search.png') no-repeat left center; transition:.2s;}
.productList > div > .beFlex.farAway:first-child .searchBtn.on				{color:#000;}

.productList .beGrid.hasOpt						{grid-template-columns:1fr 240px; column-gap:36px; transition:.2s; margin-right:-276px;}
.productList .beGrid.hasOpt.on				{margin-right:0;}
.productList .beGrid.hasOpt.on .beGrid.products-wrap				{grid-template-columns:repeat(3, 1fr);}

.beGrid.products-wrap									{grid-template-columns:repeat(4, 1fr); gap:20px; grid-auto-rows:min-content;}

.productWrap													{border:1px solid #dadada; border-radius:8px; transition:.2s; overflow:hidden; position:relative;}
.productWrap:hover									{border-color:#ccc;}
.productWrap:after										{content:""; position:absolute; inset:0; opacity:0; background-color:#000; transition:.2s; z-index:-1;}
.productWrap:hover:after							{opacity:.03; z-index:0;}
.productWrap p											{text-indent:-9999px; background-size:cover; background-position:center; background-repeat:no-repeat; height:200px; position:relative;}
.productWrap p > span								{position:absolute; bottom:6px; right:5px; border-radius:4px; overflow:hidden;}
.productWrap p > span > a						{height:26px; width:26px; background-color:rgba(255,255,255,.5); transition:.2s; position:relative;}
.productWrap p > span > a:before,
.productWrap p > span > a:after				{content:""; position:absolute; left:50%; top:50%; width:2px; height:8px; background-color:#000; border-radius:2px;}
.productWrap p > span > a:before			{transform:translate(-50%,-50%) rotate(43deg); margin-top:-2.5px;}
.productWrap p > span > a:after				{transform:translate(-50%,-50%) rotate(-43deg); margin-top:2.5px;}
.productWrap p > span > a:last-child:before			{transform:translate(-50%,-50%) rotate(-43deg); margin-top:-2.5px;}
.productWrap p > span > a:last-child:after				{transform:translate(-50%,-50%) rotate(43deg); margin-top:2.5px;}
.productWrap p > span > a:hover			{background-color:rgba(255,255,255,.7);}
.productWrap p > span > a + a					{margin-left:1px;}

.productPhotoView > .beGrid > p.noData,
.aLinks-wrap p.noData,
.thumnails-wrap p.noData,
.productWrap p.noData									{display:grid; place-items:center; padding:0; background:none; margin-top:0; background-color:#fff; border:1px solid #dadada;}

.productWrap p.noData									{background-color:rgba(0,0,0,.05); border-width:0 0 1px 0;}

.productPhotoView >.beGrid > p.noData:before,
.aLinks-wrap p.noData:after,
.thumnails-wrap p.noData:before,
.productWrap p.noData:after							{content:""; width:35%; aspect-ratio:1 / 1; background:url('/img/icon/no-camera.png') no-repeat center; background-size:100%; display:block; z-index:2;}

.productPhotoView >.beGrid > p.noData								{border-width:0; background-color:#eaeaea;}
.productPhotoView >.beGrid > p.noData:before					{width:200px;}

.productPhoto-wrap													{position:relative;}
.productPhoto-wrap .slides										{position:absolute; inset:0;}
.productPhoto-wrap .flex-direction-nav				{position:absolute; bottom:6px; right:5px; border-radius:4px; overflow:hidden; display:flex; align-items:center; z-index:3;}
.productPhoto-wrap .flex-direction-nav li + li		{margin-left:1px;}
.productPhoto-wrap .flex-direction-nav a			{display:block; height:26px; width:26px; background-color:rgba(255,255,255,.5); transition:.2s; position:relative; text-indent:-9999px;}
.productPhoto-wrap .flex-direction-nav a:before,
.productPhoto-wrap .flex-direction-nav a:after					{content:""; position:absolute; left:50%; top:50%; width:2px; height:8px; background-color:#000; border-radius:2px;}
.productPhoto-wrap .flex-direction-nav a:before				{transform:translate(-50%,-50%) rotate(43deg); margin-top:-2.5px;}
.productPhoto-wrap .flex-direction-nav a:after					{transform:translate(-50%,-50%) rotate(-43deg); margin-top:2.5px;}
.productPhoto-wrap .flex-direction-nav li:last-child a:before			{transform:translate(-50%,-50%) rotate(-43deg); margin-top:-2.5px;}
.productPhoto-wrap .flex-direction-nav li:last-child a:after				{transform:translate(-50%,-50%) rotate(43deg); margin-top:2.5px;}

.productPhoto-wrap .flex-direction-nav a:hover				{background-color:rgba(255,255,255,.7);}


.beGrid.productWrap										{grid-template-rows:200px auto;}
.productInfo-wrap											{padding:30px 20px;}
.productInfo-wrap > .beGrid						{row-gap:25px;}
.productInfo-wrap > .beGrid > em:first-child				{font:19px / 1 "PretendardSB"; color:#000;}

.productInfo-wrap > .beGrid > em + .beFlex + .beGrid				{row-gap:10px;}

.productInfo-wrap dl.beFlex							{font-size:16px;}
.productInfo-wrap dl.beFlex dt						{color:#727272;}
.productInfo-wrap dl.beFlex dd						{color:#000;}

.productInfo-wrap > .beGrid > dl.beFlex						{white-space:nowrap;}
.hasOneDd .productInfo-wrap > .beGrid > dl.beFlex				{white-space:inherit;}

.productInfo-wrap > .beGrid > dl.beFlex						{padding-block:5px;}
.productInfo-wrap > .beGrid > dl.beFlex dt					{font-size:19px;}
.productInfo-wrap > .beGrid > dl.beFlex dt > b			{font-family:"PretendardB"; color:#000;}
.productInfo-wrap > .beGrid > dl.beFlex dd					{font-size:14px; color:#5b5b5b;}
.productInfo-wrap > .beGrid > dl.beFlex dd.beGrid			{row-gap:5px;}

.compareView table .opt-wrap > .beGrid,
.productInfo-wrap .opt-wrap > .beGrid					{grid-template-columns:repeat(3, 1fr); gap:5px; justify-content:center;}

.compareView table .opt-wrap > .beGrid > span,
.productInfo-wrap .opt-wrap > .beGrid > span		{border:1px solid #dadada; display:grid; place-items:center; padding:3px 5px; font-size:12px;}

.searchDetail-wrap											{position:relative; display:none1;}
.beGrid.search-detail										{height:100%; height:auto; overflow:hidden;}

.search-detail													{border:1px solid #dadada; border-radius:8px;}
.search-detail > dl											{transition:.2s;}
.search-detail > dl > dt									{padding:20px; cursor:pointer;}
.search-detail > dl > dt > .beFlex > em			{font:16px / 1 "PretendardSB";}
.search-detail > dl > dt > .beFlex > i:last-child				{text-indent:-9999px; width:16px; aspect-ratio:1 / 1; position:relative;}
.search-detail > dl > dt > .beFlex > i:last-child:before,
.search-detail > dl > dt > .beFlex > i:last-child:after				{content:""; position:absolute; top:50%; left:50%; width:8px; height:2px; background-color:#000;}
.search-detail > dl > dt > .beFlex > i:last-child:before			{transform:translate(-50%,-50%) rotate(43deg); margin-left:-2.5px;}
.search-detail > dl > dt > .beFlex > i:last-child:after			{transform:translate(-50%,-50%) rotate(-43deg); margin-left:2.5px;}

.search-detail > dl > dt.on > .beFlex > i:last-child:before				{transform:translate(-50%,-50%) rotate(43deg); margin-left:2.5px;}
.search-detail > dl > dt.on > .beFlex > i:last-child:after					{transform:translate(-50%,-50%) rotate(-43deg); margin-left:-2.5px;}

.search-detail > dl > dd									{padding:10px; display:none; padding-top:0;}
.search-detail > dl > dt.on + dd					{display:block;}

.search-detail > dl > dd .beFlex + .beFlex					{margin-top:5px;}

.search-detail > dl + dl											{border-top:1px solid #dadada;}

.search-detail > dl.off																{background-color:#f9f9f9;}

.beGrid.btnCheckBoxes-wrap													{grid-template-columns:1fr 1fr; gap:5px;}
.btnCheckBoxes-wrap a > label														{display:grid; place-items:center; height:100%; font:14px / 1 "PretendardM"; border:1px solid #EAEAEA; border-radius:4px; transition:.2s;}
.btnCheckBoxes-wrap > a																		{height:37px;}
.btnCheckBoxes-wrap input[type="checkbox"]					{position:absolute; opacity:0;}
.btnCheckBoxes-wrap input[type="checkbox"]:checked + label				{color:#000; border-color:#000; background-color: rgba(0,0,0,.02);} 
.btnCheckBoxes-wrap .wide-btn											{grid-column:span 2;}

.btnCheckBoxes-wrap.hasIcon > a > label												{padding-inline:15px; place-items:inherit; text-align:right; align-content:center; position:relative;}
.btnCheckBoxes-wrap.hasIcon > a > label:before									{content:""; position:absolute; left:15px; top:50%; transform:translatey(-50%); width:20px; aspect-ratio:1 / 1; border:1px solid transparent;}
.btnCheckBoxes-wrap.hasIcon.bgCircle > a > label:before					{border-radius:50%;}

.hasIcon.bgCircle .bk label:before																{background-color:#000;}
.hasIcon.bgCircle .wh label:before																{background-color:#fff; border-color:#dadada;}
.hasIcon.bgCircle .silver label:before															{background-color:#F0F0F0;}
.hasIcon.bgCircle .pearl label:before															{background-color:#ede2da;}
.hasIcon.bgCircle .gray label:before															{background-color:#BCBCBC;}
.hasIcon.bgCircle .red label:before															{background-color:#EB2A2A;}
.hasIcon.bgCircle .bl label:before																{background-color:#324DF4;}
.hasIcon.bgCircle .orange label:before														{background-color:#E46600;}
.hasIcon.bgCircle .brown label:before														{background-color:#A84200;}
.hasIcon.bgCircle .green label:before														{background-color:#009944;}
.hasIcon.bgCircle .yellow label:before														{background-color:#FFD800;}
.hasIcon.bgCircle .purple label:before														{background-color:#9E32B1;}
.hasIcon.bgCircle .gold label:before															{background-color:#ffd700;}
.hasIcon.bgCircle .oliveGreen label:before												{background-color:#6E8B3D;}
.hasIcon.bgCircle .crayolaWildStrawberry label:before						{background-color:#f39;}
.hasIcon.bgCircle .lightGreen label:before												{background-color:#81c147;}
.hasIcon.bgCircle .silverGray label:before												{background-color:#c5c8ce;}
.hasIcon.bgCircle .amethyst label:before													{background-color:#96c;}
.hasIcon.bgCircle .mouseGray label:before													{background-color:#6a6b6d;}
.hasIcon.bgCircle .sapphire label:before													{background-color:#0F52BA;}
.hasIcon.bgCircle .skyBlue label:before													{background-color:#87CEEB;}

.beFlex.fromTo > span + span											{margin-left:5px;}

.search-list .pagination									{padding-block:30px;}

.cardBox-wrap + .pagination a,
.hasTableList .pagination a,
.search-list .pagination a								{min-width:40px; height:40px; line-height:1; display:grid; place-items:center; font-size:14px;}

.cardBox-wrap + .pagination a.btn-arrow,
.hasTableList .pagination a.btn-arrow,
.search-list .pagination a.btn-arrow				{background:none; background-color:rgba(0,0,0,.015);}

.cardBox-wrap + .pagination a.btn-arrow:before,
.hasTableList .pagination a.btn-arrow:before,
.search-list .pagination a.btn-arrow:before			{content:""; font-size:24px; text-indent:0; margin-top:-2px;}

.cardBox-wrap + .pagination a.btn-arrow.first:before,
.hasTableList .pagination a.btn-arrow.first:before,
.search-list .pagination a.btn-arrow.first:before					{content:"\00AB";}

.cardBox-wrap + .pagination a.btn-arrow.prev:before,
.hasTableList .pagination a.btn-arrow.prev:before,
.search-list .pagination a.btn-arrow.prev:before				{content:"\2039";}

.cardBox-wrap + .pagination a.btn-arrow.next:before,
.hasTableList .pagination a.btn-arrow.next:before,
.search-list .pagination a.btn-arrow.next:before				{content:"\203A";}

.cardBox-wrap + .pagination a.btn-arrow.last:before,
.hasTableList .pagination a.btn-arrow.last:before,
.search-list .pagination a.btn-arrow.last:before					{content:"\00BB";}


/* 조합매물 - 상세 */
.beGrid.productDetail										{grid-template-rows:auto 1fr; row-gap:36px;}

.productPhotoView > .beGrid							{grid-template-columns:1.4fr 1fr; height:542px;}
.productPhotoView > .beGrid > p					{background-position:center; background-size:cover; background-repeat:no-repeat; text-indent:-9999px;}

.thumnails-wrap > .beGrid								{grid-template-columns:repeat(4, 1fr); grid-template-rows:repeat(5, 1fr); gap:7px; background-color:#EAEAEA; height:100%; padding:8px 9px;}
.thumnails-wrap a												{position:relative; border:2px solid rgba(255,255,255,.25); transition:.2s; aspect-ratio:1.222 / 1;}
.thumnails-wrap a:after									{content:""; position:absolute; inset:0; background-color:#000; opacity:0; z-index:-1; transition:.2s;}
/* .thumnails-wrap a:hover									{background-color:#fff;} */
.thumnails-wrap a:hover:after							{opacity:.1; z-index:0; opacity:.03;}
.thumnails-wrap a > p										{background-color:#fff; background-position:center; background-size:cover; background-repeat:no-repeat; position:absolute; inset:0;}

.productDetailInfo-wrap > .beGrid					{grid-template-columns:1fr 300px; column-gap:30px;}

.productDetailInfo > .beGrid							{grid-auto-rows:minmax(min-content, auto);}

.beGrid.info-dl								{column-gap:40px; grid-template-columns:300px 1fr 1fr; padding-block:50px;}
dl.beGrid.info-dl.hasOneDd > dd						{grid-column:span 2;}
.beGrid.info-dl:first-child									{padding-top:0;}

.beGrid.info-dl > dt						{display:grid; place-items:center;}
.beGrid.info-dl > dt b					{font:20px / 1 "PretendardSB"; color:#000; display:block; text-align:center;} 
.beGrid.info-dl .productInfo-wrap > .beGrid button,
.beGrid.info-dl > dt button							{padding:10px 20px; border:1px solid #eaeaea; border-radius:4px; background-color:#fff; font:14px / 1 "PretendardM"; color:#5b5b5b; transition:.2s;}
.beGrid.info-dl .productInfo-wrap > .beGrid button:hover,
.beGrid.info-dl > dt button:hover					{border-color:#5b5b5b; color:#000;}
.beGrid.info-dl > dt b + button						{margin-top:15px;}
.beGrid.info-dl:first-child > dt b					{margin-top:-15%; font:25px / 1.2 "PretendardB"; text-align:left;}

.beGrid.info-dl .productInfo-wrap					{padding:0;}
.beGrid.info-dl .productInfo-wrap > .beGrid			{row-gap:12px; padding-block:20px;}					
.beGrid.info-dl .productInfo-wrap > .beGrid > dl.beFlex dd,
.beGrid.info-dl .productInfo-wrap > .beGrid > dl.beFlex dt					{font-size:revert;}
.beGrid.info-dl .productInfo-wrap > .beGrid > dl.beFlex dd					{color:#000; font-family:"PretendardM";}

.productInfo-wrap dl.beFlex dt.beFlex button									{background-color:#fff; border:1px solid #EAEAEA; border-radius:4px; padding:10px; color:#5B5B5B; font-size:14px; font-family:"PretendardM";}
.productInfo-wrap dl.beFlex dt.beFlex button:last-child					{margin-left:10px;}

.productDetailInfo .beGrid.info-dl + .beGrid.info-dl								{border-top:1px solid #EAEAEA;}

.options-wrap span								{padding:10px; border:1px solid #eaeaea; font:16px / 1 "PretendardM"; color:rgba(0,0,0,.3); margin:5px;}
.options-wrap span.on							{color:#000; background-color:rgba(0,0,0,.02);}

dl.beGrid.info-dl .options-wrap					{margin:-5px;}

.beGrid.optionsWrap-wrap							{row-gap:20px;}


.productDetailInfo-wrap aside > .beGrid				{row-gap:20px; position:sticky; top:121px;}

.productPriceInfo-wrap									{padding:25px 20px; border:1px solid #eaeaea; border-radius:16px; position:relative;}
.productPriceInfo-wrap > .beGrid				{row-gap:10px;}
.productPriceInfo-wrap > a																{position:absolute; right:10px; top:15px; color:#5b5b5b;}
.productPriceInfo-wrap > a > input												{position:absolute; opacity:0;}
.productPriceInfo-wrap > a > label												{background:url('/img/icon/i_heart.png') no-repeat right center;  padding-right:30px; padding-block:3px; font:15px / 1 "PretendardM";}
.productPriceInfo-wrap > a > input:checked + label					{color:#000; background-image:url('/img/icon/i_heart_on.png');}


.productPriceInfo-wrap .productInfo-wrap					{padding:0;}

.productPriceInfo-wrap small:first-child							{font-size:15px; color:#727272;}
.productPriceInfo-wrap b														{color:#000; font:32px / 1 "PretendardB";}
.productPriceInfo-wrap em > b											{font-size:18px; font-family:"PretendardSB";}
.productPriceInfo-wrap .beFlex.btns-wrap						{padding-block:15px;}
.productPriceInfo-wrap .beFlex.btns-wrap > dl				{width:100%;}						
.productPriceInfo-wrap .beFlex.btns-wrap > dl > dt			{font-size:15px; color:#000; text-align:center;}
.productPriceInfo-wrap .beFlex.btns-wrap > dl > dd			{margin-top:15px;}
.productPriceInfo-wrap .beFlex.btns-wrap > dl + dl			{margin-left:10px;}
.productPriceInfo-wrap .beFlex.btns-wrap button			{border:1px solid #eaeaea; border-radius:4px; padding:10px 0; font-size:14px; color:#5b5b5b; background-color:#fff; font-family:"PretendardM"; width:100%;}

.productPriceInfo-wrap.bgGray									{background-color:#eaeaea;}
.productPriceInfo-wrap.bgGray .btns-wrap > button					{background-color:#fff; width:100%; border-radius:4px; font-size:14px; padding:10px 20px;}
.productPriceInfo-wrap.bgGray .beFlex.telNum									{padding-block:10px;}
.productPriceInfo-wrap.bgGray .beFlex.telNum > font						{font:16px / 1 "PretendardM"; color:#727272; position:relative;}


/* 게시판 - 쓰기 */
.board-wrap > div					{padding-block:50px;}
.board-wrap > .beGrid			{row-gap:50px; min-width:1200px;}

.top-titleWrap							{/* background-color:#f3f3f3; */ border-radius:100px 0 100px 0; min-height:120px; border:1px solid #eaeaea;}  
.top-titleWrap h1					{font-size:26px; margin-bottom:8px; font-family:"PretendardSB";}
.top-titleWrap small				{font-size:16px;}

.top-titleWrap.hasWhTxt h1,
.top-titleWrap.hasWhTxt > div					{color:#fff;}	

.beGrid.top-titleWrap						{align-content:center; padding-inline:100px;}

.board-wrap .top-titleWrap										{background-repeat:no-repeat; background-position:center; background-size:100% auto; isolation: isolate; position:relative;}
.board-wrap .top-titleWrap:after							{content:""; position:absolute; inset:0; background-color:#fff; opacity:.25;}

.top-titleWrap.boardTitleImg									{background-image:url('/img/file/bg-inquire.jpg');}
.top-titleWrap.csCenterImg										{background-image:url('/img/file/bg-customer.jpg');}
.top-titleWrap.notiGuideImg									{background-image:url('/img/file/bg-guide.jpg');}
.top-titleWrap.associationIntroImg						{background-image:url('/img/file/bg-company.jpg');}

.board-wrap .data-input											{padding-inline:100px;}
.board-wrap .data-input > em:first-child				{font-size:22px; color:#5b5b5b; font-family:"PretendardSB"; border-bottom:1px solid #eaeaea; padding-bottom:20px; margin-bottom:10px; border-color:#454545; color:#000;}
.board-wrap .data-input input								{transition:.2s;}
.board-wrap .data-input input:focus						{border-color:#000;}
.board-wrap .data-input .selectBox,
.board-wrap .data-input .select_box						{border-color:#ccc;}
.board-wrap .data-input .textarea-wrap				{border:1px solid #ccc; padding:10px; transition:.2s;}
.board-wrap .data-input .textarea-wrap textarea				{border:0; padding:0; min-height:200px;}
.board-wrap .data-input .textarea-wrap:hover					{border-color:#000;}

.board-wrap .beGrid.data-input								{row-gap:25px; grid-template-columns:1fr 1fr; column-gap:70px; row-gap:15px;}
.board-wrap .beGrid.data-input .oneRow			{grid-column:span 2;}

.board-wrap .data-input dl.beFlex dt					{font-size:16px; flex:0 0 180px;}
.board-wrap .data-input dl.beFlex dd					{flex:1 1 0;}
.board-wrap .data-input dl.beFlex dd input + button					{margin-left:10px; height:40px; padding-inline:30px; font-size:14px; background-color:#fff; border-radius:4px; border:1px solid #ccc; transition:.2s;}
.board-wrap .data-input dl.beFlex dd button:hover						{border-color:#727272;}

.board-wrap .data-input .input-title.oneRow input				{width:100%;}

.board-wrap .btns-wrap button								{border:1px solid #eaeaea; padding:10px; color:#5b5b5b; font:14px / 1 "PretendardM"; border-radius:4px; background-color:#fff;}
.board-wrap .btns-wrap button.mBtn					{border-color:#000; color:#fff; background-color:#000;}
.board-wrap .btns-wrap button + button							{margin-left:10px;}
.board-wrap .data-input + .btns-wrap								{text-align:center; align-content:center;}
.board-wrap .data-input + .btns-wrap button					{padding-inline:30px; padding-block:15px; font-size:16px;}


/* 게시판 - 리스트 */
.board-wrap .hasTableList										{padding-inline:100px;}
.board-wrap .hasTableList > em								{font-size:22px; color:#5b5b5b; font-family:"PretendardSB"; color:#000;}

.beGrid.hasTableList													{row-gap:20px;}
.beGrid.hasTableList .table-list table tbody tr:hover td					{background-color:rgba(0,0,0,.01);}
.beGrid.hasTableList .table-list table	 th,
.beGrid.hasTableList .table-list table	 td					{font-size:14px;}
.beGrid.hasTableList .table-list table	 td a.hasLock				{padding-right:25px; background:url('/img/icon/i_lock.png') no-repeat right center;}
.beGrid.hasTableList .table-list table	 td:last-child font						{padding-left:17px; position:relative;}
.beGrid.hasTableList .table-list table	 td:last-child font:before			{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:11px; aspect-ratio:1 / 1; border-radius:50%; background-color:#2a579a;}
.beGrid.hasTableList .table-list table	 td:last-child font.off:before				{background-color:#ddd;}

.beGrid.hasTableList > div.hasWriteBtn .floatRight > button				{font-size:13px; padding-inline:18px; padding-block:5px; border-radius:4px;}

.beGrid.hasTableList .pagination			{padding-block:25px;}

.beFlex.board-search						{justify-content:center;}
.beFlex.board-search > span				{margin-inline:2px;}
.beFlex.board-search > span:last-child				{flex:0 0 auto;}
.beFlex.board-search > span:last-child > button				{height:40px; padding-inline:40px; background-color:#fff; border:1px solid #dadada; font-size:14px; border-radius:4px; transition:.2s;}
.beFlex.board-search > span:last-child > button:hover			{border-color:#727272;}
.beFlex.board-search > span input						{border-color:#dadada; width:100%; transition:.2s;}
.beFlex.board-search > span input:focus			{border-color:#000;}
.beFlex.board-search > span.hasInput				{flex:0 0 30%;}
.beFlex.board-search .select_box						{flex:0 0 120px;}



/* 로그인 */
.beGrid.login-wrap															{height:100%; place-items:center;}

.login-wrap																		{padding-top:50px;}

.login-wrap > div																{border-radius:100px 0 100px 0; border:1px solid #eaeaea; padding-inline:100px; transition:.2s; min-width:644px;}
.login-wrap > div:hover													{border-color:rgba(0,0,0,.15); box-shadow:0 2px 10px 0 rgba(0,0,0,.03);}

.login-wrap > div > em:first-child								{font:26px / 1 "PretendardSB"; color:#000; border-bottom:1px solid #eaeaea; padding-bottom:25px;}

.login-wrap > .beGrid														{grid-template-rows:auto 1fr auto; row-gap:30px; padding-block:60px; /* width:50%; */}

.login-wrap .btns-wrap													{text-align:center;}
.login-wrap .btns-wrap > button								{padding-block:13px; padding-inline:50px; font-size:16px; border-radius:4px;}

.login-wrap .data-input input										{width:100%; transition:.2s;}
.login-wrap .data-input input:focus							{border-color:#000;}
.login-wrap .data-input dl											{font-size:16px;}
.login-wrap .data-input dl.beFlex dt							{flex:0 0 150px;}
.login-wrap .data-input dl.beFlex dd							{flex:1 1 0;}

.login-wrap .data-input dl.beFlex:last-child a			{font-size:14px; display:inline-block; padding-block:7px; position:relative;}
.login-wrap .data-input dl.beFlex:last-child a:hover					{color:#000;}
.login-wrap .data-input dl.beFlex:last-child a + a			{margin-left:41px;}
.login-wrap .data-input dl.beFlex:last-child a + a:before			{content:""; position:absolute; left:-21px; top:50%; transform:translateY(-50%); width:1px; height:14px; background-color:#eaeaea;}

.login-wrap .beGrid.data-input									{row-gap:15px;}


/* 아이피, 패스워드 찾기 */
.beGrid.idPw-wrap												{height:100%; place-items:center;}

.idPw-wrap															{padding-top:50px;}

.idPw-wrap > div													{border-radius:100px 0 100px 0; border:1px solid #eaeaea; padding-inline:100px; transition:.2s; width:900px;}
.idPw-wrap > div:hover													{border-color:rgba(0,0,0,.15); box-shadow:0 2px 10px 0 rgba(0,0,0,.03);}

.idPw-wrap > .beGrid											{grid-template-rows:auto 1fr auto; row-gap:40px; padding-block:60px;}

.idPw-wrap .tabBtns-wrap > .beFlex > a			{width:100%; height:40px;}
.idPw-wrap .tabBtns-wrap > .beFlex > a + a				{margin-left:10px;}
.idPw-wrap .tabBtns-wrap a > input					{position:absolute; opacity:0;}
.idPw-wrap .tabBtns-wrap a > label					{display:grid; place-items:center; width:100%; height:100%; border:1px solid #dadada; border-radius:20px; font:16px / 1 "PretendardM"; color:#b2b1b1; background-color:rgba(0,0,0,.03); transition:.2s;}
.idPw-wrap .tabBtns-wrap a > input:checked + label					{background-color:#fff; border-color:#b5b5b5; color:#000;}

.idPw-wrap h1													{font:22px "PretendardM";}
.idPw-wrap h1 > small									{font:15px / 1 "PretendardM"; color:#727272; margin-top:10px; display:block;}

.idPw-wrap .tabPage-wrap > .beGrid					{row-gap:40px;}

.idPw-wrap .tabPage-wrap .beGrid.data-input														{row-gap:15px; padding-inline:80px;}
.idPw-wrap .tabPage-wrap .beGrid.data-input dl													{font-size:16px;}
.idPw-wrap .tabPage-wrap .beGrid.data-input dl.beFlex dt								{flex:0 0 150px;}
.idPw-wrap .tabPage-wrap .beGrid.data-input dl.beFlex dd								{flex:1 1 0;}
.idPw-wrap .tabPage-wrap .beGrid.data-input dl.beFlex dd input					{width:100%; transition:.2s;}
.idPw-wrap .tabPage-wrap .beGrid.data-input dl.beFlex dd input:focus				{border-color:#000;}
.idPw-wrap .tabPage-wrap .beGrid.data-input dl.beFlex dd.hasBtn						{flex:0 0 auto;}
.idPw-wrap .tabPage-wrap .beGrid.data-input dl.beFlex dd.hasBtn > button								{background-color:#fff; border-radius:4px; border:1px solid #ccc; height:40px; font-size:14px; padding-inline:15px; transition:.2s;}
.idPw-wrap .tabPage-wrap .beGrid.data-input dl.beFlex dd.hasBtn:last-child > button				{margin-left:10px;}
.idPw-wrap .tabPage-wrap .beGrid.data-input dl.beFlex dd button:hover					{border-color:#727272;}

.idPw-wrap .tabPage-wrap .btns-wrap > button												{padding-inline:60px; padding-block:13px; border-radius:4px; font-size:16px;} 

.idPw-wrap .tabPage-wrap .data-input + .btns-wrap										{margin-top:40px;}

.idPw-wrap .tabPage-wrap ul:last-child																					{font-size:13px;}
.idPw-wrap .tabPage-wrap ul:last-child li																				{margin-block:5px;}


/* 회원가입 */
.memJoin-wrap																			{padding-block:50px;}

.memJoin-wrap > div																			{padding-block:60px;}

.memJoin-wrap > .beGrid																	{row-gap:60px; border-radius: 100px 0 100px 0; border: 1px solid #eaeaea; transition:.2s; min-width:900px;}
.memJoin-wrap > .beGrid:hover														{border-color:rgba(0,0,0,.15); box-shadow:0 2px 10px 0 rgba(0,0,0,.03);}

.memJoin-wrap .top-titleWrap														{border-radius:0; border:0; min-height:inherit;}
.memJoin-wrap .top-titleWrap > div												{border-bottom:1px solid #eaeaea; padding-bottom:40px;}

.beGrid .agreeTxts-wrap																					{padding-inline:100px; row-gap:15px;}
.agreeTxts-wrap > em																		{font:16px / 1 "PretendardSB"; color:#5b5b5b;}
.agreeTxts-wrap > em + div																{padding:20px; border:1px solid #dadada; overflow-y:auto; max-height:200px;}

.agreeTxts-wrap .agree-cont															{font:14px / 1.4 "PretendardR";}
.agreeTxts-wrap .agree-cont h1														{font-size:1.2em; margin-block:1em 1.5em;}
.agreeTxts-wrap .agree-cont h1:first-child									{margin-top:0;}
.agreeTxts-wrap .agree-cont h5														{font-size:1.05em;}

.agreeTxts-wrap .agree-cont h5 + ol												{margin-top:.4em;}
.agreeTxts-wrap .agree-cont ol + h5												{margin-top:1.2em;}

.agreeTxts-wrap .wrap-checkbox													{padding-block:10px;}
.agreeTxts-wrap .wrap-checkbox label											{font-size:14px;}
.agreeTxts-wrap .wrap-checkbox label:before							{top:50%; transform:translateY(-50%); margin-top:inherit;}

.memJoin-wrap .btns-wrap:last-child > button							{font-size:16px; padding-inline:40px; padding-block:13px; border-radius:4px; background-color:#fff; border:1px solid #eaeaea; color:#5b5b5b;}
.memJoin-wrap .btns-wrap:last-child > button + button		{margin-left:10px;}


.memJoin-wrap.dataReg .board-wrap > div								{padding-block:0;}
.memJoin-wrap .board-wrap .data-input dl.oneRow dd input				{width:50%;}

.memJoin-wrap .board-wrap > .beGrid										{min-width:inherit;}


/* 고객센터 */
.beGrid.board-wrap													{height:100%; place-items:center;}
.beGrid.board-wrap > .beGrid									{width:100%;}

.board-wrap .csCenter												{padding-inline:100px;}

.csCenter > div																{height:380px; border-radius:100px; background:url('/img/file/customer-bg.jpg') no-repeat left center;}
.csCenter > .beGrid														{place-items:center;}
.csCenter > .beGrid > .beFlex > p								{width:130px; aspect-ratio:1 / 1; background:#fefefe url('/img/file/customer-img.png') no-repeat 18px center; background-size:80% auto; text-indent:-9999px; border-radius:50%; border:1px solid #eaeaea; margin-top:-20px;}
.csCenter > .beGrid > .beFlex > .beGrid					{row-gap:30px; margin-left:30px;}
.csCenter > .beGrid > .beFlex > .beGrid > dl								{font-size:20px;}
.csCenter > .beGrid > .beFlex > .beGrid > dl dd						{font-size:16px; margin-top:5px;}
.csCenter > .beGrid > .beFlex > .beGrid > dl:first-child			{font-size:25px;}
.csCenter > .beGrid > .beFlex > .beGrid > dl:first-child dd			{font-size:40px; font-family:"PretendardSB"; margin-top:5px; color:#000;}


/* 중고차거래안내 */
.board-wrap .associationIntro,
.board-wrap .mparkSearch,
.board-wrap .preventGuide,
.board-wrap .notiGuide										{padding-inline:100px;}

.beGrid.associationIntro,
.beGrid.preventGuide,
.beGrid.notiGuide												{row-gap:30px;}

.associationIntro > em,
.mparkSearch > em,
.preventGuide > em,
.notiGuide > em													{font-size:22px; color:#000; font-family:"PretendardSB"; border-bottom: 1px solid #454545; padding-bottom:20px;}

.preventGuide > em + .beGrid,
.notiGuide > em + .beGrid								{row-gap:15px;}

.associationIntro > .beGrid > .alignCenter:first-child						{padding-block:20px;}
.preventGuide > .beGrid > .alignCenter:first-child,
.notiGuide > .beGrid > .alignCenter:first-child									{padding-block:40px;}

.associationIntro > .beGrid > .alignCenter:first-child h3,
.preventGuide > .beGrid > .alignCenter:first-child h3,
.notiGuide > .beGrid > .alignCenter:first-child h3							{font-size:24px; color:#000;}

.associationIntro > .beGrid > .alignCenter:first-child h3 + small,
.preventGuide > .beGrid > .alignCenter:first-child h3 + small,
.notiGuide > .beGrid > .alignCenter:first-child h3 + small				{font-size:15px; margin-top:10px; display:block; color:#b2b1b1;}

.preventGuide ul > li + li,
.notiGuide ul > li + li											{border-top:1px solid #eaeaea;}

.notiGuide ul > li > .beFlex									{padding-block:25px;}
.notiGuide ul > li > .beFlex > p							{border-radius:15px; overflow:hidden; flex:0 0 250px;}  
.notiGuide ul > li > .beFlex > p > img					{max-width:100%;}
.notiGuide ul > li > .beFlex > dl							{margin-left:30px; font-size:16px; color:#727272; margin-block:15px;}
.notiGuide ul > li > .beFlex > dl dt						{font:18px / 1 "PretendardM"; color:#000;}
.notiGuide ul > li > .beFlex > dl dd						{margin-top:15px; line-height:1.4;}

.preventGuide ul > li > .beGrid							{row-gap:20px; padding-block:25px;}
.preventGuide ul > li > .beGrid > div					{font:16px / 1.4 "PretendardR";}
.preventGuide ul > li > .beGrid > .beGrid						{row-gap:13px;}
.preventGuide ul > li > .beGrid > .beGrid > em				{font-size:16px; font-family:"PretendardM";}
.preventGuide ul > li > .beGrid > .beGrid > em.red				{color:#c70000;}
.preventGuide ul > li > .beGrid > .beGrid dl					{font-size:16px;}
.preventGuide ul > li > .beGrid > .beGrid dl dt				{color:#000;}
.preventGuide ul > li > .beGrid > .beGrid dl dd				{font-size:14px; margin-top:5px;}


/* 관심차량 wrap */
.favorite-wrap														{position:absolute; top:50px; left:calc(100% + 5px); bottom:0;}
.favorite-wrap > div											{position:sticky; top:0; padding-top:136px; margin-top:-136px;}
.favorite-wrap > div > div									{border:1px solid #dadada; width:120px; min-height:476px; max-height:600px; border-radius:6px; width:135px; overflow:hidden; min-height:402px;}
.favorite-wrap > div > div > em						{background-color:#000; color:#fff; padding-block:8px; font-size:13px;}
.favorite-wrap > div > div > em + div				{padding:5px;}

.favorite-wrap > div > .beGrid							{grid-template-rows:auto 1fr; transition:.2s; background-color:#fff;}

.favorite-wrap > div a											{display:block;  max-width:108px; position:relative;}
.favorite-wrap > div a:after								{transition:.2s;}
.favorite-wrap > div a:hover:after					{content:""; position:absolute; inset:0; background-color:rgba(0,0,0,.03);}
.favorite-wrap > div a > p									{width:100%; height:100px; background-repeat:no-repeat; background-position:center; background-size:cover;} 
.favorite-wrap > div a > dl									{font-size:12px; padding-block:5px; text-align:center;}
.favorite-wrap > div a > dl dt > font				{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; color:#000;}
.favorite-wrap > div a > dl dd							{margin-top:3px;}

.favorite-wrap .aLinks-wrap								{display:grid; row-gap:5px; grid-auto-rows:min-content; overflow-x:hidden; overflow-y:scroll; padding-right:15px; position:relative;}
.favorite-wrap .aLinks-wrap > .beGrid.no-data				{height:100%; place-items:center; position:absolute; inset:0; font-size:14px;}


/* 엠파크딜러/차량조회 */
.beGrid.mparkSearch				{row-gap:40px;}

.mparkSearch							{}

.mparkSearch .tabBtns-wrap a				{width:100%; height:50px; font:16px / 1 "PretendardM";}
.mparkSearch .tabBtns-wrap a > input				{position:absolute; opacity:0;}
.mparkSearch .tabBtns-wrap a > label				{display:grid; width:100%; height:100%; place-items:center; background-color:rgba(0,0,0,.03); color:#b2b1b1; border-width:1px; border-style:solid; border-color:transparent; border-block-end-color:#dadada; transition:.2s; border-radius:4px 4px 0 0;}
.mparkSearch .tabBtns-wrap a > input:checked + label					{color:#000; border-color:#dadada; border-block-end-color:transparent; background-color:#fff;}

.mparkSearch .searchWrap > .beGrid						{row-gap:30px; padding-inline:100px; padding-block:30px;}
.mparkSearch .searchWrap > .beGrid > dl				{font-size:16px;}
.mparkSearch .searchWrap > .beGrid > dl dt			{font:22px / 1 "PretendardSB";}
.mparkSearch .searchWrap > .beGrid > dl dd			{margin-top:10px;}

.mparkSearch .searchWrap > .beGrid > dl + .beFlex				{background-color:rgba(0,0,0,.03); padding-block:15px; padding-inline:20px;}

.mparkSearch .searchWrap > .beGrid input									{border-color:#dadada; transition:.2s; width:50%; text-align:center;}
.mparkSearch .searchWrap > .beGrid input:focus						{border-color:#000;}
.mparkSearch .searchWrap > .beGrid input + button				{height:40px; margin-left:10px; border:1px solid #dadada; border-radius:4px; font-size:14px; background-color:#fff; padding-inline:25px; transition:.2s;}
.mparkSearch .searchWrap > .beGrid button:hover					{border-color:#727272;}

.mparkSearch .searchWrap > .beGrid > .beGrid:last-child				{border:1px solid rgba(0,0,0,.05); padding:25px; min-height:125px;}
.mparkSearch .searchWrap > .beGrid > .beGrid:last-child > em				{margin:auto; font-size:16px;}

.mparkSearch .searchWrap > .beGrid > .beGrid:last-child > .beGrid			{grid-template-columns:1fr 1fr; gap:10px;}
.mparkSearch .searchWrap > .beGrid > .beGrid:last-child > .beGrid > span				{border:1px solid #dadada; border-radius:10px; padding:20px 25px;}
.mparkSearch .searchWrap > .beGrid > .beGrid:last-child > .beGrid > span > em				{color:#000; font:16px / 1 "PretendardSB";}

.mparkSearch .searchWrap > .beGrid > .beGrid:last-child > .beGrid.oneCol						{grid-template-columns:auto;}
.mparkSearch .searchWrap > .beGrid > .beGrid:last-child > .beGrid.oneCol > span			{width:50%; margin:0 auto;}

.mparkSearch .searchWrap > .beGrid > .beGrid:last-child > .beGrid > .beGrid						{row-gap:10px;}

.mparkSearch .searchWrap > .beGrid > .beGrid:last-child > .beGrid > .beGrid > em								{margin-block:5px;}
.mparkSearch .searchWrap > .beGrid > .beGrid:last-child > .beGrid > .beGrid > dl.beFlex					{font-size:14px; color:#b2b1b1;}
.mparkSearch .searchWrap > .beGrid > .beGrid:last-child > .beGrid > .beGrid > dl.beFlex dd				{color:#5b5b5b;}


/* 단지소개 */
.complexIntro					{padding-block:50px; min-width:897px;}

.complexIntro > .beGrid				{row-gap:80px; grid-template-rows:auto 1fr;}

.complexIntro .img-wrap						{position:relative; display:grid; height:400px; align-content:end;}
.complexIntro .img-wrap > p				{background-position:center; background-repeat:no-repeat; background-size:100% auto; border-radius: 100px 0 100px 0; position:absolute; inset:0; z-index:0;}

.complexIntro .img-wrap > p.complexImgTower			{background-image:url('/img/file/img-tower.jpg');}
.complexIntro .img-wrap > p.complexImgLand				{background-image:url('/img/file/img-land.jpg');}
.complexIntro .img-wrap > p.complexImgHub				{background-image:url('/img/file/img-hub.jpg'); background-position:center bottom;}

.complexIntro .img-wrap > dl				{z-index:1; color:#fff; width:100%; padding:20px 40px 25px; background-color:rgba(0,0,0,.2); font:20px / 1 "PretendardM"; border-radius:0 0 100px 0;}
.complexIntro .img-wrap > dl dt				{font:36px / 1 "PretendardSB";}
.complexIntro .img-wrap > dl dd			{margin-top:15px;}

.complexIntro .img-wrap > p.complexImgHub + dl dd				{line-height:1.2;}

.complexIntro .txts-wrap > .beGrid									{row-gap:100px;}
.complexIntro .txts-wrap .beFlex.alignTop > dt					{flex:0 0 300px; padding-block:8px; text-align:center;}
.complexIntro .txts-wrap .beFlex.alignTop > dt > b			{font:24px / 1.2 "PretendardSB"; color:#000; display:inline-block; text-align:left;}
.complexIntro .txts-wrap .beFlex.alignTop > dd								{flex:1 1 0;}
.complexIntro .txts-wrap .beFlex.alignTop > dd p:first-child			{font:18px / 1.2 "PretendardM"; color:#727272;}
.complexIntro .txts-wrap .beFlex.alignTop dd > .beGrid				{row-gap:50px;}
.complexIntro .txts-wrap .beFlex.alignTop dd > .beGrid > .beGrid					{row-gap:20px;}
.complexIntro .txts-wrap .beFlex.alignTop dd > .beGrid > .beGrid dl						{font:16px / 1 "PretendardM"; color:#727272;}
.complexIntro .txts-wrap .beFlex.alignTop dd > .beGrid > .beGrid dl dd					{color:#000;}
.complexIntro .txts-wrap .beFlex.alignTop dd > .beGrid > .beGrid dl dd > font			{line-height:1.2;}
.complexIntro .txts-wrap .beFlex.alignTop dd > .beGrid > .beGrid dl dd b			{color:#dc143c; font-weight:normal;}
.complexIntro .txts-wrap .beFlex.alignTop dd > .beGrid > .beGrid dl dd sup			{font-size:10px;}
.complexIntro .txts-wrap .beFlex.alignTop dd > .beGrid > .beGrid .beFlex dt			{flex:0 0 120px;}


/* 조합소개 */
.associationIntro > .beGrid > .beFlex.farAway:first-child > dl						{font:18px / 1 "PretendardR"; color:#000;}
.associationIntro > .beGrid > .beFlex.farAway:first-child > dl dt					{font-size:16px; font-family:"PretendardB";}
.associationIntro > .beGrid > .beFlex.farAway:first-child > dl dd					{line-height:1.4; margin-top:20px;}
.associationIntro > .beGrid > .beFlex.farAway:first-child > p						{overflow:hidden; border-radius:5px;}

.associationIntro > em + .beGrid										{row-gap:35px;}
.associationIntro > em + .beGrid > dl								{font-size:15px;}
.associationIntro > em + .beGrid > dl > dt						{color:#000; font-family:"PretendardSB"; font-size:17px;}
.associationIntro > em + .beGrid > dl > dd						{margin-top:20px; line-height:1.4;}

.associationIntro > em + .beGrid.twoCol						{grid-template-columns:1fr 1fr; grid-auto-rows:min-content; gap:35px 20px;}

.associationIntro .history-wrap > dl								{font:15px / 1 "PretendardR";}
.associationIntro .history-wrap > dl > dt						{font:26px / 1 "PretendardB"; color:#000; padding-block:20px;}
.associationIntro .history-wrap > dl > dd > dl				{padding-block:20px;}
.associationIntro .history-wrap > dl > dd > dl > dt		{font:26px / 1 "PretendardSB"; color:#5b5b5b;}
.associationIntro .history-wrap > dl > dd > dl > dd		{line-height:1.6;}

.associationIntro .history-wrap > dl > dd > dl + dl			{border-top:1px dashed #eaeaea;}

.associationIntro .history-wrap > dl.beFlex						{padding-block:10px;}
.associationIntro .history-wrap > dl.beFlex > dt				{flex:0 0 200px;}
.associationIntro .history-wrap > dl.beFlex > dd				{flex:1 1 0;}

.associationIntro .history-wrap > dl.beFlex + dl.beFlex						{border-top:1px solid #eaeaea;}

.associationIntro .history-wrap > dl > dd > dl.beFlex > dt					{flex:0 0 120px; text-align:center;}

.associationIntro .twoCol.workGuide > dl:first-child										{grid-column:span 2;}	

.associationIntro .workGuide > dl > dd > span.beGrid											{row-gap:15px;}
.associationIntro .workGuide > dl > dd > span.beGrid dl dt									{font-family:"PretendardM"; color:#444;}
.associationIntro .workGuide > dl > dd > span.beGrid dl dd								{margin-top:7px; padding-left:10px;}
.associationIntro .workGuide > dl > dd > span.beGrid dd.beGrid						{row-gap:3px;}


.associationIntro .greetings-wrap								{width:900px; margin:0 auto;}
.associationIntro .greetings-wrap > p						{overflow:hidden; border-radius:5px;}
.associationIntro .greetings-wrap > .beGrid				{row-gap:30px;}
.associationIntro .greetings-wrap > .beGrid p		{font:15px / 1.4 "PretendardM";}
.associationIntro .greetings-wrap > .beGrid p b			{font-family:"PretendardSB"; color:#000;}

.associationIntro .greetings-wrap > .beGrid .beFlex.alignCenter:last-child						{padding-block:30px;}
.associationIntro .greetings-wrap > .beGrid .beFlex.alignCenter:last-child > small			{font-size:15px; font-family:"PretendardSB"; color:#000;}
.associationIntro .greetings-wrap > .beGrid .beFlex.alignCenter:last-child > p					{font-size:32px; color:#000;}
.associationIntro .greetings-wrap > .beGrid .beFlex.alignCenter:last-child > small + p				{margin-left:10px;}

.associationIntro .greetings-wrap > p + .beGrid			{margin-top:40px;}


.associationIntro .map-wrap #map					{border:1px solid #dadada;}
.associationIntro .map-wrap .cont				{display:none;}

.associationIntro .beGrid.map-info								{grid-template-columns:1fr 1fr 1fr; column-gap:65px; padding-inline:50px;}
.associationIntro .map-info dl											{font:14px / 1 "PretendardM"; color:#727272;}
.associationIntro .map-info dl dt.beFlex  > p				{flex:0 0 34px; border-radius:6px; background-color:#b2b1b1;}
.associationIntro .map-info dl dt.beFlex  > p > img			{max-width:100%;}
.associationIntro .map-info dl dt.beFlex  > p + font			{margin-left:15px; color:#000; font-size:17px; font-family:"PretendardSB";}
.associationIntro .map-info dl > dd									{margin-top:10px; line-height:1.4;}

.associationIntro .map-info dl > dt + dd								{margin-top:25px;}


/* 메인 */
main					{margin-block:50px;}
main > .beGrid								{row-gap:70px;}
.mainSlide-wrap							{position:relative; overflow:hidden;}
.mainSlide-wrap p						{background-repeat:no-repeat; background-position:center; background-size:100% auto; height:365px; border-radius:100px 0 100px 0; background-size:auto 100%; height:400px;}
.mainSlide-wrap .flex-direction-nav a						{position:absolute; top:50%; transform:translateY(-50%); text-indent:-9999px; padding-inline:25px; padding-block:40px; background-color:rgba(0,0,0,.2); transition:.35s;}
.mainSlide-wrap .flex-direction-nav a:before,
.mainSlide-wrap .flex-direction-nav a:after					{content:""; position:absolute; top:50%; left:50%; width:25px; height:2px; background-color:#dadada; transition:.15s;}
.mainSlide-wrap .flex-direction-nav a:before				{transform:translate(-50%,-50%) rotate(50deg); margin-top:9px;}
.mainSlide-wrap .flex-direction-nav a:after					{transform:translate(-50%,-50%) rotate(-50deg); margin-top:-9px;}
.mainSlide-wrap .flex-direction-nav a.flex-prev		{left:-3px; border-radius:0 6px 6px 0;}
.mainSlide-wrap .flex-direction-nav a.flex-next		{right:-3px; border-radius:6px 0 0 6px;}
.mainSlide-wrap .flex-direction-nav a.flex-next:before					{margin-top:-9px;}
.mainSlide-wrap .flex-direction-nav a.flex-next:after						{margin-top:9px;}
.mainSlide-wrap .flex-direction-nav a:hover				{background-color:rgba(255,255,255,.2);}
.mainSlide-wrap .flex-direction-nav a:hover:before,
.mainSlide-wrap .flex-direction-nav a:hover:after					{background-color:#000;}
.mainSlide-wrap .flex-direction-nav a.flex-prev:hover			{padding-left:28px;}
.mainSlide-wrap .flex-direction-nav a.flex-next:hover			{padding-right:28px;}

.mainSlide-bans						{position:relative;}

.mainBans-wrap						{position:absolute; top:calc(100% - 53px); width:100%;}
.mainBans-wrap > div			{margin-inline:100px; background-color:#fff; border:1px solid #dadada; border-radius:5px; box-shadow:0 4px 10px 0 rgba(0,0,0,.05); transition:.2s;}
.mainBans-wrap > div:hover		{border-color:#bbb;}
.mainBans-wrap > .beGrid			{grid-template-columns:repeat(4, 1fr);}
.mainBans-wrap a					{/* height:100px; */ padding-inline:20px; position:relative; display:grid; row-gap:10px; min-height:106px;}
.mainBans-wrap a .beFlex > p				{overflow:hidden; border-radius:35%; flex:0 0 60px; background-color:rgba(0,0,0,.15); height:60px; position:relative; transition:.25s; background-color:#b2b1b1; border:1px solid rgba(0,0,0,.12);}
.mainBans-wrap a .beFlex > p > img				{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:110%; aspect-ratio:1 / 1;}
.mainBans-wrap a .beFlex > dl					{margin-left:20px; font:13px / 1 "PretendardR"; color:#727272;}
.mainBans-wrap a .beFlex > dl dt				{font-family:"PretendardSB"; color:#000; font-size:15px;}
.mainBans-wrap a .beFlex > dl dd				{line-height:1.25; margin-top:7px;}
.mainBans-wrap a:hover p							{background-color:#5b5b5b;}
.mainBans-wrap a:hover dl dd					{color:#5b5b5b;}

.mainBans-wrap a + a:before				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:70%; background-color:rgba(0,0,0,.06);}

.mainProduct-list > .beFlex:first-child								{padding-block:30px;}
.mainProduct-list > .beFlex:first-child > em							{font:22px / 1 "PretendardSB"; color:#000;}
.mainProduct-list > .beFlex:first-child > em + small				{font-size:16px; margin-inline:25px;}

.mainProduct-list .leftRightBtns										{border-radius:8px; border:1px solid #dadada; overflow:hidden;}
.mainProduct-list .leftRightBtns:hover > a,
.mainProduct-list .leftRightBtns:hover							{border-color:#b2b1b1;}
.mainProduct-list .leftRightBtns > a								{text-indent:-9999px; width:66px; aspect-ratio:1.7 / 1; background-color:rgba(0,0,0,.03); transition:.2s; position:relative;}
.mainProduct-list .leftRightBtns > a:hover					{background-color:#fff;}
.mainProduct-list .leftRightBtns > a:before,
.mainProduct-list .leftRightBtns > a:after						{content:""; position:absolute; left:50%; top:50%; width:12px; height:2px; background-color:#b2b1b1; transition:.2s;}
.mainProduct-list .leftRightBtns > a:before					{transform:translate(-50%,-50%) rotate(-47deg); margin-top:-4px;}
.mainProduct-list .leftRightBtns > a:after						{transform:translate(-50%,-50%) rotate(47deg); margin-top:4px;}
.mainProduct-list .leftRightBtns > a:last-child:before					{transform:translate(-50%,-50%) rotate(-47deg); margin-top:4px;}
.mainProduct-list .leftRightBtns > a:last-child:after						{transform:translate(-50%,-50%) rotate(47deg); margin-top:-4px;}

.mainProduct-list .leftRightBtns > a:hover:before,
.mainProduct-list .leftRightBtns > a:hover:after						{background-color:#5b5b5b;}

.mainProduct-list .leftRightBtns > a + a						{border-left:1px solid #dadada;}

.beGrid.bottomBans-wrap									{grid-template-columns:1fr 1fr; column-gap:20px;}
main .bottomBans-wrap > a								{border:1px solid #dadada; border-radius:0 50px 0 50px; padding:15px 15px; min-height:100px; position:relative; overflow:hidden;}
main .bottomBans-wrap > a > font					{font:15px / 1 "PretendardM"; color:#727272;}
main .bottomBans-wrap > a > span					{position:absolute; inset:0; display:grid; place-items:center; font-size:17px; line-height:1.3; transition:.2s; font-family:"PretendardM";}
main .bottomBans-wrap > a > p							{position:absolute; top:50%; right:20px; transform:translateY(-50%); border-radius:50%; width:60px; aspect-ratio:1 / 1; transition:.3s ease; border:1px solid rgba(0,0,0,.03);}
main .bottomBans-wrap > a > p > img				{max-width:100%;}
main .bottomBans-wrap > a.introduce > p		{background:url('/img/file/bnnBg01.jpg') no-repeat center;}
main .bottomBans-wrap > a.notice > p			{background-color:#686b70; display:grid; place-items:center;}
main .bottomBans-wrap > a.notice > p > img				{max-width:70%;}
main .bottomBans-wrap > a:hover > span		{padding-right:140px;}
main .bottomBans-wrap > a:hover > p				{width:220px;  right:-15px;}
main .bottomBans-wrap > a.notice:hover > p				{background-size:auto auto;}


.sideBan-wrap							{position:absolute; top:50px; right:calc(100% + 5px); bottom:0;}
.sideBan-wrap > div				{position:sticky; top:0; padding-top:136px; margin-top:-136px; padding-bottom:50px;}
.sideBan-wrap	 a						{display:block; border:1px solid #dadada; overflow:hidden; border-radius:16px;}
.sideBan-wrap.right					{right:inherit; left:calc(100% + 5px); top:0;}

/* .propertySale .sideBan-wrap					{right:inherit; left:calc(100% + 5px); top:0;}*/
.propertySale .sideBan-wrap > div			{padding-top:97px; margin-top:-97px; padding-top:123px; margin-top:-123px;}



/* 매물공유 - 메인 */
.propertySale table th					{background-color:rgba(0,0,0,.03);}

.propertySale header					{border-color:rgba(0,0,0,.1); box-shadow:0 2px 8px 0 rgba(0,0,0,.05); background-color:#fff;}
.propertySale header	 > div		{min-height:70px;}
.propertySale header	 > .beFlex								{position:relative; z-index:1; background-color:#fff;}

.propertySale .top-submenu									{max-width:inherit; font-size:14px; height:0; overflow:hidden; min-height:inherit; transition:.35s ease; z-index:-1; position:absolute; width:100%; background-color:#fff; left:0; top:-100%; right:0; border-bottom: 1px solid #EAEAEA; padding-bottom:25px;}
.propertySale .top-submenu > div							{padding-left:200px; max-width:1290px; margin:0 auto;}
.propertySale .top-submenu .beFlex						{transition:.3s; margin-top:-20px;}
.propertySale header:hover .top-submenu			{height:auto; z-index:0; top:100%; top:100%;}
.propertySale header:hover .top-submenu .beFlex			{margin-top:0;}

.propertySale .top-submenu a								{transition:.2s; padding-block:5px;}
.propertySale .top-submenu a:hover					{color:#000;}
.propertySale .top-submenu .beFlex > div		{flex:0 0 120.23px;}
.propertySale .top-submenu .beFlex > div:nth-child(3)				{flex:0 0 136px;}
.propertySale .top-submenu .beFlex > div:nth-child(4)				{flex:0 0 91px;}

.propertySale .top-submenu > div > .beGrid					{row-gap:5px;}

.propertySale .beGrid.top-log				{grid-template-columns:1fr auto; column-gap:20px; align-items:center; white-space:nowrap;}
.propertySale .top-log							{font-size:13px;}
.propertySale .top-log > span								{color:#5b5b5b; font-family:"PretendardM";}
.propertySale .top-log > a:last-child					{display:inline-block; padding:5px 12px; border:1px solid #dadada; transition:.3s;}
.propertySale .top-log > a:last-child:hover				{color:#000; border-color:#000; border-radius:5px;}

.propertySale footer					{background-color:transparent; border-top:1px solid rgba(0,0,0,.07); margin-top:0;}
.propertySale footer > div			{padding-block:25px;}

.propertySale main							{margin:0; min-height:410px; display:grid;}
.propertySale main > .beGrid			{row-gap:30px; grid-template-rows:auto 1fr;}

.propertySale > .container				{background-color:rgba(0,0,0,.05); min-width:max-content;}
.propertySale > .container > div				{padding-block:50px;}

.beGrid.login-box							{grid-template-columns:3fr .97fr; column-gap:15px;}
.login-box .login-input input				{height:30px;}
.login-box .login-input .beGrid			{row-gap:5px;}
.login-box .login-input .beGrid + .beFlex						{padding-block:10px 0; justify-content:center;}
.login-box .login-input .beGrid + .beFlex	 > a				{text-align:center; font-size:13px; padding-inline:20px;}		
.login-box .login-input .beGrid > .beFlex > span			{flex:1 1 0;}
.login-box .login-input .beGrid > .beFlex > span > label				{margin-left:5px; font-size:13px;}
.login-box .login-input .beGrid > .beFlex  > button		{flex:0 0 auto; height:30px; background-color:#000; color:#fff; padding-inline:45px;}

.login-box .login-after													{min-height:128px;}
.login-box .login-after > .beFlex									{padding-block:15px;}
.login-box .login-after > .beFlex > p							{flex:0 0 60px; aspect-ratio:1 / 1; border-radius:50%; background-color:rgba(0,0,0,.03); background-repeat:no-repeat; background-position:center; background-size:cover; background-color:rgba(0,0,0,.03);}
.login-box .login-after > .beFlex > dl							{font:12px / 1 "PretendardR";}
.login-box .login-after > .beFlex > dl dt						{font-size:14px; font-family:"PretnedardM"; color:#000;}
.login-box .login-after > .beFlex > dl dt > b				{font-family:"PretendardSB";}
.login-box .login-after > .beFlex > dl dd					{margin-top:5px;}
.login-box .login-after > .beFlex > dl dt + dd			{margin-top:8px;}
.login-box .login-after > .beFlex > p + dl					{margin-left:22px;}

.login-box .login-after > .beGrid									{padding-block:15px 0; grid-template-columns:repeat(3, 1fr); font-size:14px; border-top:1px solid #eaeaea;}
.login-box .login-after > .beGrid > span						{text-align:center;}
.login-box .login-after > .beGrid > span > b				{color:#000;}

.login-box .beGrid.login-after					{grid-template-rows:1fr auto;}

.propertySale .login-box > div				{background-color:#fff; border-radius:8px; border:1px solid #dadada; padding:20px 25px; box-shadow:0 2px 8px 0 rgba(0,0,0,.05);}
.propertySale .login-box > .beGrid			{grid-template-columns:1fr 1fr 1fr;}
.propertySale .login-box .login-input					{min-width:max-content;}

.propertySale .login-box > .beGrid							{padding-inline:0;}
.propertySale .login-box > .beGrid > dl					{font-size:14px; min-height:90px; padding-inline:25px; position:relative; min-width:max-content;}
.propertySale .login-box > .beGrid > dl dt			{font:15px / 1 "PretendardSB"; color:#5b5b5b;}
.propertySale .login-box > .beGrid > dl dd			{margin-top:20px;}
.propertySale .login-box > .beGrid > dl dd.beGrid				{row-gap:8px;}

.propertySale .login-box > .beGrid > dl + div									{position:relative;}
.propertySale .login-box > .beGrid > dl + div:after,
.propertySale .login-box > .beGrid > dl + dl:after							{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:100%; background-color:rgba(0,0,0,.08);}

.propertySale .login-box > .beGrid > dl.beFlex-col > dd			{margin-top:auto;}
.propertySale .login-box > .beGrid > dl.beFlex-col > dd > font				{padding-left:25px; position:relative;}
.propertySale .login-box > .beGrid > dl.beFlex-col > dd > font:before			{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; aspect-ratio:1 / 1; display:grid; place-items:center; color:#fff; background-color:rgba(0,0,0,.2); border-radius:50%; font:11px / 1 "PretendardR";}
.propertySale .login-box > .beGrid > dl.beFlex-col > dd > font:nth-of-type(1):before				{content:"1"; background-color:rgba(0,0,0,1)}
.propertySale .login-box > .beGrid > dl.beFlex-col > dd > font:nth-of-type(2):before				{content:"2"; background-color:rgba(0,0,0,.8)}
.propertySale .login-box > .beGrid > dl.beFlex-col > dd > font:nth-of-type(3):before				{content:"3"; background-color:rgba(0,0,0,.6)}
.propertySale .login-box > .beGrid > dl.beFlex-col > dd > font:nth-of-type(4):before				{content:"4"; background-color:rgba(0,0,0,.4)}
.propertySale .login-box > .beGrid > dl.beFlex-col > dd > font:nth-of-type(5):before				{content:"5";}

.propertySale .login-box > .beGrid > dl.beFlex-col > dd.beGrid.twoCol									{grid-template-columns:1fr auto; column-gap:5px;}
.propertySale .login-box > .beGrid > dl.beFlex-col > dd.beGrid.twoCol > span						{display:grid; grid-template-columns:1fr 1fr; column-gap:10px; text-align:right}
.propertySale .login-box > .beGrid > dl.beFlex-col > dd.beGrid.twoCol > span:nth-child(2)				{color:#b2b1b1;}

.propertySale .login-box > .beGrid > .beGrid									{grid-template-rows:auto 1fr; padding-inline:25px;}
.propertySale .login-box > .beGrid > .beGrid dl.beGrid				{grid-template-columns:1fr 1.5fr 1.5fr; font-size:14px;}
.propertySale .login-box > .beGrid > .beGrid dl.beGrid dd		{text-align:right;}
.propertySale .login-box > .beGrid > .beGrid > dl.beGrid:first-child dd					{font-family:"PretendardSB"}
.propertySale .login-box > .beGrid > .beGrid > div						{margin-top:auto;}
.propertySale .login-box > .beGrid > .beGrid > div > dl dd		{font:20px / 1 "PretendardB"; color:#000;}
.propertySale .login-box > .beGrid > .beGrid > div > dl.beGrid			{align-items:center; min-width:max-content;}
.propertySale .login-box > .beGrid > .beGrid > .beGrid				{row-gap:15px;}

.propertySale main .beGrid.mainMenus			{grid-template-columns:repeat(4, 1fr); column-gap:15px;}
.propertySale main .mainMenus > a					{display:grid; background-color:#fff; padding:20px 25px; border-radius:8px; border:1px solid #dadada; box-shadow:0 2px 8px rgba(0,0,0,.05); position:relative; transition:.2s; min-height:204px; overflow:hidden;}
.propertySale main .mainMenus > a:hover			{border-color:#000;}
.propertySale main .mainMenus > a:after			{content:""; position:absolute; inset:0; transition:.2s; display:none;}
.propertySale main .mainMenus > a:hover:after					{background-color:rgba(0,0,0,.005);}
.propertySale main .mainMenus > a > dl			{font:14px / 1 "PretendardR";}
.propertySale main .mainMenus > a > dl dt		{font:18px / 1 "PretendardSB"; color:#000;}
.propertySale main .mainMenus > a > dl dd	{margin-top:13px; line-height:1.2;}
.propertySale main .mainMenus > a > p			{position:absolute;       right:15px; bottom:0; transition:.2s;}
/*
.propertySale main .mainMenus > a > dl:before				{content:""; position:absolute; bottom:-8px; right:5px; width:110px; aspect-ratio:1 / 1; background-color:rgba(0,0,0,.025); border-radius:50%; transition:.25s; border:1px solid rgba(0,0,0,.025);}
.propertySale main .mainMenus > a:hover > dl:before					{width:300px; right:10px; bottom:5px; background-color:rgba(0,0,0,.025); border-color:rgba(0,0,0,.05):}
*/
/*
.propertySale main .mainMenus > a:hover > p								{right:30px; bottom:30px;}
*/
.propertySale main .mainMenus > a:before				{content:""; position:absolute; left:0; top:100%; width:100%; height:3px; background-color:#000; transition:.2s;}
.propertySale main .mainMenus > a:hover:before				{top:calc(100% - 3px);}
.propertySale main .mainMenus > a > dl							{position:relative;}
.propertySale main .mainMenus > a > dl:before				{content:""; position:absolute; right:30px; bottom:10px; width:0; height:0; aspect-ratio:1 / 1; background-color:rgba(0,0,0,0); border-radius:50%; transition:.3s ease-out; right:-50%; bottom:-70%; width:130px; height:130px; }
.propertySale main .mainMenus > a:hover > dl:before					{right:-30px; bottom:-40px;  background-color:rgba(0,0,0,.03);}


.beGrid.area-stats											{row-gap:13px;}
.propertySale .area-stats > em					{font:16px / 1 "PretendardSB"; color:#5b5b5b;}
.propertySale .area-stats > .beGrid				{padding:25px 25px; border-radius:8px; border:1px solid #dadada; background-color:#fff; grid-template-columns:repeat(4, 1fr); column-gap:25px; box-shadow:0 2px 8px 0 rgba(0,0,0,.05);}
.propertySale .area-stats .table-list table th,
.propertySale .area-stats .table-list table td				{font-size:14px; padding:13px;}
.propertySale .area-stats .table-list table th				{background-color:rgba(0,0,0,.03); padding:10px;}
.propertySale .area-stats .table-list table td > b						{font-family:"PretendardB";}
.propertySale .area-stats .table-list table tr.red td				{color:#f66b4f;}


/* 매매공유 - 회원인증 */
.idPwWrap,
.memCertify																			{text-align:center;}

.idPwWrap > span,
.memCertify > span															{display:inline-grid; padding:50px 100px; border:1px solid #dadada; border-radius:20px; box-shadow:0 2px 8px 0 rgba(0,0,0,.05); background-color:#fff;}

.memCertify > .beGrid														{row-gap:25px;}

.idPwWrap .alignCenter:first-child > dl,
.memCertify .alignCenter:first-child > dl						{font-size:15px; line-height:1.4; }

.idPwWrap .alignCenter:first-child > dl dt,
.memCertify .alignCenter:first-child > dl dt					{font:23px / 1 "PretendardSB"; color:#000;}

.idPwWrap .alignCenter:first-child > dl dd,
.memCertify .alignCenter:first-child > dl dd					{margin-top:25px;}

.memCertify .data-input						{padding-top:25px; border-top:1px solid #eaeaea;}

.idPwWrap .data-input dl,
.memCertify .data-input dl					{font-size:15px; text-align:left;}

.idPwWrap .data-input dl input,
.memCertify .data-input dl input					{height:35px; transition:.2s;}

.idPwWrap .data-input dl input:focus,
.memCertify .data-input dl input:focus				{border-color:#000;}

.memCertify .data-input dl input + button		{height:30px; margin-left:10px; background-color:#fff; color:#5b5b5b; padding-inline:15px; border:1px solid #ccc;}

.idPwWrap .data-input dl.beFlex,
.memCertify .data-input dl.beFlex						{padding-block:5px; white-space:nowrap;}

.idPwWrap .data-input dl.beFlex dt,
.memCertify .data-input dl.beFlex dt				{flex:0 0 105px;}

.idPwWrap .data-input dl.beFlex dd,
.memCertify .data-input dl.beFlex dd				{flex:1 1 0;}

.memCertify .data-input dl.beFlex dd .selectBox,
.memCertify .data-input dl.beFlex dd .select_box				{border-color:#ccc;}

.memCertify .data-input dl.beFlex dd .select_box				{width:68.5%;}

.idPwWrap .hasBtn:last-child,
.memCertify .data-input + .hasBtn						{padding-top:25px; border-top:1px solid #eaeaea;}

.idPwWrap .hasBtn:last-child > button,
.memCertify .data-input + .hasBtn > button				{height:40px; background-color:#000; color:#fff; font-size:15px; padding-inline:40px;}

.propertySale .select_box > a								{padding-block:12px;}

.propertySale .memCertify .select_box				{min-height:35px;}
.propertySale .memCertify .selectBox > a,
.propertySale .memCertify .select_box > a			{padding-block:8px;}

.propertySale .memCertify .data-input .beGrid.check				{grid-template-columns:1fr auto; align-items:center; /* column-gap:10px; */}
.propertySale .memCertify .data-input .beFlex.check					{}
.propertySale .memCertify .data-input .beFlex.check > .beFlex > input,
.propertySale .memCertify .data-input .beGrid.check > .beFlex > input				{margin-inline:5px; width:30px;}			
.propertySale .memCertify .data-input .beFlex.check > .beFlex > input										{width:60px; padding-inline:7px; text-align:center;}
.propertySale .memCertify .data-input .beFlex.check > .beFlex > input:first-of-type				{width:33px;}
.propertySale .memCertify .data-input .beFlex.check button,
.propertySale .memCertify .data-input .beGrid.check button			{margin:0; padding-inline:5px; margin-left:5px; background-color:#fff; border:1px solid #ccc; height:35px;}


/* 매물공유 - 아이디/비밀번호 찾기 */
.idPwWrap > span															{overflow:hidden; position:relative;}

.idPwWrap > .beGrid														{row-gap:40px;}

.propertySale .tabBtns-wrap .beFlex							{padding-left:20px;}
.propertySale .tabBtns-wrap .beFlex a						{width:100%; min-height:40px; position:relative;}
.propertySale .tabBtns-wrap .beFlex a > input			{position:absolute; opacity:0;}
.propertySale .tabBtns-wrap .beFlex a > label			{font:14px / 1 "PretendardM"; color:#b2b1b1; position:absolute; inset:0; height:100%; width:100%; display:grid; place-items:center; background-color:rgba(0,0,0,.03); transition:.2s; border-width:1px; border-style:solid; border-color:transparent; border-bottom-color:#000;}
.propertySale .tabBtns-wrap .beFlex a > input:checked + label					{background-color:#fff; color:#000; border-color:#000; border-bottom-color:transparent;}

.idPwWrap .tabBtns-wrap .beFlex								{padding-left:0;}

.propertySale .tabBtns-wrap.hasWidthAuto									{position:relative;}
.propertySale .tabBtns-wrap.hasWidthAuto .beFlex a					{width:auto; min-width:200px;}
.propertySale .tabBtns-wrap.hasWidthAuto:before						{content:""; position:absolute; left:0; bottom:0; width:37%; height:1px; background-color:#000;}

.idPwWrap .data-input									{padding-inline:50px;}

.idPwWrap .viewData								{position:absolute; inset:0; z-index:-1; }
.idPwWrap .viewData > .beGrid			{position:absolute; left:50%; top:100%; transform:translate(-50%,-50%); background-color:#fff; border-radius:8px; width:320px; height:220px; grid-template-rows:1fr auto; padding:25px; transition:.2s;}
.idPwWrap .viewData > .beGrid > span				{display:grid; place-items:center; font:16px / 1 "PretendardSB"; color:#000;}
.idPwWrap .viewData > .beGrid > button			{font-size:15px; border:1px solid #dadada; background-color:#fff; transition:.2s; padding-block:7px; margin-inline:30%;} 
.idPwWrap .viewData > .beGrid > button:hover				{border-color:#000;}

.idPwWrap .viewData.on						{background-color:rgba(0,0,0,.6); z-index:0; }
.idPwWrap .viewData.on > .beGrid				{top:50%;}

/* 매물공유 - 매물조회 */
.propertySale .container .pSale-wrap									{padding-block:40px;}

.pSale-wrap > div						{padding:35px 30px; border-radius:8px; border:1px solid #dadada; box-shadow:0 2px 8px 0 rgba(0,0,0,.05); background-color:#fff;}

.pSale-wrap > div > .beFlex:first-child								{padding-bottom:20px; border-bottom:1px solid #dadada;}

.pSale-wrap > div > .beFlex:first-child > em					{font:22px / 1 "PretendardSB"; color:#000;}

.pSale-wrap > .beGrid														{row-gap:25px;}

.psSearch-wrap > .beGrid								{row-gap:20px;}

.psSearch-wrap .beGrid.twoCol									{grid-template-columns:1fr 1fr;}

.psSearch-wrap .beGrid.selectBoxes								{grid-template-columns:repeat(auto-fill, minmax(20%, 1fr)); column-gap:30px;}
.psSearch-wrap .beGrid.selectBoxes > dl.beFlex					{font:15px / 1 "PretendardM";}
.psSearch-wrap .beGrid.selectBoxes > dl.beFlex dt				{flex:0 0 80px;}
.psSearch-wrap .beGrid.selectBoxes > dl.beFlex dd				{flex:1 1 0;}

.psSearch-wrap .select_box .selectBox,
.psSearch-wrap .select_box							{border-color:#ccc;}

.psSearch-wrap dl.beFlex dd .beFlex-col > div			{margin-block:5px;}

.psSearch-wrap .carSelects					{border:1px solid #dadada;}
.psSearch-wrap .carSelects > .beGrid					{grid-template-columns:1fr 1fr 1.5fr 1.5fr 1.5fr;}
.psSearch-wrap .carSelects > .beGrid > dl						{font:13px / 1 "PretendardR"; display:grid; grid-template-rows:auto 1fr; height:100%;}
.psSearch-wrap .carSelects > .beGrid > dl dt					{text-align:center; color:#fff; background-color:#000; padding-block:5px;}
.psSearch-wrap .carSelects > .beGrid > dl dd				{overflow-y:auto; padding-block:5px; max-height:154px;}
.psSearch-wrap .carSelects > .beGrid > dl dd > .beGrid				{place-items:center; height:100%;}
.psSearch-wrap .carSelects > .beGrid > dl dd > .beGrid > font				{line-height:1.4;}
.psSearch-wrap .carSelects > .beGrid > dl dd a			{display:block; padding:5px 10px;}
.psSearch-wrap .carSelects > .beGrid > dl dd a > label													{font-family:"PretendardM"; padding-left:5px;}
.psSearch-wrap .carSelects > .beGrid > dl dd a > input:checked + label					{color:#000;}
.psSearch-wrap .carSelects > .beGrid > dl + dl				{border-left:1px solid #dadada;}

.psSearch-wrap .carSelects > .beGrid.threeCol				{grid-template-columns:1fr 1fr 2.5fr;}

.psSearch-wrap .data-input							{border:1px solid #dadada; padding:20px 30px;}
.psSearch-wrap .data-input > .beGrid				{grid-template-columns:1fr 1fr; column-gap:50px; row-gap:10px;}
.psSearch-wrap .data-input > .beGrid > span				{display:grid; row-gap:10px; grid-template-rows:repeat(auto-fill, minmax(40px, min-content));}
.psSearch-wrap .data-input > .beGrid > span > dl			{font:14px / 1 "PretendardM";}
.psSearch-wrap .data-input > .beGrid > span > dl dt				{flex:0 0 110px;}
.psSearch-wrap .data-input > .beGrid > span > dl i			{font-size:18px; color:#b2b1b1; margin-inline:5px;}
.psSearch-wrap .data-input > .beGrid > span > dl dd				{flex:1 1 0;}
.psSearch-wrap .data-input > .beGrid > span .checkboxes-wrap							{margin:5px -8px;}
.psSearch-wrap .data-input > .beGrid > span .checkboxes-wrap	 > span			{margin:5px 8px; font-size:14px;}
.psSearch-wrap .data-input > .beGrid > span .beFlex.inputs-wrap						{}
.psSearch-wrap .data-input > .beGrid > span .beFlex.inputs-wrap > input		{width:100%; transition:.2s;}
.psSearch-wrap .data-input > .beGrid > span .beFlex.inputs-wrap > input:focus				{border-color:#000;}
.psSearch-wrap .data-input > .beGrid > span .beFlex.inputs-wrap > input + input			{margin-left:2px;}

.psSearch-wrap .data-input.boardReg > .beGrid > span:nth-child(3):last-child				{grid-column:span 2;}
.psSearch-wrap .data-input.boardReg > .beGrid > span:nth-child(3):last-child > dl.beFlex:last-child					{grid-row:span 7;}
.psSearch-wrap .data-input.boardReg.ad > .beGrid > span.beGrid.twoCol												{column-gap:50px; grid-template-rows:inherit; align-items:center;}
/* .psSearch-wrap .data-input.boardReg.ad > .beGrid > span.beGrid.twoCol > :nth-child(2), */
.psSearch-wrap .data-input.boardReg.ad > .beGrid > span.beGrid.twoCol > :nth-child(1)					{grid-column:span 2;}
.psSearch-wrap .data-input.boardReg.ad > .beGrid > span.beGrid.twoCol > dl.beFlex:last-child					{grid-row:inherit;}

.psSearch-wrap .data-input.boardReg.ad dl.beFlex + font					{font:14px / 1 "PretendardM";}
.psSearch-wrap .data-input.boardReg.ad dl.beFlex + font.red			{color:#d01414;}

.psSearch-wrap .data-input.boardReg textarea						{padding:10px; transition:.2s;}
.psSearch-wrap .data-input.boardReg textarea:focus			{border-color:#000;}

.psSearch-wrap .data-input.boardReg > .beGrid + .beGrid			{margin-top:15px;}

.psSearch-wrap .data-input > .beGrid.oneCol									{grid-template-columns:1fr;}
.psSearch-wrap .data-input > .beGrid.oneCol	 > span					{grid-template-rows:inherit;}

.psSearch-wrap .data-input > .beGrid.threeCol								{grid-template-columns:1fr 1fr 1fr; column-gap:30px;}
.psSearch-wrap .data-input > .beGrid.threeCol dl.beFlex dt				{flex:0 0 70px;}
.psSearch-wrap .data-input > .beGrid.threeCol > span:nth-child(3):last-child					{grid-column:inherit;}

.psSearch-wrap .beGrid > span > dl.beFlex dd .beGrid					{grid-template-columns:1fr auto 1fr; align-items:center;}
.psSearch-wrap .beGrid > span > dl.beFlex dd .beGrid .beFlex .select_box + .select_box				{margin-left:5px;}

.psSearch-wrap .beGrid > span > dl.beFlex dd .beGrid.topLeft												{grid-template-columns:1fr auto 1fr .5fr;}
.psSearch-wrap .beGrid > span > dl.beFlex dd .beGrid.topLeft .beFlex > input					{width:40%; margin-inline:15px;}

.psSearch-wrap > .beGrid .alignCenter.btn-wrap								{padding-block:15px; position:relative;}
.psSearch-wrap > .beGrid .alignCenter.btn-wrap .floatRight			{position:absolute; right:0; top:50%; transform:translateY(-50%);}
.psSearch-wrap > .beGrid .alignCenter.btn-wrap .floatRight button  + button				{margin-left:10px;}
.psSearch-wrap > .beGrid .alignCenter.btn-wrap .floatRight > .beflex								{}
.psSearch-wrap > .beGrid .alignCenter.btn-wrap .floatRight .reset							{display:block; width:45px; aspect-ratio:1 / 1; background:url('/img/icon/i_reset.png') no-repeat center; margin-inline:20px;}
.psSearch-wrap > .beGrid .alignCenter.btn-wrap button				{background-color:#000; color:#fff; font:15px / 1 "PretendardSB"; padding:15px 35px; min-width:122px; margin-inline:3px;}
.psSearch-wrap > .beGrid .alignCenter.btn-wrap button.red					{background-color:#e64e39;}
.psSearch-wrap > .beGrid .alignCenter.btn-wrap button.orange			{background-color:#efa132;}
.psSearch-wrap > .beGrid .alignCenter.btn-wrap button.green			{background-color:#1D6F42;}
.psSearch-wrap > .beGrid .alignCenter.btn-wrap button.wh				{border:1px solid #5b5b5b; background-color:#fff; color:#333;}
.psSearch-wrap > .beGrid .alignCenter.btn-wrap button.excel			{padding-right:0;}
.psSearch-wrap > .beGrid .alignCenter.btn-wrap button.excel:before			{content:""; position:absolute; left:13px; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%; background-color:rgba(0,0,0,.2);}
.psSearch-wrap > .beGrid .alignCenter.btn-wrap button.excel:after				{content:""; position:absolute; top:50%; transform:translateY(-50%); left:18px; width:20px; height:20px; background:url('/img/icon/i_excel.png') no-repeat center;}

.propertySale .table-list										{font-size:14px;}
.propertySale .table-list td									{text-align:center;}
.propertySale .table-list td > p							{width:80px; display:inline-block;}
.propertySale .table-list td > p > img					{max-width:100%;}

.propertySale .table-list td > .photoThum				{cursor:pointer;}

.propertySale .table-list .photoViewWrap-wrap							{height:0;}

.propertySale .table-list .photoViewWrap-wrap > td > a			{width:43px; aspect-ratio:1 / 1; position:absolute; right:0; top:0;  padding:0;}	
.propertySale .table-list .photoViewWrap-wrap a.close:before,
.propertySale .table-list .photoViewWrap-wrap a.close:after					{content:""; position:absolute; left:50%; top:50%; width:25px; height:1px; background-color:#000;}
.propertySale .table-list .photoViewWrap-wrap a.close:before				{transform:translate(-50%, -50%) rotate(45deg);}
.propertySale .table-list .photoViewWrap-wrap a.close:after				{transform:translate(-50%, -50%) rotate(-45deg);}

.propertySale .table-list .photoViewWrap-wrap > td					{padding:0; background-color:#e1e1e1; overflow:hidden; border:0; position:relative;}
.propertySale .table-list table tbody tr.photoViewWrap-wrap:hover td								{background-color:#e1e1e1;}

.propertySale .table-list .photoViewWrap-wrap.on > td			{padding:20px;}
.propertySale .table-list .photoViewWrap-wrap.on > td > .photoViewWrap				{height:auto; margin-top:0;}

.propertySale .table-list .photoViewWrap-wrap .photoViewWrap									{height:0; transition:.2s; margin-top:-7px;}
.propertySale .table-list .photoViewWrap-wrap .photoViewWrap.beGrid					{grid-template-columns:auto 1fr; margin-inline:5%; column-gap:15px;}

.propertySale .table-list .photoViewWrap-wrap .photoViewWrap.beGrid p				{background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}

.propertySale .table-list .photoViewWrap-wrap .photoViewWrap.beGrid > div:first-child						{position:relative; background-color:rgba(255,255,255,.5); z-index:0;}
.propertySale .table-list .photoViewWrap-wrap .photoViewWrap.beGrid > div:last-child > a:before,
.propertySale .table-list .photoViewWrap-wrap .photoViewWrap.beGrid > div:first-child:before			{content:""; position:absolute; inset:0; background:url('/img/icon/no-camera.png') no-repeat center; z-index:-1; background-size:30%;}
.propertySale .table-list .photoViewWrap-wrap .photoViewWrap.beGrid > div:first-child > p				{aspect-ratio:1 / .8; width:450px;}

.propertySale .table-list .photoViewWrap-wrap .photoViewWrap.beGrid > div:last-child			{grid-template-columns:repeat(5, 1fr); gap:5px; grid-template-rows:repeat(auto-fit, minmax(auto, 25%));}
.propertySale .table-list .photoViewWrap-wrap .photoViewWrap.beGrid > div:last-child > a		{background-color:rgba(0,0,0,.22); position:relative; z-index:0; border:1px solid rgba(255,255,255,.6); transition:.2s;}
.propertySale .table-list .photoViewWrap-wrap .photoViewWrap.beGrid > div:last-child > a:hover			{border-color:#fff;}
.propertySale .table-list .photoViewWrap-wrap .photoViewWrap.beGrid > div:last-child > a > p				{position:absolute; inset:0;}


.propertySale .table-list td a.dView					{background:url('/img/icon/i_search.png') no-repeat center; display:inline-block; width:30px; aspect-ratio:1 / 1; float:none; padding:0; background-size:66%;}
.propertySale .table-list .beFlex.pagination			{padding-bottom:20px;}

.propertySale .beGrid.hasTableList						{row-gap:10px;}

.propertySale .beGrid.info-sort						{grid-template-columns:auto 1fr; column-gap:25px; align-items:center; z-index:11;}
.propertySale .beGrid.info-sort > em				{font:15px / 1 "PretendardM"; white-space:nowrap;}
.propertySale .beGrid.info-sort > em > b		{color:#000; font-family:"PretendardB";}
.propertySale .beGrid.info-sort > .beFlex > div:first-child			{white-space:nowrap;}
.propertySale .beGrid.info-sort > .beFlex button					{font:14px / 1 "PretendardM"; border:1px solid #dadada; background-color:#fff; padding:7px 10px; transition:.2s; color:#727272; height:35px; min-width:86px;}
.propertySale .beGrid.info-sort > .beFlex button + button			{margin-left:5px;}
.propertySale .beGrid.info-sort > .beFlex button:hover			{border-color:#000; color:#000;}

.propertySale .hasTableList .beGrid.info-sort .select_box			{min-height:35px; border-color:#dadada;}
.propertySale .hasTableList .beGrid.info-sort .select_box .selectBox			{border-color:#dadada;}
.propertySale .hasTableList .beGrid.info-sort .select_box > a			{padding-block:8px;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid				{grid-template-columns:repeat(3, auto); align-items:center;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > span + div,
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > div + span									{margin-left:5px;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.icon										{aspect-ratio:1 / 1; height:35px; border:1px solid #dadada; text-indent:-9999px; transition:.2s; background-repeat:no-repeat; background-position:center; position:relative;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a + a								{margin-left:5px;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a:hover							{border-color:#000;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.excel								{background-image:url('/img/icon/i_excel.png');}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.print								{background-image:url('/img/icon/i_print.png');}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.icon > input							{position:absolute; opacity:0;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.icon > label							{position:absolute; inset:0;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.list > label:before,
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.list > label:after						{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:.3s;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.list > label:before					{width:21px; aspect-ratio:1 / .9; border-width:3px 0; border-style:solid; border-color:#b2b1b1;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.list > label:after						{width:21px; height:3px; background-color:#b2b1b1;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.list > input:checked + label:before				{border-color:#000;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.list > input:checked + label:after					{background-color:#000;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > label							{inset:5px;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > label > i:before,
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > label > i:after,
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > label:before,
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > label:after					{content:""; position:absolute; width:10px; height:10px; border:1px solid #b2b1b1; transition:.3s;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > label:after					{right:0; bottom:0;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > label:before				{top:0; left:0;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > label > i:before						{top:0; right:0;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > label > i:after							{bottom:0; left:0;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > input:checked + label > i:before,
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > input:checked + label > i:after,
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > input:checked + label:before,
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > .beFlex a.thum > input:checked + label:after					{background-color:#000; border-color:#000;}

.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > span.beGrid									{}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > span.beGrid .select_box,
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > span.beFlex .select_box				{min-width:130px;}
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > span.beGrid .select_box + .select_box,
.propertySale .hasTableList .beGrid.info-sort > .beFlex > .beGrid > span.beFlex .select_box + .select_box			{margin-left:5px;}


.pSale-wrap .favorite-wrap				{padding:0; border-radius:0; border:0; box-shadow:none; background:none; top:40px;}
.pSale-wrap .favorite-wrap > div				{padding-top:111px; margin-top:-111px;}

.propertySale .thum-list										{padding-block:15px;}
.propertySale .thum-list > .beGrid						{grid-template-columns:repeat(4, 1fr); gap:10px;}

.propertySale .thum-list .productWrap .wrap-checkbox				{position:absolute; top:15px; left:12px; margin:0;}
.propertySale .thum-list .productWrap .perform							{position:absolute; top:7px; right:7px;  width:30px; aspect-ratio:1 / 1; background-color:transparent; transition:.2s; z-index:1;  border-radius:4px;}
.propertySale .thum-list .productWrap .perform:hover				{background-color:rgba(255,255,255,.75);}
.propertySale .thum-list .productWrap .perform:before				{content:""; position:absolute; inset:0; background:url('/img/icon/i_search.png') no-repeat center; background-size:80%; z-index:0; background-size:66%;}


/* 매물공유 - 매물조회 - 상세 */
.propertySale > .container.bgWh						{background-color:#fff;}
.propertySale .header											{background-color:#fff; height:45px; padding-inline:35px; /* box-shadow:0 2px 8px 0 rgba(0,0,0,.05); */ border-bottom:1px solid rgba(0,0,0,.1); box-shadow:none; background-color:#f7f9f9;}
.propertySale .header em										{font:18px / 1 "PretendardSB";}
.propertySale .header a										{height:100%; aspect-ratio:1 / 1; position:relative; right:-15px;}
.propertySale .header a:before,
.propertySale .header a:after								{content:""; position:absolute; left:50%; top:50%; width:22px; height:1px; background-color:#000;}
.propertySale .header a:before							{transform:translate(-50%,-50%) rotate(45deg);}
.propertySale .header a:after							{transform:translate(-50%,-50%) rotate(-45deg);}
.propertySale .header > div									{height:100%;}

.propertySale .header + .container				{padding-block:45px 20px;}
.propertySale .header + .container > div		{padding-block:0;}
.propertySale .productDetail							{padding-inline:0;}
.propertySale .productDetail > .beGrid			{grid-template-rows:auto 1fr auto; row-gap:40px; /* border:1px solid #dadada; */ box-shadow:0 2px 8px 0 rgba(0,0,0,.05); background-color:#fff; padding:45px;}
.propertySale .productDetail .alignCenter.btn-wrap > button					{background-color: #000; color: #fff; font: 15px / 1 "PretendardSB"; padding: 15px 35px; min-width: 122px; margin-inline: 3px;}

.propertySale .productDetail .top.beGrid					{row-gap:10px; grid-template-rows:auto 1fr;}
.propertySale .productDetail .top > dl						{font:15px / 1 "PretendardR"; padding-bottom:15px; margin-bottom:5px; border-bottom:1px solid #eaeaea;}
.propertySale .productDetail .top > dl dt					{font:22px / 1 "PretendardSB"; color:#000;}
.propertySale .productDetail .top > dl dt + dd				{margin-top:15px; color:#727272;}
.propertySale .productDetail .top > dl + .beGrid							{grid-template-columns:1.6fr 1fr; column-gap:20px; min-width:max-content; grid-template-columns:1.75fr 1fr;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid			{grid-template-rows:36px 1fr; row-gap:15px;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.farAway > .beFlex > span					{font:13px / 1 "Pretendard"; display:flex; align-items:center; justify-content:center; border:1px solid #eaeaea; padding:4px 7px; color:#b2b1b1;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.farAway > .beFlex > span.on						{border-color:#5b5b5b; color:#000;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.farAway > .beFlex > span + span				{margin-left:3px;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.farAway > font									{font:18px / 1 "PretendardR"; color:#000;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.farAway > font > b								{font-size:28px; font-family:"PretendardB"; color:#b30000; margin-inline:10px;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button					{width:100%; background-color:#fff; height:36px; border:1px solid #dadada; font:14px / 1 "PretendardM"; color:#5b5b5b; transition:.2s; padding-left:28px; position:relative;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.on:before,
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button:before				{content:""; position:absolute; top:50%; transform:translateY(-50%); left:10px;  width:24px; height:24px; border-radius:50%; transition:.2s; margin-top:3px; z-index:0;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.on:before,
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button:hover:before				{background-color:#000; margin-top:0;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.on:after,
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button:after					{content:""; position:absolute; top:50%; transform:translateY(-50%); left:10px; width:24px; height:24px; background-repeat:no-repeat; background-position:center; opacity:.5; transition:.15s;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.on:after,
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button:hover:after						{opacity:1;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.favorite:after					{background-image:url('/img/icon/mi01.png');}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.favorite.on:after,
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.favorite:hover:after		{background-image:url('/img/icon/mi01_on.png');}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.compare:after					{background-image:url('/img/icon/mi02.png');}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.compare:hover:after		{background-image:url('/img/icon/mi02_on.png');}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.msg:after					{background-image:url('/img/icon/mi03.png');}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.msg:hover:after		{background-image:url('/img/icon/mi03_on.png');}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.share:after					{background-image:url('/img/icon/mi04.png');}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.share:hover:after		{background-image:url('/img/icon/mi04_on.png');}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button.on,
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button:hover						{border-color:#5b5b5b; color:#000;}
.propertySale .productDetail .top > dl + .beGrid > span.beGrid > .beFlex.btns-wrap > button + button				{margin-left:5px;}

.propertySale .productDetail .photoView-wrap.beGrid									{grid-template-columns:4fr 1fr;}
.propertySale .productDetail .photoView-wrap > div								{position:relative;}
.propertySale .productDetail .photoView-wrap > div p						{position:absolute; inset:0; background-repeat:no-repeat; background-position:center; background-size:cover; text-indent:-9999px;}
.propertySale .productDetail .photoView-wrap > div:first-child			{box-shadow:0 0 0 1px #dadada inset;}
.propertySale .productDetail .photoView-wrap > div:first-child:before				{content:""; position:absolute; inset:0; background:rgba(0,0,0,.03) url('/img/icon/no-camera.png') no-repeat center; z-index:0; background-size:30% auto;}
.propertySale .productDetail .photoView-wrap > div.beGrid					{grid-template-columns:1fr 1fr; grid-template-rows:repeat(8, 1fr); border:1px solid #dadada; border-left:0; background-color:rgba(0,0,0,.1);}
.propertySale .productDetail .photoView-wrap > div.beGrid > a			{position:relative; min-height:50px; height:100%; box-shadow:0 0 0 1px rgba(0,0,0,.04) inset;}
.propertySale .productDetail .photoView-wrap > div.beGrid > a:before						{content:""; position:absolute; inset:0; background:rgba(0,0,0,.4) url('/img/icon/no-camera.png') no-repeat center; z-index:0; background-size:30%;}
.propertySale .productDetail .photoView-wrap > div.beGrid > a > p:after							{content:""; position:absolute; inset:0; transition:.2s;}
.propertySale .productDetail .photoView-wrap > div.beGrid > a:hover > p:after				{background-color:rgba(0,0,0,.03); z-index:1;} 
.propertySale .productDetail .photoView-wrap > div.beGrid > a > p				{position:absolute; inset:0;}

.propertySale .productDetail .beGrid.dealer-btns								{row-gap:10px; /* grid-template-rows:auto auto 1fr; */ grid-auto-rows:min-content;}
.propertySale .productDetail .dealer-btns > div									{border:1px solid #dadada; padding:20px;}
.propertySale .productDetail .dealer-info											{display:grid; grid-template-columns:1fr 1.5fr; column-gap:20px;}
.propertySale .productDetail .dealer-info > div:first-child				{position:relative; box-shadow:0 0 0 1px rgba(0,0,0,.1) inset; background:rgba(0,0,0,.02) url('/img/icon/i_person.png') no-repeat center;}
.propertySale .productDetail .dealer-info > div:first-child > p			{position:absolute; inset:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.propertySale .productDetail .dealer-info > div:last-child > dl		{font:13px / 1 "PrRetendardM"; color:#b2b1b1; padding-block:15px;}	
.propertySale .productDetail .dealer-info > div:last-child > dl dd		{font-size:14px; color:#5b5b5b; font-family:"PretendardSB";}
.propertySale .productDetail .dealer-info > div:last-child > dl + dl					{border-top:1px solid #eaeaea;}
.propertySale .productDetail .dealer-info > div:last-child > dl.beFlex dt					{flex:0 0 80px;}
.propertySale .productDetail .opts-txt > font				{font:14px "PretendardM";}				
.propertySale .productDetail .opts-txt > font.red				{color:#ff0040;}

.propertySale .productDetail .dealer-btns .btns-wrap.beGrid				{gap:10px;}
.propertySale .productDetail .dealer-btns .btns-wrap.beGrid.twoCol						{grid-template-columns:1fr 1fr; grid-template-columns:1.1fr 1fr;}
.propertySale .productDetail .dealer-btns .btns-wrap.beGrid.twoColRow				{grid-template-rows:1fr 1fr; grid-template-columns:1fr 1fr;}
.propertySale .productDetail .dealer-btns .btns-wrap								{border:0; padding:0;}
.propertySale .productDetail .dealer-btns .btns-wrap button				{border:1px solid #dadada; background-color:#fff; padding-block:20px; font:16px / 1 "PretendardM"; color:#5b5b5b; transition:.2s; position:relative; padding-left:65px; text-align:left;}
.propertySale .productDetail .dealer-btns .btns-wrap button:before			{content:""; position:absolute; left:20px; top:50%; transform:translateY(-50%); width:30px; height:30px; background-color:rgba(0,0,0,.05); background-repeat:no-repeat; background-position:center; border-radius:5px; transition:.2s; box-shadow:0 0 0 1px rgba(0,0,0,.03) inset;}
.propertySale .productDetail .dealer-btns .btns-wrap button:hover		{color:#000; border-color:#5b5b5b;}
.propertySale .productDetail .dealer-btns .btns-wrap button:hover:before				{background-color:#000;}

.propertySale .productDetail .dealer-btns .btns-wrap button.calc:before				{background-image:url('/img/icon/anchor01.png');}
.propertySale .productDetail .dealer-btns .btns-wrap button.calc:hover:before			{background-image:url('/img/icon/anchor01_on.png');}

.propertySale .productDetail .dealer-btns .btns-wrap button.percent:before				{background-image:url('/img/icon/anchor02.png');}
.propertySale .productDetail .dealer-btns .btns-wrap button.percent:hover:before			{background-image:url('/img/icon/anchor02_on.png');}

.propertySale .productDetail .dealer-btns .btns-wrap button.perpo:before				{background-image:url('/img/icon/anchor03.png');}
.propertySale .productDetail .dealer-btns .btns-wrap button.perpo:hover:before			{background-image:url('/img/icon/anchor03_on.png');}

.propertySale .productDetail .dealer-btns .btns-wrap button.insurance:before				{background-image:url('/img/icon/anchor04.png');}
.propertySale .productDetail .dealer-btns .btns-wrap button.insurance:hover:before			{background-image:url('/img/icon/anchor04_on.png');}

.propertySale .productInfos-wrap > .beGrid								{row-gap:35px;}
.propertySale .productInfos-wrap > .beGrid > dl						{font-size:14px; font-family:"PretendardM";}
.propertySale .productInfos-wrap > .beGrid > dl > dt				{font:16px / 1 "PretendardSB"; color:#000; padding-bottom:13px; border-bottom:2px solid #b2b1b1;}
.propertySale .productInfos-wrap > .beGrid > dl > dd dl.beFlex					{padding-block:25px; font:13px / 1 "PretendardM"; color:#727272; border-bottom:1px solid #eaeaea;}
.propertySale .productInfos-wrap > .beGrid > dl > dd dl.beFlex dt					{flex:0 0 30%; color:#000;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.twoCol					{grid-template-columns:1fr 1fr; align-items:center;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.twoCol-2vs1		{grid-template-columns:2fr 1fr; align-items:center;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.twoCol-3vs1		{grid-template-columns:3fr 1fr; align-items:center;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.threeCol						{grid-template-columns:1fr 1fr 1fr; align-items:center;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourCol										{grid-template-columns:repeat(4, 1fr);}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol					{grid-template-columns:2fr 1fr 1fr 1fr; border-bottom:1px solid #dadada;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol > dl			{font:14px / 1 "PretendardM";}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol > dl > dt			{text-align:center; font-family:"PretendardM"; padding-block:15px; background-color:rgba(0,0,0,.02); color:#000;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol > dl .optionsWrap			{padding:15px 20px;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol > dl .optionsWrap > span				{display:block; padding:7px 5px 7px 20px; color:#b2b1b1; position:relative;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol > dl .optionsWrap > span.on			{color:#000;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol > dl .optionsWrap > span:before				{content: "\2714"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #b2b1b1;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol > dl .optionsWrap > span.on:before			{color:#000;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol > dl .optionsWrap.checkbox > span							{padding:7px 5px;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol > dl .optionsWrap.checkbox > span:before			{display:none;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol > dl .optionsWrap.checkbox > span > label			{padding-left:5px; transition:.2s;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol > dl .optionsWrap.checkbox > span > input:checked + label				{color:#000;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .beGrid.fourColAsFiveCol > dl + dl			{border-left:1px solid #dadada; color:#b2b1b1;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .texts-wrap										{background-color:rgba(0,0,0,.055); padding:10px;}
.propertySale .productInfos-wrap > .beGrid > dl > dd .texts-wrap > div							{background-color:#fff; padding:25px;}

.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child						{display:block; border-bottom:1px solid #dadada; padding:15px; font:14px / 1 "PretendardSB"; color:#000;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child > input			{position:absolute; opacity:0;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child + div				{height:0; overflow:hidden; background-color:rgba(0,0,0,.075); transition:.2s;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child + div > div		{margin-top:-10px; transition:.2s;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a.on:first-child + div			{height:auto;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a.on:first-child + div > div			{margin-top:0;}

.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child + div .table-list				{padding:10px; border-top:0;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child + div .table-list input				{height:35px;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child + div .table-list > table				{background-color:#fff;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child + div .table-list > table td		{padding-block:4px;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child + div .table-list > table + .beFlex					{width:100%; background-color:#fff; padding:10px;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child + div .table-list > table + .beFlex > dl			{width:100%; text-align:right; padding:0; border:1px solid #dadada;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child + div .table-list > table + .beFlex > dl + dl			{border-left:0;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child + div .table-list > table + .beFlex > dl.beFlex dt		{text-align:center; background-color:rgba(0,0,0,.03); padding:15px 20px;}
.propertySale .productInfos-wrap .slide-beGrids > .beGrid > a:first-child + div .table-list > table + .beFlex > dl.beFlex dd			{text-align:right; color:#; flex:1 1 0; padding:15px 20px; color:#e9535c; font:16px / 1 "PretendardSB";}

.propertySale .productInfos-wrap a.btn-downArrow								{position:relative; display:block;}
.propertySale .productInfos-wrap a.btn-downArrow > input					{position:absolute; opacity:0;}
.propertySale .productInfos-wrap a.btn-downArrow > label					{padding:5px; padding-right:25px;}
.propertySale .productInfos-wrap a.btn-downArrow > label:after				{content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:0; height:0; border-left:8px solid transparent; border-top:12px solid #000; border-right:8px solid transparent; transition:.2s;}
.propertySale .productInfos-wrap a.btn-downArrow > input:checked + label:after					{border-top:inherit; border-bottom:12px solid #000;}




/* 매물공유 - 매물조회 - 차량비교 */
.propertySale .compareView															{/* position:relative; */}
.propertySale .compareView .table-list 										{/* overflow-x:auto; overflow-y:hidden; */}
.propertySale .compareView table td > p										{width:190px;}
.propertySale .compareView table td b										{font-family:"PretendardSB"; color:#000;} 
.propertySale .compareView table td .optionsWrap span		{display:block; color:#b2b1b1; padding-block:3px; text-align:left; position:relative; padding-left:20px;}
.propertySale .compareView table td .optionsWrap span:before				{content:"\2714"; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#b2b1b1;}
.propertySale .compareView table td .optionsWrap span.on:before,
.propertySale .compareView table td .optionsWrap span.on			{color:#000; font-family:"PretendardM";}

.propertySale .compareView table td .beGrid.optionsWrap				{grid-template-rows:1fr auto; row-gap:10px; margin-inline:12%;}
.propertySale .compareView table td .beGrid.optionsWrap > div		{max-height:108px; overflow:hidden; transition:.2s;}
.propertySale .compareView table td .beGrid.optionsWrap > div.on			{max-height:100%;}
.propertySale .compareView table td .beGrid.optionsWrap > button			{border-radius:4px; padding-block:3px; transition:.2s;}
.propertySale .compareView table td .beGrid.optionsWrap > button:hover				{background-color:rgba(0,0,0,.12);}

.propertySale .compareView table td.verticalAlignTop				{vertical-align:top;}

.propertySale .compareView table tbody th:first-child					{position:sticky; left:0; z-index:1; background-color:#f7f7f7; min-width:103px; white-space:nowrap;}

.propertySale .compareView .toLeftRightBtn-wrap > a				{position:absolute; top:50%; transform:translateY(-50%); border-radius:50%; background-color:#fff; width:36px; aspect-ratio:1 / 1; border:1px solid #dadada; text-indent:-9999px; transition:.2s; z-index:1;}
.propertySale .compareView .toLeftRightBtn-wrap > a:first-child					{left:calc(10% - 36px);}
.propertySale .compareView .toLeftRightBtn-wrap > a:last-child					{right:-18px;}
.propertySale .compareView .toLeftRightBtn-wrap > a:before,
.propertySale .compareView .toLeftRightBtn-wrap > a:after					{content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background-color:#b2b1b1; transition:.2s;}
.propertySale .compareView .toLeftRightBtn-wrap > a:before				{transform:translate(-50%,-50%) rotate(47deg); margin-top:3px;}
.propertySale .compareView .toLeftRightBtn-wrap > a:after					{transform:translate(-50%,-50%) rotate(-47deg); margin-top:-3px;}
.propertySale .compareView .toLeftRightBtn-wrap > a:last-child:before				{transform:translate(-50%,-50%) rotate(47deg); margin-top:-3px;}
.propertySale .compareView .toLeftRightBtn-wrap > a:last-child:after					{transform:translate(-50%,-50%) rotate(-47deg); margin-top:3px;}
.propertySale .compareView .toLeftRightBtn-wrap > a:hover									{border-color:#5b5b5b;}
.propertySale .compareView .toLeftRightBtn-wrap > a:hover:before,
.propertySale .compareView .toLeftRightBtn-wrap > a:hover:after							{background-color:#000;}

.propertySale .psSearch-wrap .beGrid .beGrid.addFileWrap,
.propertySale .psSearch-wrap .beGrid.selectDate > .beGrid						{grid-template-columns:1fr auto;}

.propertySale .psSearch-wrap .beGrid .beGrid.addFileWrap.hasDelete	{grid-template-columns:1fr auto auto;}

.propertySale .psSearch-wrap .beGrid.selectDate > .beGrid						{align-items:center;}

.propertySale .psSearch-wrap .beGrid .beGrid.addFileWrap						{column-gap:5px;}

.beGrid.addFileWrap input,
.beGrid.selectDate input		{width:100%;}
.beGrid.selectDate a				{aspect-ratio:1 / 1; width:40px; background:url('/img/icon/calendar.png') no-repeat center; background-size:56%; width:30px;}

.beGrid.addFileWrap button					{color:#fff; background-color:#000; height:40px; padding-inline:20px; font:14px / 1 "PretendardM"; position:relative;}
.beGrid.addFileWrap button > input[type="file"]				{position:absolute; inset:0; opacity:0; cursor:pointer;}
.beGrid.addFileWrap button.red				{background-color:#e64e39; color:#fff;}


/* 매물공유 - 차량관리 - 내차관리 */
.propertySale .table-list table td .btn-wrap > button					{border-width:1px; border-style:solid; border-color:#b2b1b1; background-color:#fff; height:25px;}
.propertySale .table-list table td .btn-wrap > button.red			{background-color:#e64e39; color:#fff; border-color:#e64e39;}
.propertySale .table-list table td .btn-wrap > button.black		{background-color:#000; color:#fff; border-color:#000;}
.propertySale .table-list table td .btn-wrap > button.gray			{background-color:#aaa; color:#fff; border-color:#aaa;}
.propertySale .table-list table td .btn-wrap > button.teal			{background-color:#008080; color:#fff; border-color:#008080;}

.propertySale .table-list table td .btn-wrap.beGrid						{gap:3px; grid-template-columns:.8fr;}
.propertySale .table-list table td .btn-wrap.beGrid.twoCol			{grid-template-columns:.7fr .7fr;}

.photoMgmt-wrap														{padding-block:20px;}
.photoMgmt-wrap .wrap-checkbox.bk					{display:none;}
.photoMgmt-wrap > .beGrid									{grid-template-columns:1.1fr 1fr; padding:15px; background-color:rgba(0,0,0,.1);}
.photoMgmt-wrap p													{position:absolute; inset:0; background-repeat:no-repeat; background-position:center; background-size:cover;}
.photoMgmt-wrap .view											{position:relative; min-height:400px;}
.photoMgmt-wrap .thumWrap > a:before,
.photoMgmt-wrap .view:before								{content:""; position:absolute; inset:0; background-image:url('/img/icon/no-camera.png'); background-repeat:no-repeat; background-position:center; background-size:30% auto;}
.photoMgmt-wrap .view:before								{background-color:rgba(0,0,0,.2); background-size:25% auto;}
.photoMgmt-wrap .thumWrap.beGrid					{grid-template-rows:repeat(4, 1fr); grid-template-columns:repeat(5, 1fr);}
.photoMgmt-wrap .thumWrap > a							{position:relative; box-shadow:0 0 0 1px rgba(0,0,0,.04) inset; transition:.2s;}
.photoMgmt-wrap .thumWrap > a:before			{background-color:rgba(0,0,0,.4);}
.photoMgmt-wrap .thumWrap > a:after				{content:""; position:absolute; inset:0; transition:.2s;}
.photoMgmt-wrap .thumWrap > a:hover:after			{background-color:rgba(0,0,0,.1);}
.photoMgmt-wrap .thumWrap > a.on:after					{box-shadow:0 0 0 2px rgba(255,255,255,.8) inset;}
.photoMgmt-wrap .thumWrap > a .wrap-checkbox.bk					{margin:8px 5px;}
.photoMgmt-wrap .alignCenter.btn-wrap				{padding-block:20px;}
.photoMgmt-wrap .alignCenter.btn-wrap > button				{height:40px; background-color:#000; color:#fff; font:15px / 1 "PretendardM"; padding-inline:30px; min-width:112px;}
 
.photoMgmt-wrap.edit .wrap-checkbox.bk					{display:inline-block;}

.alignRight .beFlex						{justify-content:flex-end;}
.photoMgmt-wrap .alignRight .beFlex								{display:none; margin-block:15px; transition:.2s;}
.photoMgmt-wrap .alignRight .beFlex > a						{padding-block:10px; padding-inline:18px; border:1px solid #dadada; margin-inline:5px; transition:.2s; position:relative;}
.photoMgmt-wrap .alignRight .beFlex > a:hover			{border-color:#000; color:#000;}
.photoMgmt-wrap .alignRight .beFlex > a > input[type="file"]				{position:absolute; inset:0; opacity:0; cursor:pointer;}
.photoMgmt-wrap .alignRight .beFlex .close					{border-radius:50%; padding:0; width:25px; height:25px; background-color:#5b5b5b; border-color:#5b5b5b; position:relative; margin-inline:15px;}
.photoMgmt-wrap .alignRight .beFlex .close:before,
.photoMgmt-wrap .alignRight .beFlex .close:after			{content:""; position:absolute; left:50%; top:50%; width:14px; height:1px; background-color:#fff;}
.photoMgmt-wrap .alignRight .beFlex .close:before		{transform:translate(-50%,-50%) rotate(45deg);}
.photoMgmt-wrap .alignRight .beFlex .close:after			{transform:translate(-50%,-50%) rotate(-45deg);}
.photoMgmt-wrap .alignRight .beFlex .close:hover		{background-color:#000;}
.photoMgmt-wrap.edit .alignRight .beFlex						{display:flex;}

.productInfos-wrap .table-list table td																{padding-block:5px;}
.productInfos-wrap .table-list table td input[type="number"],
.productInfos-wrap .table-list table td input[type="tel"],
.productInfos-wrap .table-list table td input[type="text"]						{height:42px;}

.productInfos-wrap .table-list table .select_box .selectBox,
.productInfos-wrap .table-list table .select_box				{border-color:#ccc;}

.productInfos-wrap table .beGrid.twoCol-3vs1,
.productInfos-wrap table .beGrid.twoCol-2vs1,
.productInfos-wrap table .beGrid.twoCol								{column-gap:5px;}

.productInfos-wrap table .beGrid.twoCol-3vs1 .beFlex + span,
.productInfos-wrap table .beGrid.twoCol-3vs1 input + div,
.productInfos-wrap table .beGrid.twoCol-2vs1 input + div,
.productInfos-wrap table .beGrid.twoCol input + span				{margin-left:10px;}
.productInfos-wrap table .beGrid.twoCol-3vs1 .select_box > a				{padding-left:10px;}

.productInfos-wrap table .beGrid.twoCol > input					{width:100%;}

.productInfos-wrap table .beGrid.twoCol-2vs1 > input + div > span + span					{margin-left:10px;}

.productInfos-wrap table td > span + span				{margin-left:15px;}

.productInfos-wrap table input[type="number"],
.productInfos-wrap table input[type="tel"],
.productInfos-wrap table input[type="text"]					{transition:.2s;}
.productInfos-wrap table input[type="number"]:focus,
.productInfos-wrap table input[type="tel"]:focus,
.productInfos-wrap table input[type="text"]:focus					{border-color:#000;}
.productInfos-wrap table textarea				{padding:10px; transition:.2s;}
.productInfos-wrap table textarea:focus				{border-color:#000;}

.productInfos-wrap table .adCardWrap									{padding-block:10px;}
.productInfos-wrap table .adCardWrap > a								{position:relative;}
.productInfos-wrap table .adCardWrap > a + a						{margin-left:10px;}
.productInfos-wrap table .adCardWrap > a > input				{position:absolute; opacity:0;}
.productInfos-wrap table .adCardWrap > a > label				{padding:5px 8px; border:1px solid #eaeaea; color:#b2b1b1; transition:.2s;}
.productInfos-wrap table .adCardWrap > a > input:checked + label					{color:#000; border-color:#000;}

.productInfos-wrap > .beGrid > dl table .beGrid.threeCol.fromTo				{grid-template-columns:1fr auto 1fr;}
.productInfos-wrap > .beGrid > dl table .beGrid.threeCol.fromTo input[type="number"],
.productInfos-wrap > .beGrid > dl table .beGrid.threeCol.fromTo input[type="tel"],
.productInfos-wrap > .beGrid > dl table .beGrid.threeCol.fromTo input[type="text"]								{width:100%;}
.productInfos-wrap > .beGrid > dl table .beGrid.threeCol.fromTo > .beFlex .select_box + .select_box				{margin-left:5px;}

.productInfos-wrap .beGrid.threeCol.addDesc-wrap		{gap:1px; margin-block:10px 5px;}
.productInfos-wrap .addDesc-wrap						{background-color:#dadada; border:1px solid #dadada;}
.productInfos-wrap .addDesc-wrap > span			{background-color:#fff;}
.productInfos-wrap .addDesc-wrap > span > a			{padding:13px 10px; display:block; font-size:14px; transition:.2s;}
.productInfos-wrap .addDesc-wrap > span > a:hover			{color:#000; background-color:rgba(0,0,0,.03);}

.pSale-wrap > .beGrid .productInfos-wrap + .alignCenter.btn-wrap										{padding-block:20px;}
.pSale-wrap > .beGrid .productInfos-wrap + .alignCenter.btn-wrap > button					{font:15px / 1 "PretendardSB"; color:#fff; background-color:#000; padding:15px 35px; min-width:122px;}



/* 매물공유 - 조회서비스 - 간편원부조회 */
.psSearch-wrap .searchWord										{border:1px solid #dadada;}
.psSearch-wrap .searchWord > .beGrid						{place-items:center; min-height:300px; padding-inline:15px;}
.psSearch-wrap .searchWord > .beGrid + .beGrid				{border-left:1px solid #dadada;}
.psSearch-wrap .searchWord > .beGrid > .beGrid				{row-gap:20px; min-width:320px;}
.psSearch-wrap .searchWord input							{width:100%; text-align:center;}
.psSearch-wrap .searchWord dl									{text-align:center;}
.psSearch-wrap .searchWord dl dt								{font:22px / 1 "PretendardSB"; color:#000;}
.psSearch-wrap .searchWord dl dd							{margin-top:15px;}
.psSearch-wrap .searchWord dl dt + dd					{margin-top:25px;}

.psSearch-wrap .searchWord button							{background-color:#000; color:#fff; font:15px / 1 "PretendardM"; height:38px;}
.psSearch-wrap .searchWord small							{font:13px / 1 "PretendardM"; color:#b2b1b1;}

.psSearch-wrap .beGrid.selectDate.fromTo				{grid-template-columns:.5fr auto .5fr; align-items:center; column-gap:3px;}

.psSearch-wrap input						{transition:.2s;}
.psSearch-wrap input:not([readonly]):focus				{border-color:#000;}


.layer-con.popupOriginSheet							{height:91%; padding-inline:20px;}

.popupOriginSheet > .beGrid							{grid-template-rows:auto 1fr; height:100%; row-gap:10px;}
.popupOriginSheet > .beGrid > b:first-child					{font:22px / 1 "PretendardB"; color:#000; display:block; padding-block:15px; border-bottom:1px solid #000;}
.popupOriginSheet > .beGrid > .beGrid			{grid-template-rows:auto 1fr; height:100%; row-gap:15px;}
.popupOriginSheet > .beGrid > .beGrid > .beGrid				{grid-template-columns:repeat(3, 1fr);}

.popupOriginSheet dl.beFlex							{font:14px / 1 "PretendardSB"; color:#000; border-bottom:1px solid #dadada; padding-block:15px;}
.popupOriginSheet dl.beFlex dt						{font-family:"PretendardM"; color:#727272; flex:0 0 90px;}

.popupOriginSheet table th								{background-color:rgba(0,0,0,.03); background-color:#f7f7f7;}
.popupOriginSheet table thead						{position:sticky; top:0; z-index:1;}
.popupOriginSheet .tableList-wrap				{position:relative;}
.popupOriginSheet .table-list							{position:absolute; inset:0; width:100%; overflow-y:auto;}




/* 매물공유 - 조회서비스 - 상사/종사원 조회 */
.psSearch-wrap .searchWord > div.beGrid.threeCol						{padding:20px 50px; column-gap:10px; grid-template-columns:1fr 4fr 1fr; min-height:inherit; align-items:center;}
.psSearch-wrap .searchWord > div.beGrid.threeCol > .beFlex				{width:100%;}
.psSearch-wrap .searchWord > div.beGrid.threeCol > .beFlex > div				{width:100%;}
.psSearch-wrap .searchWord > div.beGrid.threeCol > .beFlex > .select_box			{width:70%; width:50%;}
.psSearch-wrap .searchWord > div.beGrid.threeCol > .beFlex > div + div		{margin-left:5px;}
.psSearch-wrap .searchWord > div.beGrid.threeCol > .beFlex input				{height:42px; text-align:left;}
.psSearch-wrap .searchWord > div.beGrid.threeCol button							{height:100%;}
.psSearch-wrap .searchWord > div.beGrid > em						{font:15px / 1 "PretendardSB"; color:#000;}
.psSearch-wrap .searchWord > div.beGrid > button				{width:100%;}

.cardBox-wrap																	{padding-block:20px;}
.cardBox-wrap > .beGrid												{grid-template-columns:1fr 1fr 1fr; justify-content:center; gap:15px;}
.cardBox-wrap > .beGrid > span									{border:1px solid #dadada; border-radius:6px; padding:25px 30px; display:grid; row-gap:17px; box-shadow:0 2px 6px 0 rgba(0,0,0,.1); transition:.3s;}
.cardBox-wrap > .beGrid > span:hover						{box-shadow:none; border-color:#b2b1b1;}
.cardBox-wrap > .beGrid > span em						{font:18px / 1 "PretendardSB"; color:#000; padding-bottom:15px; border-bottom:1px solid #eaeaea; display:block;}
.cardBox-wrap > .beGrid > span .beGrid				{grid-template-columns:1fr 1fr; gap:8px 4px;}
.cardBox-wrap > .beGrid > span .beGrid > dl		{font:14px / 1 "PretendardM";}
.cardBox-wrap > .beGrid > span .beGrid > dl.beFlex				{align-items:flex-start;}
.cardBox-wrap > .beGrid > span .beGrid > dl dt		{color:#b2b1b1; flex:0 0 55px;}
.cardBox-wrap > .beGrid > span > font.beFlex			{font-size:14px;}
.cardBox-wrap > .beGrid > span > font.beFlex:last-child > p			{flex:0 0 18px; margin-right:5px;}

.cardBox-wrap > .beGrid > span > .beFlex> p				{flex:0 0 120px;}

.cardBox-wrap > .beGrid > span > .beGrid					{grid-template-columns:120px 1fr; column-gap:17px;}
.cardBox-wrap > .beGrid > span > .beGrid > p				{border-radius:5px; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:rgba(0,0,0,.02); box-shadow:0 0 0 1px rgba(0,0,0,.1); overflow:hidden; min-height:160px;}
.cardBox-wrap > .beGrid > span > .beGrid > div > em + .beGrid			{margin-top:15px;}
.cardBox-wrap > .beGrid > span > .beGrid > div > .beGrid					{grid-template-columns:1fr;}


/* 매물고융 - 조회서비스 - 이전비용계산 */
.psSearch-wrap.expenseCalc .data-input				 {margin-inline:12%;}
.expenseCalc input				{width:100%;}
.psSearch-wrap.expenseCalc .data-input > .beGrid + .beGrid				{margin-top:20px; padding-top:20px; border-top:1px solid #dadada;}
.psSearch-wrap.expenseCalc .data-input > .beGrid + .beGrid .beFlex dd.alignRight					{color:#e9535c; font-size:18px; font-family:"PretendardB";}


/* 매물공유 - 조회서비스 - 자동차 사양 조회 */
.has-iframe										{position:relative; min-height:525px;}
.has-iframe > iframe						{position:absolute; inset:0; width:100%; height:100%;}

.wrap.beFlex-col.propertySale .pSale-wrap								{display:flex; height:100%; flex-direction:column;}
.wrap.beFlex-col.propertySale .pSale-wrap > .beGrid				{height:100%; grid-template-rows:auto 1fr;}


/* 매물공유 - 설정 */
.propertySale .checking-wrap > .beGrid					{min-height:500px; place-items:center;}
.propertySale .checking-wrap > .beGrid > div			{display:grid;}
.propertySale .checking-wrap > .beGrid p				{font:18px / 1 "PretendardSB"; color:#000;}
.propertySale .checking-wrap > .beGrid dl				{padding-block:30px; font-size:15px;}
.propertySale .checking-wrap > .beGrid dl.beFlex						{justify-content:center;}
.propertySale .checking-wrap > .beGrid dl.beFlex dt				{flex:0 0 100px;}
.propertySale .checking-wrap > .beGrid .alignCenter:last-child										{padding-block:30px;}
.propertySale .checking-wrap > .beGrid .alignCenter:last-child > button					{font-size:15px; color:#fff; background-color:#000; height:40px; padding-inline:40px;}
.propertySale .checking-wrap > .beGrid > div > div				{padding-block:30px;}
.propertySale .checking-wrap > .beGrid > div > div > dl			{padding-block:5px;}
.propertySale .checking-wrap > .beGrid > div > div > dl.beFlex					{justify-content:flex-start; padding-left:43px;}
.propertySale .checking-wrap > .beGrid > div > div > dl.beFlex dt				{flex:0 0 120px;}

.propertySale .setting-wrap > .beGrid > .beGrid						{grid-template-rows:auto 1fr; row-gap:10px;}
.propertySale .setting-wrap > .beGrid > .beGrid > em			{color:#000; font:15px / 1 "PretendardM";}
.propertySale .setting-wrap > .beGrid > .beGrid > em + .beGrid.fourCol				{grid-template-columns:1fr 1fr 1fr 1.3fr;}
.propertySale .setting-wrap > .beGrid > .beGrid > em + .beGrid								{border:1px solid #dadada;}
.propertySale .setting-wrap > .beGrid > .beGrid > em + .beGrid dl							{font:14px / 1 "PretendardM"; text-align:center; display:grid; grid-template-rows:auto 1fr;}
.propertySale .setting-wrap > .beGrid > .beGrid > em + .beGrid dl dd,
.propertySale .setting-wrap > .beGrid > .beGrid > em + .beGrid dl dt					{padding:10px 5px; align-content:center;}
.propertySale .setting-wrap > .beGrid > .beGrid > em + .beGrid dl dt					{background-color:rgba(0,0,0,.04);}
.propertySale .setting-wrap > .beGrid > .beGrid > em + .beGrid dl + dl					{border-left:1px solid #dadada;}
.propertySale .setting-wrap > .beGrid > .beGrid:nth-child(1) > em + .beGrid.fourCol > dl:nth-child(1)				{grid-column:span 2;}
.propertySale .setting-wrap > .beGrid > .beGrid:nth-child(2) > em + .beGrid.fourCol > dl:nth-child(3)				{grid-column:span 2;}

.propertySale .setting-wrap .checkboxes-wrap span				{font-size:15px;}
.propertySale .setting-wrap .checkboxes-wrap input[type="tel"],
.propertySale .setting-wrap .checkboxes-wrap input[type="number"],
.propertySale .setting-wrap .checkboxes-wrap input[type="text"]							{width:70px; height:35px; margin-inline:7px; text-align:center;}

.propertySale .setting-wrap .checkboxes-wrap > .beFlex		{margin:5px 12px;}
.propertySale .setting-wrap .checkboxes-wrap > .beFlex > span			{}


.propertySale .myDanji											{padding-block:25px;}
.propertySale .myDanji.beGrid								{grid-template-columns:1fr .17fr 1fr;}

.propertySale .myDanji > .beGrid			{grid-template-rows:42px 1fr; row-gap:10px;}

.propertySale .myDanji > .beGrid .table-list						{overflow-y:auto; height:500px; position:relative;}
.propertySale .myDanji > .beGrid .table-list > .no-Data			{position:absolute; inset:0; display:grid; place-items:center; background-color:rgba(0,0,0,.02);}
.propertySale .myDanji > .beGrid .table-list > .no-Data > font				{font:15px / 1 "PretendardM"; color:#727272;}

.propertySale .myDanji > .beGrid table thead					{position:sticky; top:0; z-index:1;}
.propertySale .myDanji > .beGrid table thead th				{background-color:#f7f7f7;}
.propertySale .myDanji > .beGrid table .wrap-checkbox.bk label:before					{z-index:0;}

.propertySale .myDanji > .beGrid > .beFlex:first-child > em				{font:18px / 1 "PretendardSB"; color:#000;}
.propertySale .myDanji > .beGrid > .beFlex:first-child > span.beFlex							{width:70%;}
.propertySale .myDanji > .beGrid > .beFlex:first-child > .beFlex > .select_box				{width:100%; border-color:#dadada;}
.propertySale .myDanji > .beGrid > .beFlex:first-child > .beFlex > .select_box + .select_box				{margin-left:5px;}

.propertySale .myDanji > .beGrid:nth-child(2)					{place-items:center; grid-template-rows:auto;}
.propertySale .myDanji > .beGrid:nth-child(2) a				{display:block; border:1px solid #dadada; border-radius:12px; aspect-ratio:1 / 1; width:50px; position:relative; transition:.2s; margin-block:10px;}
.propertySale .myDanji > .beGrid:nth-child(2) a:before,
.propertySale .myDanji > .beGrid:nth-child(2) a:after				{content:""; position:absolute; top:50%; left:50%; width:15px; height:2px; background-color:#b2b1b1; transition:.2s;}
.propertySale .myDanji > .beGrid:nth-child(2) a:before			{transform:translate(-50%, -50%) rotate(-47deg); margin-top:-5px;}
.propertySale .myDanji > .beGrid:nth-child(2) a:after				{transform:translate(-50%, -50%) rotate(47deg); margin-top:5px;}
.propertySale .myDanji > .beGrid:nth-child(2) a.toRight:before				{transform:translate(-50%, -50%) rotate(-47deg); margin-top:5px;}
.propertySale .myDanji > .beGrid:nth-child(2) a.toRight:after					{transform:translate(-50%, -50%) rotate(47deg); margin-top:-5px;}

.propertySale .myDanji > .beGrid:nth-child(2) a:hover:before,
.propertySale .myDanji > .beGrid:nth-child(2) a:hover:after					{background-color:#000;}
.propertySale .myDanji > .beGrid:nth-child(2) a:hover							{border-color:#5b5b5b;}


.propertySale .myInfoCheck > .beGrid					{grid-template-columns:200px 1fr; border:1px solid #dadada;}

.propertySale .myInfoCheck > .beGrid > div:first-child				{position:relative; box-shadow:0 0 0 1px rgba(0,0,0,.1) inset; margin:5px; background:url('/img/icon/i_person.png') no-repeat center;}
.propertySale .myInfoCheck > .beGrid > div:first-child > p			{position:absolute; inset:0; background-repeat:no-repeat; background-position:center; background-size:cover;}
.propertySale .myInfoCheck > .beGrid > .beGrid							{grid-template-columns:1fr 1fr; }
.propertySale .myInfoCheck > .beGrid > .beGrid dl.beFlex					{font:14px / 1 "PretendardM"; border-bottom:1px solid #eaeaea; white-space:nowrap; overflow:hidden;}
.propertySale .myInfoCheck > .beGrid > .beGrid dl.beFlex dt,
.propertySale .myInfoCheck > .beGrid > .beGrid dl.beFlex dd				{padding:20px 30px;}
.propertySale .myInfoCheck > .beGrid > .beGrid dl.beFlex dt				{background-color:rgba(0,0,0,.03);}
.propertySale .myInfoCheck > .beGrid > .beGrid dl.beFlex dd			{color:#000;}
.propertySale .myInfoCheck > .beGrid > .beGrid > dl.beFlex dt			{flex:0 0 150px;}
.propertySale .myInfoCheck > .beGrid > .beGrid > div:nth-child(4)			{grid-row:span 2;}
.propertySale .myInfoCheck > .beGrid > .beGrid > dl.beFlex:last-child				{grid-column:span 2; border-bottom:0;}

.propertySale .myInfoCheck > .beGrid > .beGrid > div.beFlex > div:first-child				{flex:0 0 75px; font:14px / 1 "PretendardM"; align-content:center; text-align:center; background-color:rgba(0,0,0,.03); height:100%; border-width:0 1px 1px 0; border-style:solid; border-color:#eaeaea;}
.propertySale .myInfoCheck > .beGrid > .beGrid > div.beFlex > div.beGrid					{flex:1 1 0; grid-template-rows:1fr 1fr;} 
.propertySale .myInfoCheck > .beGrid > .beGrid > div.beFlex > div.beGrid > .beFlex dt					{flex:0 0 75px; padding:0; align-content:center; text-align:center; height:100%;}
.propertySale .myInfoCheck > .beGrid > .beGrid > div.beFlex > div.beGrid > .beFlex dd				{flex:1 1 0;}

.propertySale .myInfoCheck > .beGrid + font					{margin-block:15px; display:block;}


#ui-datepicker-div							{z-index:11 !important;}