.divMemo {
	position:absolute;width:300px;height:200px;display:none;background-color:white;border:1px solid #eaeaea;padding:10px;
}



/* 차량 상세보기 레이어팝업 */
#div_showCarDetail {
	position:fixed;
	_position:absolute;
	top:0px;
	left:0px;
	z-index:9999999;
	width:100%;
	height:100%;
	display:none;
}
#div_showCarDetail .bgBlank {
	position:absolute;
	top:0px;
	left:0px;
	z-index:9999998;
	width:100%;
	height:100%;
	background:url(/image/sub/bg_carViewPOP.png);
}
#div_showCarDetail .sCloseBtn {
	position:absolute;
	z-index:9999999;
	background:#2c77bc;
	cursor:pointer;
}

#div_showCarDetail .showCarData {
	position:absolute;
	z-index:9999999;
	border:4px solid #2c77bc;
	background:#FFF;
}
.carPhotoReg {padding:5px 0 0}
.carPhotoReg ul {overflow:hidden;display:flex; padding:0px !important; gap:1rem;}
.carPhotoReg li { margin:5px !important;padding:0px !important;width:122px; position:relative}
.carPhotoReg ul.mainArea li { height:135px;}

.carPhotoReg li .photo {height:90px; }
.carPhotoReg li .photo img {border:1px solid #CCC;}
.carPhotoReg li .subject {position:relative;overflow:hidden;font-size:12px;line-height:40px;}
.carPhotoReg li .subject a {position:absolute;right:0px;bottom:0px;display:block;height:15px;margin:5px 0px 0px 0px;cursor:pointer;line-height:15px !important;}
.carPhotoReg .photoInfo {float:left;margin:15px 0px;padding:15px;width:115px;border:1px solid #dcdcdc;background:#FFF;}
.carPhotoReg .photoInfo ul {overflow:hidden;width:100%;margin:0px !important;padding:0px !important;}
.carPhotoReg .photoInfo ul li { clear:both;display:block;margin:0px 0px 15px 0px !important;padding:0px !important;width:100%;}
.carPhotoReg .photoInfo ul li strong {color:#F00;}
.carPhotoReg .photoInfo h3 {padding:0px 0px 10px 0px;font-size:14px;}
.carPhotoReg .btnPhotoReg {text-align:left;}
.carPhotoReg .btnPhotoReg a {text-align:center;margin:2px 0px;width:125px;font-size:12px !important;padding:0px 10px !important;line-height:25px !important;font-weight:bold; letter-spacing:-1px;}
.thumb-wrap {position:relative; display:flex; flex-direction: column; width:200px;gap:.5rem;}
.thumb-wrap p {width:100%; text-align:center;}
.thumb-wrap img{ cursor: pointer; width:100%;height:auto; min-height:110px;}

.btnDelete {float:right;}
.thumb-del {}
.photo_wrap {display:flex; flex-direction: column;width:100%; gap:.65rem; height:auto; }
.photo_wrap .ui-sortable { display:flex;  flex-wrap: wrap; width:100%; gap:.65rem;  width:100%; }
.myImageLayer {position:relative; min-width:150px;width:15.8%; }
.myImageLayer .subject {display:block; text-align: center; width:100%; padding-top:.5rem;   font-size:13px; color:#333;  }

/*
#sortable { margin:11px; overflow:hidden; }
.myImageLayer { float:left;margin:5px 5px 25px 5px; padding:0px; width:150px; height:115px; text-align:center; }
*/
.btn_delete { position:absolute; right:0; top:0rem !important; font-size:0 !important; padding:0; width:20px; height:20px; border-radius:0;  background:rgba(0,0,0,0.5) url('/Adm/image/close_w.png') no-repeat center !important; background-size:auto 60% !important; }

.myImageLayer .photo {width:100%;}
.myImageLayer .photo img {width:100%;min-height:115px;}

.btnwrap  {display:flex;gap:.35rem; width:auto; }
.btnwrap input,
.btnwrap a {width:auto; height:28px; padding:0 .5rem; display:inline-flex; align-items: center; font-size:12px; font-family: Dotum; }
.btnwrap a {background-color:#999; color:#fff; border-radius:4px;}
.btnwrap a:hover {text-decoration: none;}
.btnwrap input[type=radio] + label {border:1px solid #ccc; border-radius:4px; color:#999;height:30px;  padding:0px 15px;}
.btnwrap input[type=radio] + label:after {display:none; }
.btnwrap input[type=radio] + label:before{content: ""; display: inline-block; margin-right:.35rem;  width:7px;height:11px;border-color:#ddd;border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg);}
.btnwrap input[type=radio]:checked + label {color: #fff; border-color:var(--color-main); background-color:var(--color-main); font-weight:bold;}
.btnwrap input[type=radio]:checked + label:before { border-color:#fff; }
.btnwrap input[type=button] {background-color:var(--color-main); color:#fff; border-color: var(--color-main); cursor: pointer;}

.btnwrap.end {justify-content: flex-end; height:40px;}


.icon_info { margin-top:5px; font-size:12px; font-weight:500;background-color:#fff; padding:3px 8px 3px 3px; border:1px solid var(--color-main);  color:var(--color-main);border-radius:2rem; cursor:pointer;}
.icon_info:before {content: "i"; color:#fff; width:15px; height:15px; text-align:center;  background-color:var(--color-main); border-radius: 50%; display: inline-block; vertical-align: middle;margin-right:3px; }

 .photoInfo {display:block; font-family: 'Pretendard';}
 .photoInfo ul {overflow:hidden;width:100%;margin:0px !important;padding:0px !important;}
 .photoInfo ul li { position:relative; padding-left:.75rem; font-size:.85rem; color:#555; clear:both;display:block;margin-top:.65rem !important;}
 .photoInfo ul li:before {content:''; position:absolute; left:3px; top:6px; width:3px; height:3px; background-color:#555;}
 .photoInfo ul li strong {color:#F00;}
 .photoInfo h3 {font-size:.9rem; color:#555}

/*
#sortable { margin:11px; width:660px; overflow:hidden; }
.myImageLayer { float:left;margin:5px 5px 25px 5px; padding:0px; width:150px; height:115px; text-align:center; }

.btn_mini	{ display:-moz-inline-box;display:inline-block; _position:relative; background:url(/image/btn_mini_bg.gif) 0 -400px; border:1px solid #c8c8c8; color:#7087bf !important; padding:6px 5px 2px 5px; top:0; margin:0 3px 2px 0; line-height:1.2; font-size:11px; cursor:pointer; }
.btn_mini:hover	{ _position:relative; background:url(/image/btn_mini_bg.gif) 0 -100px; text-decoration:none; border:1px solid #647bb3; color:#fff !important; }
*/

.btn_wrap a.allbtn	{ display:-moz-inline-box;display:inline-block; _position:relative; background:url(/image/btn_bg2.gif) 0 0; border:1px solid #647bb3; color:#FFFFFF !important;margin:0 0 5px 0; padding:6px 7px 2px 7px; }
.btn_wrap a.allbtn:hover	{ _position:relative; background:url(/image/btn_bg2.gif) 0 -100px; text-decoration:none; border:1px solid #213544; }



#carViewWrap .hotIcon span {margin:2px 2px 0px 0px;line-height:20px;padding:0px 5px;border-radius:5px;color:#FFF;}
#carViewWrap .hotIcon {}
#carViewWrap .hotIcon .icon1 {background:#f54447;}
#carViewWrap .hotIcon .icon2 {background:#51bbf8;}
#carViewWrap .hotIcon .icon3 {background:#ffb133;}
#carViewWrap .hotIcon .icon4 {background:#8dc033;}
#carViewWrap .hotIcon .icon5 {background:#8e5dac;}
#carViewWrap .hotIcon .icon6 {background:#89e6e6;}
#carViewWrap .hotIcon .icon7 {background:#008bff;}


/* 별점 */

.star_rating_wrap { display: flex;   align-items: center;  margin-top:1rem;}
.rating-container {margin: 0px; text-align:center;}
.star-rating { display: flex;  justify-content: center;  align-items: center; gap
	:.3rem;  }

/* Raty 기본 스타일 조정 */
.raty-star {display: inline-block;
	width: 40px; /* 13.25rem = 212px, 5개 별이므로 212/5 ≈ 42px, 여유분 고려 */
	height: 30px; /* 2.5rem = 40px */
	background-size: contain;	background-repeat: no-repeat; background-position:center center; 
}
.score-display {margin-top: 10px;font-size: 16px;}
 .text_comment {margin-top:1rem;   font-size:14px; line-height:1.6rem;  min-height:5rem; margin-bottom:.5rem;}



 /* SMS발송 */
.sms_wrap .select_area{display:flex; gap:.5rem; padding-top:.625rem;}
.sms_wrap .text_box {display:flex; gap:.5rem; padding-top:1.1rem;}
.sms_wrap .text_box textarea {min-height:5rem; width:calc(100% - 5rem)}
.sms_wrap .text_box button {height:5rem; width:5rem; color:#fff; text-align:center;  background-color: var(--color-main);}






