@charset "utf-8";

/* 브랜드 액센트 토큰 — 앱 전역 단일 액센트(#5D5FEF). 신규/리팩터 코드는 var(--accent) 사용 */
:root {
	--accent: #5D5FEF;
	--accent-rgb: 93, 95, 239;
	--text-muted: #6e6e6e; /* WCAG AA 본문 대비 충족(흰 배경 5.1:1) */
}

/* 하드웨어 가속 및 스크롤 최적화 */
.swiper {
	-webkit-overflow-scrolling: touch;
}
.swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	scroll-behavior: smooth;
}
.swiper-slide {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	flex-shrink: 0;
}

/* 메인 시작
------------------------------------------------------ */
.indexWr header {
	background:transparent; 
}
.mComTopBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	margin:0 0 14px;
}
.mComTopBox01 .cTit01 {
	margin:0;
	font-size:22px;       /* 카드 가격(20px) 위 최상위 위계 앵커 (홈 섹션 헤더 스코프) */
	font-weight:700;
	letter-spacing:-.4px;
}
.mComTopBox01 .lnk01 { 
	position:relative;
	display:block;
	padding:0 14px 0 0;
	font-size: 13px;
	transition:all .3s ease;
	color: #999;	
}
.mComTopBox01 .lnk01:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 4px;
	right: 0;
	transform:rotate(45deg);
	border-top:1px solid #999;
	border-right:1px solid #999;
	transition:all .3s ease;
}
.mComTopBox01 .lnk01:focus,
.mComTopBox01 .lnk01:hover {
	color: #15151C;
}
.mComTopBox01 .lnk01:focus:after,
.mComTopBox01 .lnk01:hover:after {
	border-color:#15151C;
}
/* 터치 타깃 ≥44px — 보조 컨트롤은 보이는 크기 유지, 보이지 않는 탭 영역만 확장(레이아웃 불변) */
.mComTopBox01 .lnk01::before {
	content:"";
	position:absolute;
	top:50%;
	left:-12px;
	right:-8px;
	height:44px;
	transform:translateY(-50%);
}
/* 홈 가로 스크롤 목록 공통 — 우측 끝 스크롤 힌트(뿌연 그라디언트 + '>'). 폭/불투명도 최소화 */
.mScrollFadeWr {
	position:relative;
	overflow:hidden; /* 우측 여백 없이 꽉 채우고 다음 카드는 살짝 잘려 보이게(사용자요청) */
}
/* 우측 페이드/화살표의 세로 위치 — 섹션마다 썸네일 아래 글자 줄 수가 달라 카드 전체 높이의 50%로는 썸네일 중앙에 안 맞음.
   JS(alignScrollFade)가 각 섹션의 실제 썸네일(img) 위치를 재서 --sfTop/--sfH/--sfCenter로 덮어씀. 아래 값은 JS 실행 전 폴백. */
.mScrollFadeWr::after {
	content:"";
	position:absolute;
	top: var(--sfTop, 0);
	right:0;
	height: var(--sfH, 100%);
	width:18px;
	/* 카드 폭을 대부분 섹션에서 맞춰놓은 뒤로 다음 카드 노출폭이 대개 1~2px라 얇게(18px)로도 충분히 가려짐.
	   컨텐츠 섹션만 카드폭이 달라(22px 노출) 완전히는 못 가리지만 사용자 확인 후 진행(최대한 얇게 요청).
	   35%부터 바로 완전 불투명이면 폭 안에서 절반 이상이 딱딱한 흰 막대로 보여 "일자로 하얗게" 보임 —
	   전 구간에 걸쳐 서서히 짙어지는 다단 그라디언트로 부드럽게(뿌옇게) 바꿈. 끝은 여전히 완전 불투명. */
	background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 40%, rgba(255,255,255,.8) 72%, #fff 100%);
	pointer-events:none;
	z-index:3;
}
.mScrollFadeWr::before {
	content:"";
	position:absolute;
	top: var(--sfCenter, 50%);
	right:3px;
	width:7px;
	height:7px;
	border-top:2px solid #999;
	border-right:2px solid #999;
	transform:translateY(-50%) rotate(45deg);
	pointer-events:none;
	z-index:4;
}
.mBnrWr {
	position:relative;
	overflow: hidden;
}
.mBnrWr .mBnrSwipe {
	position:relative;
	padding:90% 0 0;   /* 배너 하단이 더 보이게 키움(사용자요청) — 원본 이미지가 정사각형(1:1)이라 65.12%는 위아래를 많이 잘라냈다 */
}
.mBnrWr .swiper-wrapper { 
	position:absolute; 
	top: 0;
	left: 0;
}
.mBnrWr .swiper-slide .lnk { 
	position:relative; 
	display:block; 
	padding:100% 0 0;
	font-size: 0;
	overflow: hidden;
}
.mBnrWr .swiper-slide .lnk img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.mBnrWr .mBnrPageBox { 
	position:absolute;
	display:flex;
	justify-content:center;
	gap:10px;
	bottom: 20px;
	left: 50%;
	transform:translateX(-50%);
	font-size: 0;
	z-index: 1;
}
.mBnrWr .mBnrPageBox .swiper-pagination-bullet { 
	width: 24px;
	height: 4px;
	margin:0;
	background:#FFF;
	border-radius: 0;
	opacity: .8;
}
.mBnrWr .mBnrPageBox .swiper-pagination-bullet-active {
	background: #5D5FEF;
	opacity: 1;
}
.mQuickMenuWr {
	position:relative;
	margin:-22px 0 64px;
	padding:24px 24px 0;
	background: #FFF;
	border-radius: 25px 25px 0 0;
	z-index: 1;
}
.mQuickMenuWr .lst01 { 
	display:flex;
	flex-wrap:wrap;
}
.mQuickMenuWr .lst01 li { 
	width:25%;
}
.mQuickMenuWr .lst01 .lstLnk01 { 
	display:block; 
	width: 100%;
	padding:11px;
	text-align: center;
}
.mQuickMenuWr .lst01 .lstLnk01 .lnkIco {
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 54px;
	height: 54px;
	margin:0 auto 10px;
	border-radius: 15px;
	font-size: 0;
}
.mQuickMenuWr .lst01 li:first-child .lstLnk01 .lnkIco { 
	background: #5D5FEF;
}
.mQuickMenuWr .lst01 li:nth-child(2) .lstLnk01 .lnkIco { 
	background: #FF7F51;
}
.mQuickMenuWr .lst01 li:nth-child(3) .lstLnk01 .lnkIco { 
	background: #50C5B7;
}
.mQuickMenuWr .lst01 li:nth-child(4) .lstLnk01 .lnkIco { 
	background: #D64933;
}
.mQuickMenuWr .lst01 li:nth-child(5) .lstLnk01 .lnkIco { 
	background: #00120B;
}
.mQuickMenuWr .lst01 li:nth-child(6) .lstLnk01 .lnkIco { 
	background: #F3DE8A;
}
.mQuickMenuWr .lst01 li:nth-child(7) .lstLnk01 .lnkIco { 
	background: #231942;
}
.mQuickMenuWr .lst01 li:nth-child(8) .lstLnk01 .lnkIco { 
	background: #FF6392;
}
.mQuickMenuWr .lst01 .lstLnk01 .lnkTxt01 { 
	display:block;
	font-size: 12px;
	color: #424242;
}
.mQuickMenuWr .lst02 { 
	display:flex;
	flex-wrap: wrap;
	gap:10px;
}
.mQuickMenuWr .lst02 li { 
	width: calc((100% - 30px)/4);
}
.mQuickMenuWr .lst02 .lstLnk01 { 
	display:block;
	width: 100%;
	text-align: center;
}
.mQuickMenuWr .lst02 .lstLnk01 .lnkIco {
	position:relative;
	display:block;
	width: 68.18%;
	padding:68.18% 0 0;
	margin:0 auto 7px;
	background: #F7F7F7;
	border-radius: 10px;
	font-size: 0;
}
.mQuickMenuWr .lst02 .lstLnk01 .lnkIco img { 
	position:absolute; 
	max-width: 84%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.mQuickMenuWr .lst02 .lstLnk01 .lnkTxt01 {
	display:block;
	font-size: 12px;
	color: #424242;
}
/* ===== 홈 퀵메뉴 아이콘 (design-icon.md 규격) =====
   index.html의 인라인 SVG 8개(.qi3d, <symbol id="q3d-*">). 규격은 design-icon.md 참고.
   ★ 이 CSS는 반드시 style.css에 둘 것 — index.html 안에 <style>로 넣으면 #appWr에 마운트되는
     Vue(index-app.js)가 템플릿 컴파일 때 <style> 태그를 통째로 걷어내서 적용이 안 된다.
   ★ 색은 CSS가 아니라 index.html의 <linearGradient id="q3dG1~8">에 있다.
     색을 바꾸려면 그 그라디언트의 stop-color를 수정할 것.
     (예전엔 .qi3d.q1~q8의 --h/--L1~L4 hsl 공식으로 만들었으나, 오브젝트 고유색 +
      깊이 레이어 방식(design-icon.md §4-B)으로 바뀌면서 제거됨 2026-07-31)
   ★ <use>가 만드는 그림자 트리엔 자손 셀렉터(.qi3d .어떤클래스)가 안 먹는다. 면 색을 CSS로
     제어하려 들지 말 것 — 지금은 symbol 안에서 fill/clip-path로 직접 지정한다. */
.mQuickMenuWr .lst02 .lstLnk01 .lnkIco { background: none; }   /* 3D 오브젝트는 연회색 타일 없이 흰 배경에 둬야 대비가 산다 */
.mQuickMenuWr .lst02 .lstLnk01 .lnkIco .qi3d {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 76%;      /* 94%는 너무 커서 전체 화면과 안 어울린다는 피드백으로 축소(사용자요청).
	                    4열 셀 ≈92px → 아이콘 ≈70px, 여전히 §4-B 깊이 레이어가 보이는 40px 이상 */
	height: 76%;
	transform: translate(-50%, -50%);
	overflow: visible;
	display: block;   /* 캐스트 섀도우(drop-shadow)는 삭제 — 내부 명암("더 깊게" 안)만으로 입체감 유지(사용자요청) */
}
/* 퀵메뉴 아이콘 모션(사용자요청, 8개 각각 다른 효과) — 배지·종·체크 등 심볼 내부 SMIL 애니메이션은
   q3d-* symbol 정의 안에, 아이콘 전체가 움직이는 것(급락항공/공동구매)만 CSS로 여기서 처리.
   ★ transform은 항상 translate(-50%,-50%)를 앞에 붙일 것 — 위 기본 중앙정렬 transform을 덮어쓰면 위치가 틀어진다. */
@keyframes q3dTilt {
	0%, 100% { transform: translate(-50%, -50%) rotate(0); }
	50%      { transform: translate(-50%, -50%) rotate(-5deg); }
}
.mQuickMenuWr .lst02 .lstLnk01 .lnkIco .qi3d.q1 { animation: q3dTilt 3.2s ease-in-out infinite; }
@keyframes q3dPop {
	0%, 55%, 100% { transform: translate(-50%, -50%) scale(1); }
	28%           { transform: translate(-50%, -50%) scale(1.13); }
	42%           { transform: translate(-50%, -50%) scale(.96); }
}
.mQuickMenuWr .lst02 .lstLnk01 .lnkIco .qi3d.q7 { animation: q3dPop 2.6s ease-in-out infinite; }
.mTravelWr {
	margin:0 0 64px;
}
.mTravelWr .inner { 
	overflow: hidden; 
}
.mTravelWr .mTraverSwipe {
	position:relative;
}
.mTravelWr .mTraverSwipe .swiper-slide { 
	position:relative; 
	width: 170px;
}
.mTravelWr .mTraverSwipe .lnk01 {
	display:block;
}
.mTravelWr .mTraverSwipe .lnk01 span { 
	display:block;
}
.mTravelWr .mTraverSwipe .lnkImgBox { 
	position:relative; 
	width: 100%;
	height: 130px;
	background: rgba(141,141,141,.25);
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	overflow: hidden;
}
.mTravelWr .mTraverSwipe .lnkImgBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:linear-gradient(to bottom, rgba(33,33,33,0), rgba(33,33,33,1));
	z-index: 2;
}
.mTravelWr .mTraverSwipe .lnkImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: 1;
}
.mTravelWr .mTraverSwipe .lnkTxt01 {
	position:absolute; 
	bottom: 17px;
	left: 0;
	padding:0 20px;
	font-weight: 500;
	font-size: 15px;
	color: #FFF;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	z-index: 3;
}
.mTravelWr .lstLnk { 
	position:absolute; 
	display:block;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.mTravelWr .lstLnk img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.mSearchBox { 
	position:relative;
	margin:0 0 20px;
	padding:13px 16px 16px;
	background: #5D5FEF;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.mSearchBox .imgBox { 
	position:absolute;
	width: 90px;
	top: -40px;
	right: 5px;
	font-size: 0;
}
.mSearchBox .imgBox img { 
	max-width: 100%; 
}
.mSearchBox .schTit01 { 
	margin:0 0 22px;
	font-weight: 700;
	font-size: 18px;
	color: #FFF;
}
.mSearchBox .conBox {
	display:flex;
	align-items:center;
	gap:12px;
}
.mSearchBox .schBox {
	width: calc((100% - 52px)/2);
	background-color: #FFF;
	background-repeat:no-repeat;
	background-position:left 16px center;
	border-radius: 10px;
}
.mSearchBox .schBox.stNation {
	background-image: url(/Form/_renew_vue/images/mSchIco01.svg);
}
.mSearchBox .schBox.stCity {
	background-image: url(/Form/_renew_vue/images/mSchIco02.svg);
}
.mSearchBox .schIpt {
	display:block;
	width: 100%;
	padding:13px 40px 13px 46px;
	appearance: none;
	background: url(/Form/_renew_vue/images/comSel01.svg) no-repeat right 16px center;
	font-size: 14px;
	color: #424242;
	outline: none;
}
.mSearchBox .btnInit {
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 28px;
	height: 28px;
	background:rgba(255,255,255,.4);
	border-radius: 50%;
	font-size: 0;
}
.mSearchBox .customSelect {
	position: relative;
	width: 100%;
}
.mSearchBox .customSelect .selectTrigger {
	width: 100%;
	padding: 13px 40px 13px 46px;
	font-size: 14px;
	color: #424242;
	cursor:pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.mSearchBox .customSelect .selectTrigger.placeholder {
	color: #999;
}
.mSearchBox .customSelect .selectMenu {
	position: absolute;
	display: none;
	max-height: 200px;
	top: 101%;
	left: 0;
	right: 0;
	overflow-y: auto;
	background: #FFF;
	border: 1px solid #DDD;
	border-top: none;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	z-index: 1;
}
.mSearchBox .customSelect.open .selectMenu {
	display: block;
}
.mSearchBox .customSelect.open .selectTrigger {
	border-radius: 8px 8px 0 0;
	border-bottom-color: transparent;
}
.mSearchBox .customSelect .selectOption {
	width: 100%;
	padding: 10px 13px;
	background: #fff;
	border: none;
	font-size: 15px;
	color: #333;
	cursor: pointer;
	text-align: left;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mSearchBox .customSelect .selectOption:hover {
	background: #f5f5f5;
}
.mSearchBox .customSelect .selectOption.selected {
	background: #f0e4ff;
	color: #5D5FEF;
}
.mSearchBox .customSelect .selectOption.backOption {
	background: #f8f8f8;
	color: #666;
	border-bottom: 1px solid #eee;
}
.mSearchBox .customSelect .selectOption.backOption:hover {
	background: #eee;
}
.mSearchBox .customSelect .selectOption.continentOption::after {
	content: '›';
	float: right;
	color: #999;
}
.mTieupWr {
	margin:0 0 64px;
}
/* 땡처리 항공권 홈 미리보기 */
.mFlightDealWr {
	margin:0 0 64px;
}
.mFlightDealWr .flightDepTab {
	display:flex;
	align-items:center;       /* 버튼은 33px 그대로, 44px 행 안에서 가운데 */
	gap:8px;
	min-height:44px;          /* 버튼 ::before(44px 히트영역)를 담아 세로 오버플로 제거 */
	margin:0 0 14px;
	overflow-x:auto;
	overflow-y:hidden;        /* overflow-x:auto가 overflow-y를 auto로 만들던 세로 드래그 차단 */
	scrollbar-width:none;
	overscroll-behavior:contain;
}
.mFlightDealWr .flightDepTab::-webkit-scrollbar { display:none; }
.mFlightDealWr .flightDepBtn {
	flex:0 0 auto;
	position:relative;
	display:block;
	min-width:80px;
	padding:6px 6px 5px;
	border:1px solid #5D5FEF;
	border-radius:1000px;
	font-size:15px;
	font-weight:500;
	text-align:center;
	color:#5D5FEF;
	cursor:pointer;
}
.mFlightDealWr .flightDepBtn::before {
	content:"";
	position:absolute;
	left:0; right:0; top:50%;
	transform:translateY(-50%);
	height:44px;
}
.mFlightDealWr .flightDepBtn.on {
	background:#5D5FEF;
	font-weight:700;
	color:#FFF;
}
.mFlightDealWr .mFlightDealSwipe {
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
}
.mFlightDealWr .mFlightDealSwipe::-webkit-scrollbar { display:none; }
.mFlightDealWr .mFlightDealSwipe .swiper-wrapper {
	display:flex;
	flex-wrap:nowrap;
	width:max-content;
	gap:8px;
}
.mFlightDealWr .mFlightDealSwipe .swiper-slide {
	width:auto;
	flex:0 0 auto;
}
.mFlightDealWr .mFlightDealSwipe .lnk01 {
	display:block;
	min-width:142px;
	padding:16px;
	background:#FFF;
	border:1px solid #EEE;
	border-radius:16px;
	box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.mFlightDealWr .mFlightDealSwipe .flagBox01 {
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:34px;
	margin:0 0 12px;
	border-radius:8px;
	overflow:hidden;
	background:#F5F5F7;
	border:1px solid #EEE;
}
.mFlightDealWr .mFlightDealSwipe .flagBox01 img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.mFlightDealWr .mFlightDealSwipe .dest01 {
	display:block;
	font-size:16px;
	font-weight:700;
	letter-spacing:-.3px;
	color:#212121;
	margin:0 0 4px;
}
.mFlightDealWr .mFlightDealSwipe .code01 {
	display:block;
	font-size:12px;
	color:#9E9E9E;
	margin:0 0 12px;
}
.mFlightDealWr .mFlightDealSwipe .prcBox01 {
	display:flex;
	align-items:center;
	gap:6px;
}
.mFlightDealWr .mFlightDealSwipe .rate01 {
	font-size:14px;
	font-weight:800;
	color:#FA5252;
}
.mFlightDealWr .mFlightDealSwipe .prc01 {
	font-size:20px;
	font-weight:700;
	letter-spacing:-.3px;
	color:#212121;
}
.mFlightDealWr .mFlightDealSwipe .oriPrc01 {
	display:block;
	margin:2px 0 0;
	font-size:12px;
	color:#9E9E9E;
}
.mFlightDealWr .mFlightDealSwipe .saveAmt01 {
	display:block;
	margin:2px 0 0;
	font-size:12px;
	font-weight:500;
	color:#9E9E9E;
}
/* 기준가(평균가) 금액에만 취소선 — 라벨은 유지 */
.mFlightDealWr .mFlightDealSwipe .oriPrc01 s,
.mHotelWr .hotelBase s {
	text-decoration:line-through;
	text-decoration-color:#CFCFCF;
}
/* 출처 칩 — 절제된 회색 라벨(신뢰 신호, CTA 아님) */
.mFlightDealWr .srcChip,
.mHotelWr .srcChip {
	display:inline-block;
	margin:6px 0 0;
	padding:1px 6px;
	font-size:11px;
	font-weight:500;
	line-height:1.5;
	color:#9E9E9E;
	border:1px solid #ECECEC;
	border-radius:4px;
}
/* 숙소 미리보기 (이미지 중심 카드, 가로 스크롤) */
.mHotelWr {
	margin:0 0 64px;
}
.mHotelWr .mHotelSwipe {
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
}
.mHotelWr .mHotelSwipe::-webkit-scrollbar { display:none; }
.mHotelWr .mHotelSwipe .swiper-wrapper {
	display:flex;
	flex-wrap:nowrap;
	width:max-content;
	gap:8px;
}
.mHotelWr .mHotelSwipe .swiper-slide {
	width:170px;
	flex:0 0 auto;
}
.mHotelWr .hotelImg {
	display:block;
	width:100%;
	aspect-ratio:16/11;
	margin:0 0 8px;
	border-radius:14px;
	overflow:hidden;
	background:#F2F2F4;
}
.mHotelWr .hotelImg img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.mHotelWr .hotelTit {
	display:block;
	white-space:nowrap;        /* 1줄 고정 */
	overflow:hidden;
	text-overflow:ellipsis;    /* 긴 이름은 …으로 잘라 모든 카드 1줄 정렬 */
	font-size:14px;
	font-weight:700;
	line-height:1.3;
	letter-spacing:-.3px;
	color:#212121;
	margin:0 0 4px;
}
.mHotelWr .hotelMeta {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:3px;
	font-size:12px;
	color:#9E9E9E;
	margin:0 0 6px;
}
.mHotelWr .hotelStar {
	font-weight:700;
	color:#3A3D46;   /* 평점은 네비/링크 액센트와 구분되는 중립 다크(브랜드 휴로 살짝 틴트) */
}
.mHotelWr .hotelSave {
	display:block;
	margin:2px 0 0;
	font-size:12px;
	font-weight:500;
	color:#9E9E9E;
}
.mHotelWr .hotelPrcBox {
	display:flex;
	align-items:baseline;
	gap:6px;
}
.mHotelWr .hotelRate {
	font-size:15px;
	font-weight:800;
	color:#FA5252;
}
.mHotelWr .hotelPrc {
	font-size:17px;
	font-weight:700;
	letter-spacing:-.3px;
	color:#212121;
}
.mHotelWr .hotelBase {
	display:block;
	margin:2px 0 0;
	font-size:12px;
	color:#9E9E9E;
}
.mCateSwipe {
	margin:0 0 16px;
}
.mCateSwipe .swiper-slide { 
	width: auto;
}
.mCateSwipe .mCateBtn {
	display:block;
	min-width: 80px;
	padding:6px 6px 5px;
	border:1px solid #5D5FEF;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	color: #5D5FEF;
}
.mCateSwipe .mCateBtn.on {
	background:#5D5FEF;
	font-weight: 700;
	color: #FFF;
}
.mPdcSwipeBox .mPncLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	height: 100%;
}
.mPdcSwipeBox .mPncLst01 li { 
	width: calc((100% - 12px)/2); 
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk { 
	display:block; 
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk > span { 
	display:block; 
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .lnkImg { 
	position:relative; 
	margin:0 0 9px;
	padding:80.81% 0 0;
	background: #F9F0E9;
	border-radius: 10px;
	font-size: 0;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	overflow: hidden;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .lnkImg img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .lnkTit01,
.mPdcSwipeBox .mPncLst01 .mPdcLnk .lnkTxt01 { 
	letter-spacing: -.18px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .lnkTit01 { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 1em;
	color: #212121;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .lnkTxt01 { 
	margin:0 0 9px;
	font-size: 14px; 
	color: #666;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .numBox {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:8px;
	margin:0 0 9px;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .numBox .star { 
	position:relative;
	display:block;
	padding:0 0 0 26px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #424242;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .numBox .star:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0;
	background:url(/Form/_renew_vue/images/mPdcSwipeStar01.svg) no-repeat;
	background-size:cover;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .numBox .star .gTxt01 { 
	margin:0 0 0 7px;
	font-weight: 400;
	font-size: 13px;
	color: #797979;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .numBox .per {
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -.18px;
	color: #E2502B;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .numBox .originPrice {
	font-size: 13px;
	color: #999;
	text-decoration: line-through;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .salePrice {
	display: block;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .tpOriginBox {
	margin: 0 0 2px;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .tpPriceBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .tpPriceBox .tpLeftBox {
	display: flex;
	align-items: center;
	gap: 4px;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .tpPriceBox .salePrice {
	font-weight: 700;
	font-size: 15px;
	color: #000;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .tpPriceBox .tpStar {
	font-weight: 700;
	font-size: 15px;
	color: #F5A623;
}
.mPdcSwipeBox .mPncLst01 .mPdcLnk .tpPriceBox .per {
	font-weight: 700;
	font-size: 15px;
	color: #FF5A5F;
}
.mPdcSwipeBox .mPncLst01 .btnBox { 
	display:flex;
	flex-wrap:wrap;
	gap:5px;
}
.mPdcSwipeBox .mPncLst01 .btnBox .lnk {
	display:block; 
	width: calc((100% - 5px)/2);
	padding:6px 8px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	box-shadow:0 1px 4px rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 14px;
	text-align: center;
}
.mPdcSwipeBox .mPncLst01 .btnBox .lnk.st01 { 
	background: #FFF;
	border-color:#F0F0F0;
	color: #797979;
}
.mPdcSwipeBox .mPncLst01 .btnBox .lnk.st02 { 
	background:#F8F0FF;
	border-color:#F3EDF9;
	color: #5D5FEF;
}
.mPdcSwipeBox .mPncLst01 .btnBox .lnk.fullWid { 
	width: 100%;	 
}
.mPdcSwipeBox .noDataBox { 
	display:flex;
	align-items:center;
	justify-content:center;
	width: 100%;
	height: 260px;
	text-align: center;
}
.mPdcSwipeBox .noDataBox .imgBox { 
	width: 102px;
	margin:0 auto 16px;
	font-size: 0;
}
.mPdcSwipeBox .noDataBox .imgBox img { 
	max-width: 100%; 
}
.mPdcSwipeBox .noDataBox .txt01 { 
	font-size: 15px;
	color: #797979;
}
.mPdcSwipeBox .mPdcPage { 
	display:flex;
	justify-content:center;
	gap:10px; 
	min-height: 8px;
	margin:27px 0 0;
	font-size: 0;
}
.mPdcSwipeBox .mPdcPage .swiper-pagination-bullet { 
	width: 8px;
	height: 8px;
	margin:0;
	background: #DBDBDB;
	opacity: 1;
}
.mPdcSwipeBox .mPdcPage .swiper-pagination-bullet-active {
	background: #5D5FEF;
}
.mTravelPriceWr {
	margin: 57px 0 24px;
}
.mTravelPriceWr .inner {
	overflow: hidden;
}
.mTravelPriceCate {
	margin: 0 0 16px;
}
.mTravelPriceCate .swiper-slide {
	width: auto;
}
.mTravelPriceCate .mCateBtn {
	display: block;
	min-width: 84px;
	padding: 6px 12px 7px;
	background: #FAFAFA;
	border: 1px solid #F0F0F0;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #666;
}
.mTravelPriceCate .mCateBtn.on {
	border-color: #5D5FEF;
	background: #5D5FEF;
	font-weight: 700;
	color: #FFF;
}
.mTravelPriceSwipeBox {
	overflow: hidden;
}
.mTravelPriceLst {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.mTravelPriceLst li {
	width: calc((100% - 12px) / 2);
}
.mTravelPriceLst .tpLnk {
	display: block;
}
.mTravelPriceLst .tpLnk > span {
	display: block;
}
.mTravelPriceLst .tpLnk .lnkImg {
	position: relative;
	margin: 0 0 8px;
	padding: 100% 0 0;
	background: #FAFAFA;
	border-radius: 10px;
	font-size: 0;
	box-shadow: 0 1px 2px 0 rgba(141,141,141,.25);
	overflow: hidden;
}
.mTravelPriceLst .tpLnk .lnkImg img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.mTravelPriceLst .tpLnk .lnkImg .badge {
	position: absolute;
	bottom: 8px;
	left: 8px;
	padding: 4px 8px;
	background: rgba(226, 70, 43, 0.9);
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	color: #FFF;
}
.mTravelPriceLst .tpLnk .lnkTit01 {
	margin: 0 0 6px;
	font-weight: 700;
	font-size: 15px;
	color: #212121;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mTravelPriceLst .tpLnk .priceBox {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.mTravelPriceLst .tpLnk .priceBox .originPrice {
	font-size: 13px;
	color: #999;
	text-decoration: line-through;
}
.mTravelPriceLst .tpLnk .priceBox .discount {
	font-weight: 700;
	font-size: 15px;
	color: #E53935;
}
.mTravelPriceLst .tpLnk .priceBox .salePrice {
	font-weight: 700;
	font-size: 15px;
	color: #212121;
}
.mTravelPricePage {
	display: flex;
	justify-content: center;
	margin: 24px 0 0;
	font-size: 0;
}
.mTravelPricePage .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0;
	background: #DBDBDB;
	opacity: 1;
}
.mTravelPricePage .swiper-pagination-bullet-active {
	background: #5D5FEF;
}
.mPromotionWr {
	margin:0 0 56px;
}
.mPromotionWr .inner {
	position:relative;
	overflow: hidden;
}
.mPromotionWr .mPromoSwipe .swiper-slide {
	width: 208px;
	transition:all .3s ease;
}
.mPromotionWr .mPromoSwipe .lnk { 
	position:relative; 
	display:block;
	padding:100% 0 0;
	font-size: 0;
	border-radius: 15px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	overflow: hidden;
}
.mPromotionWr .mPromoSwipe .lnk img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.mPromotionWr .mPromoPage {
	display:none;
}
.mPromotionWr .mPromoPage .swiper-pagination-bullet { 
	width: 8px;
	height: 8px;
	margin:0;
	background: #DBDBDB;
	opacity: 1;
}
.mPromotionWr .mPromoPage .swiper-pagination-bullet-active { 
	background: #5D5FEF;
}
.mReserveWr .mReserveSwipe { 
	overflow: hidden; 
}
.mReserveWr .mReserveSwipe .lnk { 
	position:relative; 
	display:block; 
	padding:29.15% 0 0;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-size: 0;
	overflow: hidden;
}
.mReserveWr .mReserveSwipe .lnk img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.mReserveWr .mReservePage {
	display:flex;
	justify-content:center;
	gap:10px;
	margin:16px 0 0;
	font-size: 0;
	z-index: 1;
}
.mReserveWr .mReservePage .swiper-pagination-bullet { 
	width: 8px;
	height: 8px;
	margin:0;
	background: #DBDBDB;
	opacity: 1;
}
.mReserveWr .mReservePage .swiper-pagination-bullet-active { 
	background: #5D5FEF;
}
.mContentWr {
	margin:0 0 64px;
}
/* 연속된 두 번째 mContentWr(커뮤니티)는 footer 앞이라 그룹 경계 간격 */
.mContentWr + .mContentWr {
	margin:0 0 64px;
}
.mContentWr .lst01 {
	display:flex;
	flex-wrap:nowrap;
	gap:8px;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
	cursor:grab; /* 데스크톱: 마우스 드래그로 좌우 스크롤 가능 안내 */
}
.mContentWr .lst01.isGrabbing { cursor:grabbing; }
.mContentWr .lst01.isGrabbing a { pointer-events:none; } /* 드래그 중 클릭 방지 */
.mContentWr .lst01::-webkit-scrollbar { display:none; }
.mContentWr .lst01 li {
	position:relative;
	width:160px;
	flex:0 0 auto;
}
.mContentWr .lst01 .lstLnk { 
	display:block;
}
.mContentWr .lst01 .lnkImgBox { 
	position:relative;
	display:block;
	margin:0 0 9px;
	padding:143% 0 0;
	background: #D9D9D9;
	border-radius: 15px;
	font-size: 0;
	overflow: hidden;
}
.mContentWr .lst01 .lnkImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	object-fit: cover;
	transition:all .3s ease;
}
/* 영상 컨텐츠 재생 배지(원 지름:박스폭=1:4 비율, contentAll01 .svPlayIco와 동일 톤 — 사용자요청: 재생버튼 있는지 전체 확인) */
.mContentWr .lst01 .lnkImgBox .svPlayIco{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:rgba(20,20,24,.42); box-shadow:0 4px 14px -4px rgba(0,0,0,.4); pointer-events:none; }
.mContentWr .lst01 .lnkImgBox .svPlayIco svg{ width:26px; height:26px; margin-left:2px; }
/* 홈 컨텐츠 히어로(실제 방문자가 평가한 핫플) 재생 배지 — 위와 동일 톤, 히어로 크기에 맞춰 확대 */
.mContentWr .heroBanner .svPlayIco{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:50%; background:rgba(20,20,24,.42); box-shadow:0 4px 14px -4px rgba(0,0,0,.4); pointer-events:none; }
.mContentWr .heroBanner .svPlayIco svg{ width:32px; height:32px; margin-left:2px; }
.mContentWr .lst01  .lstLnk:focus .lnkImgBox img,
.mContentWr .lst01  .lstLnk:hover .lnkImgBox img {
	width: 120%;
	height: 120%;	
}
.mContentWr .lst01 .lnkTit01 { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 39px;	
	margin:0 0 8px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #212121;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mContentWr .lst01 .lnkSnsId { 
	position:relative;
	display:block;
	padding:0 0 0 22px;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #797979;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;	
}
.mContentWr .lst01 .lnkSnsId:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 1px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.mContentWr .lst01 .lnkSnsId.stInst:before {
	background-image: url(/Form/_renew_vue/images/cttAllSns_inst01.svg);
}
.mContentWr .lst01 .lnkSnsId.stTick:before {
	background-image: url(/Form/_renew_vue/images/cttAllSns_tick01.svg);
}
.mContentWr .lst01 .lnkSnsId.stYout:before {
	background-image: url(/Form/_renew_vue/images/cttAllSns_yout01.svg);
}
.mContentWr .lst01 .lnkSnsId.stBlog:before {
	background-image: url(/Form/_renew_vue/images/cttAllSns_blog01.svg);
}
.mContentWr .lst01 .lstBm01 {
	position:absolute;
	display:block;
	width: 24px;
	height: 24px;
	top: 8px;
	right: 8px;
	background:url(/Form/_renew_vue/images/mContentBm01_off.svg) no-repeat center center;
	z-index: 1;
}
/* 북마크 탭 영역 44px (아이콘 24px는 유지, 보이지 않는 탭 영역만 확장) */
.mContentWr .lst01 .lstBm01::before {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:44px;
	height:44px;
	transform:translate(-50%,-50%);
}
.mContentWr .lst01 .lstBm01.on { 
	background-image:url(/Form/_renew_vue/images/mContentBm01_on.svg);
}
.mContentWr .cateBox02 { 
	margin:0 0 16px;
}
.mContentWr .moreLnk01 { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 100%;
	margin:24px 0 0;
	padding:10px 10px 9px;
	border:1px solid #999;
	border-radius: 10px;
	transition:all .3s ease;
}
.mContentWr .moreLnk01 span { 
	display:block;
}
.mContentWr .moreLnk01 .lnkTxt01 { 
	font-weight: 500;
	font-size: 13px;
	line-height: 1;
	color: #999;
	transition:all .3s ease;
}
.mContentWr .moreLnk01 .lnkArrow {
	position:relative;
	width: 24px;
	height: 24px;
}
.mContentWr .moreLnk01 .lnkArrow:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	left: 50%;
	margin:-5px 0 0 -7px;
	transform:rotate(45deg);
	border-top:1px solid #999;
	border-right:1px solid #999;
	transition:all .3s ease;	
}
.mContentWr .moreLnk01:focus,
.mContentWr .moreLnk01:hover { 
	border-color: #5D5FEF;
}
.mContentWr .moreLnk01:focus .lnkTxt01,
.mContentWr .moreLnk01:hover .lnkTxt01 { 
	color: #5D5FEF;
}
.mContentWr .moreLnk01:focus .lnkArrow:after,
.mContentWr .moreLnk01:hover .lnkArrow:after { 
	border-color: #5D5FEF;
}
.mContentWr .mCttMidBox01 { 
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 16px;
}
.mContentWr .mCttMidBox01 .cateBox01 {
	flex-grow:1;
	min-width: 0;
	margin:0;
	display:flex;
	gap:8px;
	align-items:center;
}
/* 커뮤니티 포스트/동행 토글 — 항공 출발지 탭(.flightDepBtn)과 동일 pill로 통일 (home 스코프) */
.mContentWr .mCttMidBox01 .cateBox01 .brdCate {
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding:0 16px;
	border:1px solid #E0E0E0;
	border-radius:1000px;
	font-size:14px;
	font-weight:500;
	color:#616161;
	background:#FFF;
	cursor:pointer;
}
.mContentWr .mCttMidBox01 .cateBox01 .brdCate.on {
	border-color:#5D5FEF;
	background:#5D5FEF;
	color:#FFF;
	font-weight:700;
}
.mContentWr .mCttCateBox01 { 
	flex-shrink:0;
	display:flex;
}
.mContentWr .mCttCateBox01 .btnCate { 
	position:relative;
	display:block;
	padding:0 11px;
	font-size: 13px;
	color: #999;
}
.mContentWr .mCttCateBox01 .btnCate:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 13px;
	top: 2px;
	right: 0;
	background: #666;
}
.mContentWr .mCttCateBox01 .btnCate.on { 
	font-weight: 700;
	color: #212121;
}
.mContentWr .mCttCateBox01 .btnCate:last-child:after {
	display:none;
}
/* 정렬(최신/인기) 탭 영역 44px (인접 버튼과 겹치지 않게 세로만 확장) */
.mContentWr .mCttCateBox01 .btnCate::before {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	right:0;
	height:44px;
	transform:translateY(-50%);
}
.mComSwipe01 .swiper-slide {
	width: 242px;
}
.mComSwipe01 .lnk01 { 
	display:block;
}
.mComSwipe01 .lnk01 .lnkImg { 
	position:relative;
	display:block;
	padding:64.46% 0 0;
	border-radius: 12px 12px 0 0;
	font-size: 0;
	overflow: hidden;
}
.mComSwipe01 .lnk01 .lnkImg img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.mComSwipe01 .lnk01 .lnkPer01 { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 40px;
	height: 40px;
	top: 14px;
	right: 14px;
	background: #5D5FEF;
	border-radius: 50%;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	line-height: 1;
	color: #FFF;
	text-align: center;
}
.mComSwipe01 .lnk01 .lnkConBox { 
	display:block;
	padding:12px 16px 16px;
	border:1px solid #F0F0F0;
	border-radius: 0 0 12px 12px;
}
.mComSwipe01 .lnk01 .lnkTit01,
.mComSwipe01 .lnk01 .lnkTxt01 { 
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.mComSwipe01 .lnk01 .lnkTit01 { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #212121;
}
.mComSwipe01 .lnk01 .lnkTxt01 { 
	font-size: 13px;
	letter-spacing: -.18px;
	color: #666;
}
.mComSwipe01 .lnk01 .numBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:11px 0 0;
}
.mComSwipe01 .lnk01 .numBox .numLbox { 
	display:flex;
	align-items:center;
	gap:6px;
}
.mComSwipe01 .lnk01 .numBox .star { 
	position:relative; 
	display:block;
	padding:0 0 0 22px;
	font-weight: 700;
	font-size: 14px;
	color: #424242;
}
.mComSwipe01 .lnk01 .numBox .star:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 1px;
	left: 0;
	background: url(/Form/_renew_vue/images/mPdcSwipeStar01.svg) no-repeat center / cover;
}
.mComSwipe01 .lnk01 .numBox .star .gTxt01 { 
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 7px;
	padding:1px 0 0;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: -.18px;
	color: #797979;
}
.mComSwipe01 .lnk01 .numBox .salePrc { 
	display:inline-block;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #666;
	text-decoration:line-through;
}
.mComSwipe01 .lnk01 .numBox .per { 
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.18px;
	color: #E2502B;
}
.mComSwipe01 .lnk01 .originPrc01 { 
	display:block;
	margin:9px 0 0;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.18px;
	color: #212121;
}
.mComSwipe01 .lnk02 { 
	display:block;
	margin:12px 0 0;
	padding:12px 10px 11px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #424242;
	transition:all .3s ease;
}
.mComSwipe01 .lnk02:focus,
.mComSwipe01 .lnk02:hover { 
	background: #5D5FEF;
	color: #FFF;
}
.mImgBnrWr {
	margin:0 0 64px;
}
.mImgBnrWr .mImgBnrSwipe { 
	overflow: hidden;
}
.mImgBnrWr .swiper-slide {
	position:relative;
	height: 96px;
	background: #EDEDED;
	border-radius: 15px;
	overflow: hidden;
	font-size: 0;
}
.mImgBnrWr .swiper-slide img { 
	position:absolute;
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
/* 메인 끝
------------------------------------------------------ */
/* 일정 시작
------------------------------------------------------ */
/* 여행이 하나도 없을 때 — 문구만(사용자요청 2026-08-12).
   예전엔 보라 일러스트 + 회색 배경 + 전용 [직접 일정 만들기] 버튼이었는데,
   여행이 쌓인 뒤 화면(흰 배경·흰 카드·검정 버튼)과 톤이 끊겨서 그림·배경·버튼을 전부 뺐다.
   높이는 [일정 추가하기] 카드(56px + 위 여백 16px)를 뺀 나머지를 채워 문구가 가운데에 오게 한다. */
.schduleWr .noSchduleBox01 {
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	width: 100%;
	min-height: calc(100vh - 300px);
	padding: 0 32px 40px;
	text-align: center;
}
.schduleWr .noSchduleBox01 .txt01 {
	margin:0;
	font-weight: 800;
	font-size: 18px;
	letter-spacing: -.4px;
	color: #17181D;
}
.schduleWr .noSchduleBox01 .txt02 {
	margin:11px 0 0;
	font-size: 14px;
	line-height: 1.6;
	color: #797979;
}
.schduleWr .noSchduleBox01 .lnk01 { 
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	padding:11px 15px 12px;
	background: #212121;
	border-radius: 10px;
}
.schduleWr .noSchduleBox01 .lnk01 span {
	display:block; 
}
.schduleWr .noSchduleBox01 .lnk01 .lnkIco { 
	width: 20px;
	font-size: 0; 
}
.schduleWr .noSchduleBox01 .lnk01 .lnkIco img { 
	max-width: 100%; 
}
.schduleWr .noSchduleBox01 .lnk01 .lnkTxt { 
	font-weight: 700; 
	font-size: 16px;
	color: #FFF;
}
.schduleWr .makeSchduleBox {
	padding:24px 16px;
	border-bottom:1px solid #E0E0E0;
}
.schduleWr .makeSchduleBox .lnk { 
	display:flex;
	align-items:center; 
	gap:16px;
	width: 100%;
	padding:16px 20px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.schduleWr .makeSchduleBox .lnk span { 
	display:block;
}
.schduleWr .makeSchduleBox .lnk .lnkImgBox,
.schduleWr .makeSchduleBox .lnk .lnkArrow {
	flex-shrink:0;
	font-size: 0;
}
.schduleWr .makeSchduleBox .lnk .lnkImgBox img,
.schduleWr .makeSchduleBox .lnk .lnkArrow img { 
	max-width: 100%; 
}
.schduleWr .makeSchduleBox .lnk .lnkConBox { 
	flex-grow:1;
	min-width: 0;
}
.schduleWr .makeSchduleBox .lnk .lnkTit01 { 
	margin:0 0 8px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -.18px;
	color: #212121;
}
.schduleWr .makeSchduleBox .lnk .lnkTxt01 { 
	font-size: 15px;
	letter-spacing: -.18px;
	color: #666;
}
.schduleWr .schduleLstBox01 { 
	padding:20px 16px; 
	border-top:8px solid #F5F5F5;
}
.schduleWr .schduleLstBox01 .tit01 { 
	margin:0 0 10px;
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.schduleWr .schduleLstBox01 .lst01 + .tit01 { 
	margin-top:20px;
}
.schduleWr .schduleLstBox01 .lst01 li { 
	display:flex;
	align-items:center;
	gap:12px;
	margin:0 0 12px;
	padding:20px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.schduleWr .schduleLstBox01 .lst01 li:last-child { 
	margin:0;
}
.schduleWr .schduleLstBox01 .lst01 .lstImgBox { 
	flex-shrink:0;
	position:relative;
	width: 92px;
	height: 92px;
	background: #F8F0FF;
	border:2px solid #F0F0F0;
	border-radius: 50%;
	overflow: hidden;
}
.schduleWr .schduleLstBox01 .lst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.schduleWr .schduleLstBox01 .lst01 .lstConBox { 
	flex-grow:1; 
}
.schduleWr .schduleLstBox01 .lst01 li .lstConBox { 
	max-width: calc(100% - 140px);
}
.schduleWr .schduleLstBox01 .lst01 li.on .lstConBox { 
	max-width: calc(100% - 192px);
}
.schduleWr .schduleLstBox01 .lst01 .lstTit01 { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.schduleWr .schduleLstBox01 .lst01 .lstTxt01,
.schduleWr .schduleLstBox01 .lst01 .lstDate01 { 
	font-size: 15px;
	color: #797979;
}
.schduleWr .schduleLstBox01 .lst01 .lstTxt01 {
	margin:0 0 8px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.schduleWr .schduleLstBox01 .lst01 .lstMemberBox {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}
.schduleWr .schduleLstBox01 .lst01 .lstMemberBox .memberItem {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px 2px 2px;
	background: #fff9f3;
	border-radius: 16px;
}
.schduleWr .schduleLstBox01 .lst01 .lstMemberBox .memberThumb {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #e0d4f7;
	border-radius: 50%;
	overflow: hidden;
	background: #f0f0f0;
}
.schduleWr .schduleLstBox01 .lst01 .lstMemberBox .memberThumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.schduleWr .schduleLstBox01 .lst01 .lstMemberBox .memberName {
	font-size: 12px;
	font-weight: 500;
	color: #565454;
	white-space: nowrap;
}
.schduleWr .schduleLstBox01 .lst01 .lstMemberBox .memberMore {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	background: #5D5FEF;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	border-radius: 16px;
}
.schduleWr .schduleLstBox01 .lst01 .lstBtnBox { 
	flex-shrink:0;
	font-size: 0;
}
.schduleWr .schduleLstBox01 .lst01 .lstBtnBox .editOn { 
	position:relative; 
	display:block;
	width: 24px;
	height: 24px;
}
.schduleWr .schduleLstBox01 .lst01 .lstBtnBox .editOn:before,
.schduleWr .schduleLstBox01 .lst01 .lstBtnBox .editOn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 4px;
	top: 50%;
	margin:-2px 0 0;
	background: #999;
	border-radius: 50%;
}
.schduleWr .schduleLstBox01 .lst01 .lstBtnBox .editOn:before { 
	left: 3px;
}
.schduleWr .schduleLstBox01 .lst01 .lstBtnBox .editOn:after { 
	right: 3px;
}
.schduleWr .schduleLstBox01 .lst01 .lstBtnBox .editOn span {
	position:absolute;
	display:block;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 50%;
	margin:-2px 0 0 -2px;
	background: #999;
	border-radius: 50%;
}
.schduleWr .schduleLstBox01 .lst01 .lstBtnBox .editOn.stOff { 
	display:none;
}
.schduleWr .schduleLstBox01 .lst01 .editBtnBox { 
	display:flex;
	gap:8px;
}
.schduleWr .schduleLstBox01 .lst01 .editBtnBox .btnEdit { 
	display:block; 
	width: 20px;
}
.schduleWr .schduleLstBox01 .lst01 .editBtnBox .btnEdit img { 
	max-width: 100%; 
}
.schduleWr .schduleLstBox01 .lst01 .editBtnBox.stOff { 
	display:none;
}
.schduleWr .schduleLstBox02 {
	padding:0;
}
.schduleWr .schduleLstBox02 .cateFixedBox {
	position: sticky;
	top: 75px;
	margin:0 0 16px;
	padding:0 0 12px;
	background: #FFF;
	z-index: 30;
}
/* 해외/국내 = 가운데정렬 세그먼트 버튼(explore01 [컨텐츠/장소] .hpTabSeg와 동일 스타일, 강조=보라) */
.schduleWr .schduleLstBox02 .cateBox01 {
	display:flex;
	gap:2px;
	width:fit-content;
	margin:0 auto 12px;
	padding:3px;
	background:#F3F4F7;
	border-radius:11px;
	z-index: 40;
}
.schduleWr .schduleLstBox02 .cateBox01 .btnCate {
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:120px;
	padding:8px 28px;
	border:0;
	border-radius:9px;
	background:none;
	font-weight: 700;
	font-size: 15px;
	color: #8A8F9C;
}
.schduleWr .schduleLstBox02 .cateBox01 .btnCate.on {
	background:#fff;
	box-shadow:0 1px 3px rgba(20,24,45,.10);
	font-weight: 700;
	color: #5D5FEF;
}
.schduleWr .schduleLstBox02 .cateBox02 {
	display:flex;
	gap:12px;
	background: #FFF;
	overflow-x:auto;
	scrollbar-width:thin;
}
.schduleWr .schduleLstBox02 .cateSwiperBox01 .swiper-slide { 
	width: auto;
}
.schduleWr .schduleLstBox02 .cateBox02:empty,
.schduleWr .schduleLstBox02 .cateSwiperBox01:empty { 
	display:none;
}
.schduleWr .schduleLstBox02 .cateBox02 .btnCate,
.schduleWr .schduleLstBox02 .cateSwiperBox01 .btnCate { 
	flex-shrink:0;
	display:block;
	min-width: 54px;
	padding:7px;
	border:1px solid #F0F0F0;
	border-radius: 999px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #999;
}
.schduleWr .schduleLstBox02 .cateBox02 .btnCate.on,
.schduleWr .schduleLstBox02 .cateSwiperBox01 .btnCate.on {
	background: #5D5FEF;
	border-color: #5D5FEF;
	color: #FFF;
}
.schduleWr .schduleLstBox02 .lst01 li {
	display:flex;
	align-items:center;
	gap:12px;
	margin:0 0 16px;
}
.schduleWr .schduleLstBox02 .lst01 li:last-child { 
	margin:0;
}
.schduleWr .schduleLstBox02 .lst01 .lstImgBox { 
	flex-shrink:0;
	position:relative; 
	width: 58px;
	height: 58px;
	background: #F8F0FF;
	border-radius: 10px;
	font-size: 0;
	overflow: hidden;
}
.schduleWr .schduleLstBox02 .lst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.schduleWr .schduleLstBox02 .lst01 .lstConBox { 
	flex-grow:1;
	max-width: calc(100% - 138px);
}
.schduleWr .schduleLstBox02 .lst01 .lstTit01,
.schduleWr .schduleLstBox02 .lst01 .lstTxt01 { 
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden; 
}
.schduleWr .schduleLstBox02 .lst01 .lstTit01 { 
	margin:0 0 8px;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.schduleWr .schduleLstBox02 .lst01 .lstTxt01 { 
	font-size: 14px;
	color: #797979; 
}
.schduleWr .schduleLstBox02 .lst01 .lstBtn {
	flex-shrink:0;
	display:block;
	width: 56px;
	padding:7px 7px 6px;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-size: 15px;
	text-align: center;
	color: #666;
}
.schduleWr .schduleLstBox02 .lst01 .lstBtn.on { 
	background: #5D5FEF;
	border-color:#5D5FEF;
	color: #FFF;
}
.schduleWr .schduleLstBox02 .btmFixedBox01 {
	/* fixed → sticky: 스크롤 컨테이너(.wrapper) 안의 position:fixed 자식이 모바일 웹뷰에서 스크롤을 따라 움직이는 버그 회피.
	   sticky는 스크롤 컨테이너 기준으로 안정적으로 하단 고정됨(브라우저·웹뷰 모두). 목록 맨 아래 요소라 항상 뷰포트 하단에 붙음. */
	position: sticky;
	bottom: 0;
	width: 100%;
	max-width: 430px;
	margin: 0 auto;
	padding:16px;
	padding-bottom: calc(16px + env(safe-area-inset-bottom));
	background: #FFF;
	border-top:1px solid #F0F0F0;
	box-shadow:0 -2px 4px rgba(0,0,0,.08);
	z-index: 30;   /* 스크롤되는 국가행(.natRow z-index:20) 위에 그려지도록 — 아니면 하단 버튼이 행 뒤에 가려짐 */
}
.schduleWr .schduleLstBox02 .btmFixedBox01 .selectedLst01 {
	display:flex;
	gap:12px;
	margin:0 0 10px;
	overflow-x:auto;
	scrollbar-width:thin;
}
.schduleWr .schduleLstBox02 .btmFixedBox01 .selectedLst01 li {
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:10px;
	border:1px solid #F0F0F0;
	border-radius: 999px;
	min-width: 126px;
}
.schduleWr .schduleLstBox02 .btmFixedBox01 .selectedLst01 .lstImgBox {
	position:relative;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	overflow: hidden;
}
.schduleWr .schduleLstBox02 .btmFixedBox01 .selectedLst01 .lstImgBox img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.schduleWr .schduleLstBox02 .btmFixedBox01 .selectedLst01 .lstTxt01 {
	font-weight: 500;
	font-size:15px;
	color: #212121;
}
.schduleWr .schduleLstBox02 .btmFixedBox01 .selectedLst01 .lstDel {
	flex-shrink:0;
	position:relative;
	display:block;
	width: 14px;
	height: 14px;
	background: #424242;
	border-radius: 50%;
}
.schduleWr .schduleLstBox02 .btmFixedBox01 .selectedLst01 .lstDel:before,
.schduleWr .schduleLstBox02 .btmFixedBox01 .selectedLst01 .lstDel:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 6px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -3px;
	background: #FFF;
	border-radius: 4px;
}
.schduleWr .schduleLstBox02 .btmFixedBox01 .selectedLst01 .lstDel:before {
	transform:rotate(45deg);
}
.schduleWr .schduleLstBox02 .btmFixedBox01 .selectedLst01 .lstDel:after {
	transform:rotate(-45deg);
}
.schduleWr .schduleLstBox02 .btmFixedBox01 .selectedLst01.stOff {
	display:none;
}
.schduleWr .schduleLstBox02 .btmFixedBox01 .btn {
	display:block;
	width: 100%;
	padding:16px 16px 15px;
	background: #DBDBDB;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #666;
}
.schduleWr .schduleLstBox02 .btmFixedBox01 .btn.on {
	background: #5D5FEF;
	color: #FFF;
}
.schduleWr .schduleIntroBox {
	padding: 16px 0 0;
	text-align: center;
}
.schduleWr .schduleIntroBox .imgBox {
	width: 94px;
	margin: 0 auto 20px;
	font-size: 0;
}
.schduleWr .schduleIntroBox .imgBox img {
	max-width: 100%;
}
.schduleWr .schduleIntroBox .crsLst01 { 
	display:flex;
	justify-content:center;
	gap:24px;
	margin:0 0 21px;
}
.schduleWr .schduleIntroBox .crsLst01 li { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 18px;
	height: 18px;
	background: #DBDBDB;
	border-radius: 50%;
	font-weight: 500;
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0;
	color: #FFF;
	text-align: center;
}
.schduleWr .schduleIntroBox .crsLst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 1px;
	top: 50%;
	left: 100%;
	background:url(/Form/_renew_vue/images/scheduleCrsLine01.svg) repeat-x;
}
.schduleWr .schduleIntroBox .crsLst01 li.on { 
	background: #5D5FEF;
}
.schduleWr .schduleIntroBox .crsLst01 li:last-child:after { 
	display:none;
}
.schduleWr .schduleIntroBox .txt01 {
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.schduleWr .schduleIntroBox .txt02 { 
	font-size: 16px;
	line-height: 1.4;
	color: #424242;
}
.schduleWr .schduleIntroBox .txt01 + .txt02 {
	margin-top:21px;
}
.schduleWr .schduleIntroBox .txt03 { 
	font-size: 16px;
	color: #797979;
}
.schduleWr .schduleIntroBox .txt01 + .txt03 {
	margin-top:7px;
}
.schduleWr .schduleFixedBox {
	position: sticky;
	top: 0;
	padding: 16px 0;
	background: #FFF;
	z-index: 50;
}
.schduleWr .schduleFixedBox .schBox01 {
	position: relative;
}
.schduleWr .schduleFixedBox .schBox01 .ipt {
	display: block;
	width: 100%;
	padding: 13px 40px 12px 15px;
	border: 1px solid #F0F0F0;
	border-radius: 10px;
	color: #424242;
}
.schduleWr .schduleFixedBox .schBox01 .ipt::placeholder {
	color: #999;
}
.schduleWr .schduleFixedBox .schBox01 .btn {
	position: absolute;
	display: block;
	width: 20px;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	font-size: 0;
}
.schduleWr .schduleFixedBox .schBox01 .btn img {
	max-width: 100%;
}
.schduleWr .schduleFixedBox .schBox02 { 
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px 15px 11px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.schduleWr .schduleFixedBox .schBox02 .ipt01 { 
	flex-grow:1;
	font-size: 14px;
	color: #212121;
}
.schduleWr .schduleFixedBox .schBox02 .ipt::placeholder { 
	color: #999;
}
.schduleWr .schduleFixedBox .schBox02 .btn { 
	flex-shrink:0;
	display:block;
	font-size: 0;
}
.schduleWr .calendar {	
	margin:23px 0 0;
}
.schduleWr .calendar .fc-toolbar { 
	margin:0;
}
.schduleWr .calendar .fc-header-toolbar .fc-toolbar-chunk {
	width: 100%; 
}
.schduleWr .calendar .fc-header-toolbar .fc-toolbar-chunk:first-child,
.schduleWr .calendar .fc-header-toolbar .fc-toolbar-chunk:last-child { 
	display:none;
}
.schduleWr .calendar .fc-header-toolbar .fc-toolbar-chunk > div { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin:0 0 24px;
}
.schduleWr .calendar .fc-button .fc-icon { 
	display:none;
}
.schduleWr .calendar .fc-button { 
	width: 20px;	
	height: 20px;	
	padding:0;
}
.schduleWr .calendar .fc-button-primary {
	position:relative;
	background:#FFF;
	border:none;
}
.schduleWr .calendar .fc-button-primary:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.schduleWr .calendar .fc-button-primary.fc-prev-button:before { 
	margin:-5px 0 0 -3px;
	transform:rotate(-135deg);
}
.schduleWr .calendar .fc-button-primary.fc-next-button:before { 
	margin:-5px 0 0 -8px;
	transform:rotate(45deg);
}
.schduleWr .calendar .fc-toolbar-title { 
	position:relative;
	padding:0 0 0 24px;
	font-weight: 700; 
	font-size: 16px;
	color: #424242;
}
.schduleWr .calendar .fc-toolbar-title:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/scheduleCalendar01.svg) no-repeat;
	background-size:cover;
}
.schduleWr .calendar .fc-scrollgrid { 
	border-top:none;
	border-left:none;
}
.schduleWr .calendar th,
.schduleWr .calendar td { 
	border-right:none;
}
.schduleWr .calendar thead { 
	background: #FAFAFF;
}
.schduleWr .calendar thead th {	
	padding:0;
	border-top-width:1px;
	border-top-style:solid;
	border-color:#F2ECF6;
} 
.schduleWr .calendar .fc-col-header-cell-cushion { 
	width: 100%;
	padding:11px;
}
.schduleWr .calendar th {
	border-left:none;
	font-weight: 400;
	font-size: 14px;
	color: #373737;
}
.schduleWr .calendar td { 
	border-left:none;
	text-align: center;
	border-bottom-width:1px;
	border-bottom-color:#EDEDED;
}
.schduleWr .calendar  .fc-daygrid-day-top { 
	justify-content:center;
}
.schduleWr .calendar .fc-daygrid-day-number {
	padding:23px 2px 22px;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.schduleWr .calendar .fc-daygrid-body-unbalanced .fc-daygrid-day-events { 
	display:none;
}
.schduleWr .calendar .fc-day-sun,
.schduleWr .calendar .fc-day-sun .fc-daygrid-day-number { 
	color: #F44336; 
}
.schduleWr .calendar .fc-day-sat,
.schduleWr .calendar .fc-day-sat .fc-daygrid-day-number { 
	color: #2196F3; 
}
.schduleWr .calendar .fc-daygrid-day.fc-day-today { 
	background: transparent; 
}
.schduleWr .calendar .date-selected-start .fc-daygrid-day-frame,
.schduleWr .calendar .date-selected-end .fc-daygrid-day-frame {
	position:relative;
}
.schduleWr .calendar .date-selected-start .fc-daygrid-day-frame:before,
.schduleWr .calendar .date-selected-end .fc-daygrid-day-frame:before,
.schduleWr .calendar .date-selected-start .fc-daygrid-day-frame:after,
.schduleWr .calendar .date-selected-end .fc-daygrid-day-frame:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	z-index: 10;
}
.schduleWr .calendar .date-selected-start .fc-daygrid-day-frame:before,
.schduleWr .calendar .date-selected-end .fc-daygrid-day-frame:before { 
	width: 50%;
	height: 28px;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	background: #EEEEFF;
	z-index: 20;
}
.schduleWr .calendar .date-selected-start .fc-daygrid-day-frame:before { 
	left: 50%; 
}
.schduleWr .calendar .date-selected-end .fc-daygrid-day-frame:before {
	left: 0;
	right: auto;
}
.schduleWr .calendar .date-selected-start .fc-daygrid-day-frame:after,
.schduleWr .calendar .date-selected-end .fc-daygrid-day-frame:after {
	width: 36px;
	height: 36px;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	background: #5D5FEF;
	border-radius: 50%;
	z-index: 30;
}
.schduleWr .calendar .date-selected-start .fc-daygrid-day-frame > *,
.schduleWr .calendar .date-selected-end .fc-daygrid-day-frame > * { 
	position:relative; 
	z-index: 1;
}
.schduleWr .calendar .date-selected-start .fc-daygrid-day-frame .fc-daygrid-day-number,
.schduleWr .calendar .date-selected-end .fc-daygrid-day-frame .fc-daygrid-day-number {
	color: #FFF;
}
.schduleWr .calendar .date-in-range .fc-daygrid-day-frame {
	position:relative;
}
.schduleWr .calendar .date-in-range .fc-daygrid-day-frame:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 28px;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	background: #EEEEFF;
	z-index: 15;
}
.schduleWr .calendar .date-in-range .fc-daygrid-day-frame > * {
	position:relative;
	z-index: 1;
}
/* 주 경계 둥근 처리 - 토요일(주 끝) */
.schduleWr .calendar .date-range-week-end .fc-daygrid-day-frame:before {
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}
/* 주 경계 둥근 처리 - 일요일(주 시작) */
.schduleWr .calendar .date-range-week-start .fc-daygrid-day-frame:before {
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}
/*.schduleWr .calendar .fc-day-past .fc-daygrid-day-number {
	color: #CCC !important;
	opacity: 0.5;
}*/
.schduleWr .schdTit01 { 
	margin:0 0 9px;
	font-weight: 500;
	font-size: 15px;
	color: #424242;
}
.schduleWr * + .schdTit01 { 
	margin-top:38px;
}
.schduleWr .schdCateBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.schduleWr .schdCateBox01 .schdCate { 
	display:block;
	padding:7px 14px;
	border:1px solid #F0F0F0;
	border-radius: 999px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #999;
}
.schduleWr .schdCateBox01 .schdCate.on {
	background: #F1F2F4;
	border-color: #BCBCC6;
	color: #212121;
}
.schduleWr .schdBtmBox01 {
	position:fixed;
	width: 100%;
	max-width: 430px;
	bottom: 0;
	left: 50%;
	padding:16px;
	transform:translateX(-50%);
	background: #FFF;
	text-align: center;
	z-index: 1;
}
.schduleWr .schdBtmBox01 .lnk01 { 
	display:inline-block;
	margin:0 0 13px;
	font-weight: 500;
	font-size: 15px;
	color: #424242;
}
.schduleWr .schdBtmBox01 .btn { 
	display:block; 
	width: 100%;
	padding:16px 16px 15px;
	background: #E0E0E0;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 15px;
	color: #999;	
	cursor: not-allowed;
}
.schduleWr .schdBtmBox01 .btn.on {
	background: #5D5FEF;
	color: #FFF;
	cursor: pointer;
}
.schduleWr.stHasBtm01 {
	padding-bottom:120px;
}
/* 일정 끝
------------------------------------------------------ */
/* 여행 일정 만들기(schedule02) 시작
------------------------------------------------------ */
.schedule02Wr {
	/* 옛 fixed 버튼용 하단 여백 제거 — sticky 버튼은 흐름에 있어 스스로 하단을 차지(패딩 있으면 버튼 아래 빈 공백). */
	padding-bottom:0;
}
/* 여행 일정 만들기(schedule02) 끝
------------------------------------------------------ */
/* 여행 일정 만들기(schedule05) 시작
------------------------------------------------------ */
.schedule05Wr {  
	height: 100vh;
	padding-bottom:0;
	overflow-y:auto;
}
.schedule05Wr .subComWr { 
	padding-top:0;
}
.schedule05Wr .makeTopBox {
	padding:24px 0;
	background: #FFF;
	border-bottom:1px solid #F0F0F0;
}
.schedule05Wr .makeTopBox .editBox {
	margin:0 0 16px;
	padding:16px 20px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.schedule05Wr .makeTopBox .editBox .topBox { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:.5em;
	margin:0 0 8px;
}
.schedule05Wr .makeTopBox .editBox .txtBox { 
	flex-grow:1; 
}
.schedule05Wr .makeTopBox .editBox .tit01 {
	margin:0 0 8px;
	font-weight: 700;
	font-size: 22px;
	letter-spacing: -.3px;
	color: #212121;
}
.schedule05Wr .makeTopBox .editBox .date01 { 
	font-size: 15px;
	letter-spacing: -.18px;
	color: #666;
}
.schedule05Wr .makeTopBox .editBox .lnk01 { 
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:9px 14px 8px;
	background: #5D5FEF;
	border-radius: 1000px;
}
.schedule05Wr .makeTopBox .editBox .lnk01 span { 
	display:block;
}
.schedule05Wr .makeTopBox .editBox .lnk01 .lnkIco { 
	width: 18px;
	font-size: 0;
}
.schedule05Wr .makeTopBox .editBox .lnk01 .lnkIco img { 
	max-width: 100%; 
}
.schedule05Wr .makeTopBox .editBox .lnk01 .lnkTxt { 
	font-weight: 500;
	font-size: 15px;
	color: #FFF;
}
.schedule05Wr .makeTopBox .editBox .txt01 {
	font-size: 14px;
	color: #424242;
	word-break:break-all;
}
/* 날짜 아래 여행 스타일 줄 — 하늘색(#5D97EF) → 회색(사용자요청 2026-08-13). 하늘색으로 되돌리지 말 것 */
.schedule05Wr .makeTopBox .editBox .optLnk01 {
	display:block;
	font-size: 14px;
	color: #8A8F9C;
	word-break:break-all;
}
.schedule05Wr .makeTopBox .editBox .lstMemberBox {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}
.schedule05Wr .makeTopBox .editBox .lstMemberBox .memberItem {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px 2px 2px;
	background: #F4ECE5;
	border-radius: 16px;
}
.schedule05Wr .makeTopBox .editBox .lstMemberBox .memberThumb {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #e0d4f7;
	border-radius: 50%;
	overflow: hidden;
}
.schedule05Wr .makeTopBox .editBox .lstMemberBox .memberThumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.schedule05Wr .makeTopBox .editBox .lstMemberBox .memberName {
	font-size: 12px;
	font-weight: 500;
	color: #6c5c4b;
	white-space: nowrap;
}
.schedule05Wr .makeTopBox .editBox .lstMemberBox .memberMore {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	background: #5D5FEF;
	border-radius: 16px;
	font-size: 12px;
	font-weight: 500;
	color: #FFF;
}
.schedule05Wr .makeTopBox .togetherLnk { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	width: 100%;
	margin:0 0 12px;
	padding:11px;
	background: #5D5FEF;
	border-radius: 10px;
}
.schedule05Wr .makeTopBox .togetherLnk span { 
	display:block; 
}
.schedule05Wr .makeTopBox .togetherLnk .plus { 
	position:relative;
	width: 12px;
	height: 12px;
}
.schedule05Wr .makeTopBox .togetherLnk .plus:before,
.schedule05Wr .makeTopBox .togetherLnk .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #FFF;
	border-radius: 4px;
}
.schedule05Wr .makeTopBox .togetherLnk .plus:before { 
	width: 100%;
	height: 2px;
}
.schedule05Wr .makeTopBox .togetherLnk .plus:after { 
	width: 2px;
	height: 100%;
}
.schedule05Wr .makeTopBox .togetherLnk .lnkTxt { 
	font-weight: 500;
	font-size: 14px;
	color: #FFF;
}
.schedule05Wr .makeTopBox .cateBox01 {
	display:flex;
	gap:8px;   /* 칩 사이 여백(8 → 12 → 14 → 다시 8px). 칩이 5개가 되면서 줄이 좁아져 되돌림(사용자요청 2026-08-11) */
	/* 왼쪽부터 같은 간격으로 붙여 정렬.
	   ※ 예전엔 칩이 4개라 space-between 으로 카드 폭을 채웠는데, [일행과 일정짜기]가
	     여행 카드 안으로 옮겨가며 3개가 되자 남는 공간이 칩 사이로 벌어져 어색해졌다.
	     칩 개수가 바뀌어도 간격이 일정하도록 flex-start 고정(2026-08-10). */
	justify-content:flex-start;
	overflow-x:auto;
	scrollbar-width:none;
	-ms-overflow-style:none;
}
.schedule05Wr .makeTopBox .cateBox01::-webkit-scrollbar { display:none; }
.schedule05Wr .makeTopBox .cateBox01 .btnCate {
	flex-shrink:0;
	position:relative;
	display:flex;
	align-items:center;   /* 텍스트 세로 중앙 — button(항공편·숙소)/a(체크리스트·일행) 렌더 차이로 상하 어긋나던 것 통일(사용자요청) */
	height:34px;          /* 칩 5개(일정 함께 짜기 포함)라 조금 더 줄여 [일정 함께 짜기]가 더 보이게(사용자요청 2026-08-11, 38→34px) */
	padding:0 10px 0 24px; /* 좌우 여백도 같이 줄임(28/12 → 24/10) */
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 13px;   /* 칩 글자 크기도 살짝 축소(14 → 13px, 사용자요청 2026-08-11) */
	color: #212121;
	white-space: nowrap;  /* 긴 라벨이 2줄로 줄바꿈되어 상하 높이가 커지지 않게 — 칩 높이 동일 유지(사용자요청) */
}
.schedule05Wr .makeTopBox .cateBox01 .btnCate:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 50%;
	transform: translateY(-50%);   /* 아이콘도 세로 중앙 — 고정높이 칩에서 텍스트와 정렬 */
	left: 6px;
	background-repeat:no-repeat;
	background-size:cover;
}
.schedule05Wr .makeTopBox .cateBox01 .btnCate.stPlus01:before { 
	background-image: url(/Form/_renew_vue/images/schd05Cate01_plus01.svg); 
}
.schedule05Wr .makeTopBox .cateBox01 .btnCate.stChk01:before { 
	background-image: url(/Form/_renew_vue/images/schd05Cate01_chk01.svg);
}
.schedule05Wr .makeTopBox .cateBox01 .btnCate.stNote01:before {
	background-image: url(/Form/_renew_vue/images/schd05Cate01_note01.svg);
}
/* [예약서류] 칩 아이콘 — 서류/티켓 모양. 다른 기본칩(항공편·체크리스트)과 같은 회색 톤(#666).
   _mock_reserve_docs.html 목업 적용(2026-08-10). */
/* [일정 함께 짜기] 칩 — 검정 배경 + 흰 글씨/아이콘(사용자요청 2026-08-11).
   여행 카드 안 줄에서 다시 칩으로 돌아온 것. 크기·굵기는 다른 칩과 동일하고 색만 다르다. */
.schedule05Wr .makeTopBox .cateBox01 .btnCate.stWith01 {
	background: #20212A;
	border-color: #20212A;
	color: #FFF;
}
.schedule05Wr .makeTopBox .cateBox01 .btnCate.stWith01:active {
	background: #000;
	border-color: #000;
}
.schedule05Wr .makeTopBox .cateBox01 .btnCate.stWith01:before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23FFFFFF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='9'%20cy='8'%20r='3.1'/%3E%3Cpath%20d='M3.6%2019a5.4%205.4%200%200%201%2010.8%200'/%3E%3Cpath%20d='M16.4%206.3a3.1%203.1%200%200%201%200%206'/%3E%3Cpath%20d='M17.7%2014.2c2.1.5%203.8%202.1%203.8%204.8'/%3E%3C/svg%3E");
}
.schedule05Wr .makeTopBox .cateBox01 .btnCate.stDoc01:before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23666666'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%203h10a1%201%200%200%201%201%201v16l-2.5-1.5L13%2020l-2.5-1.5L8%2020l-2.5-1.5L5%2020V4a1%201%200%200%201%201-1z'/%3E%3Cpath%20d='M8.5%208h7M8.5%2011.5h7M8.5%2015h4'/%3E%3C/svg%3E");
}
.schedule05Wr .makeMapBox { 
	margin:0 0 22px;
}
.schedule05Wr .mapToggleBox {	
	position: sticky;
	top: 0;
	z-index: 30;
}
.schedule05Wr .mapToggleBox .mapToggle {
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:4px;
	width: 100%;
	padding:9px;
	background: #FFF;
	border-bottom:1px solid #F0F0F0;
}
.schedule05Wr .mapToggleBox .mapToggle span {
	display:block;
}
.schedule05Wr .mapToggleBox .mapToggle .arrow {
	position:relative; 
	width: 18px;
	height: 18px;
}
.schedule05Wr .mapToggleBox .mapToggle .arrow:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 50%;
	left: 50%;
	margin:-2px 0 0 -5px;
	border-top:6px solid #374957;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	transition:all .3s ease;
}
.schedule05Wr .mapToggleBox .mapToggle .btnTxt {
	font-weight: 500;
	font-size: 13px;
	color: #212121;
}
.schedule05Wr .mapToggleBox .mapToggle.on .arrow:before {
	margin:-3px 0 0 -5px;
	transform:rotate(180deg);
}
.schedule05Wr .makeMapBox .mapBox {
	position:relative;
	/* display:none; */
	padding:70% 0 0;
	font-size: 0;
	overflow: hidden;
}
.schedule05Wr .makeMapBox .mapBox .mapView { 
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #F0F0F0;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.schedule05Wr .makeMapBox .mapBox .mapDaySel { 
	position:absolute;
	display:block;
	top: 14px;
	left: 16px;
	padding:8px 35px 8px 12px;
	appearance: none;
	background:#FFF url(/Form/_renew_vue/images/schd05Sel01.svg) no-repeat right 11px center;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
	font-size: 14px;
	color: #212121;
	z-index: 1;
}
.schedule05Wr .makeMapBox .mapDayInfo {
	padding:17px 19px;
	background: #FFF;
	border-bottom:1px solid #F0F0F0;
}
.schedule05Wr .makeMapBox .mapDayInfo .clr01 {
	font-weight: 700;
	font-size: 18px;
	color: #000;
}
.schedule05Wr .makeMapBox .mapDayInfo .clr02 {
	margin-left: 6px;
	font-weight: 400;
	font-size: 14px;
	color: #797979;
}
.schedule05Wr .schduleLstBox01 .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 15px;
}
.schedule05Wr .schduleLstBox01 .topBox .tit01 { 
	font-weight: 700; 
	font-size: 16px;
	color: #212121;
}
.schedule05Wr .schduleLstBox01 .topBox .lnk01 { 
	position:relative; 
	display:block;
	padding:0 0 0 26px;
	font-size: 14px;
	color: #666;
}
.schedule05Wr .schduleLstBox01 .topBox .lnk01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/schd05Edit02.svg) no-repeat;
	background-size:cover;
}
.schedule05Wr .schduleLstBox01 .lst01 li {
	margin:0 0 4px;
	padding:9px 12px 5px; /* 좌우 19→12: 일정 카드 전부 함께 넓힘(메모 사진 5개 다 보이게, 사용자요청). 상하는 유지 */
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.schedule05Wr .schduleLstBox01 .lst01 li:last-child { 
	margin:0;
}
.schedule05Wr .schduleLstBox01 .lst01 .lstDate01 .clr01 {
	font-weight: 700;
	font-size: 14px;
	color: #797979;
}
.schedule05Wr .schduleLstBox01 .lst01 .lstDate01 .clr02 { 
	font-weight: 400;
	font-size: 14px;
	color: #797979; 
}
.schedule05Wr .schduleLstBox01 .lst01 .lstBtnBox { 
	display:flex;
} 
.schedule05Wr .schduleLstBox01 .lst01 .lstDate01 + .lstBtnBox {
	margin-top:14px;
}
.schedule05Wr .schduleLstBox01 .lst01 .itemBox + .lstBtnBox {
	margin-top:10px;
}
.schedule05Wr .schduleLstBox01 .lst01 .lstBtn { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:5px;
	width: 50%;
}
.schedule05Wr .schduleLstBox01 .lst01 .lstBtn:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 50%;
	right: 0;
	margin:-6px 0 0;
	background: #EDEDED;
}
.schedule05Wr .schduleLstBox01 .lst01 .lstBtn:nth-child(2n):after { 
	display:none;
}
.schedule05Wr .schduleLstBox01 .lst01 .lstBtn span { 
	display:block;
}
.schedule05Wr .schduleLstBox01 .lst01 .lstBtn .btnIco { 
	width:14px;
	font-size: 0;
}
.schedule05Wr .schduleLstBox01 .lst01 .lstBtn .btnIco img {
	max-width: 100%;
}
.schedule05Wr .schduleLstBox01 .lst01 .lstBtn .btnTxt { 
	font-weight: 500;
	font-size:13px;
	color: #212121;
}
.schedule05Wr .schduleLstBox01 .lst01 .lstDate01 + .itemBox {
	margin-top:13px;
}
.schedule05Wr .timeline-item {
	position: relative;
	margin:0 0 12px;
	padding:0 0 0 43px;
}
.schedule05Wr .timeline-item:last-child {
	margin:0;
}
.schedule05Wr .timeline-item:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 100%;
	top: 50%;
	left: 14px;
	border-left:1px dashed #EDEDED;
	z-index: 1;
}
.schedule05Wr .timeline-item:last-child:before { 
	display:none;
}
.schedule05Wr .timeline-left { 
	position:absolute;
	width: 56px;
	height: 100%;
	top: 0;
	left: -14px;
}
.schedule05Wr .timeline-circle {
	position:absolute; 
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	top: 50%;
	left: 0;
	margin:-15px 0 0;
	background: #5D5FEF;
	border:1px solid #FFF;
	border-radius: 50%;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
	font-weight: 500;
	font-size: 13px;
	color: #FFF;
	z-index: 2;
}
.schedule05Wr .timeline-time {
	font-size: 12px;
	color: #797979;
	font-weight: 700;
}
.schedule05Wr .timeline-distance {
	position:absolute;
	display:inline-block;
	top: calc(100% - 10px);
	left: 50%;
	padding:6px 16px 3px 7px;
	transform:translateX(-50%);
	background: #FFF;
	border:1px solid #2B9CE2;
	border-radius: 100px;
	font-weight: 500;
	font-size: 13px;
	color:#2B9CE2;
	z-index: 2;
}
.schedule05Wr .timeline-distance:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 5px;
	height: 5px;
	top: 11px;
	right: 8px;
	transform:rotate(45deg);
	border-top:1px solid #2B9CE2;
	border-right:1px solid #2B9CE2;
}
.schedule05Wr .timeline-distance.clicked {
	background: #f1f1fe;
	border-color: #c9caf8;
	box-shadow: 0 2px 8px rgba(93, 95, 239, 0.10);
}
.schedule05Wr .timeline-card {
	padding:15px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow: 0 1px 4px 0 rgba(141,141,141,.12);
	cursor:pointer;
}
.schedule05Wr .place-card-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:8px;
}
.schedule05Wr .place-card-wrap .place-info {
	flex:1;
	min-width:0;
}
.schedule05Wr .place-title { 	
	margin:0 0 8px;
	font-weight: 700;
	font-size: 15px;
	color: #212121;
	word-break:break-all;
}
.schedule05Wr .place-cate {
	font-size: 14px;
	color: #797979;
}
.schedule05Wr .place-thumb {
	position:relative;
	flex-shrink:0;
	width: 42px;
	height: 42px;
	border:1px solid #F0F0F0;
	border-radius: 4px;
	overflow: hidden;
}
.schedule05Wr .place-thumb img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.schedule05Wr .memo-text { 
	font-size: 14px;
	color: #212121; 
}
.schedule05Wr .memoViewThumb {
	margin:8px 0 0;
	padding:8px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.schedule05Wr .memo-images-wrap { 
	max-height: 320px;
	font-size: 0;
	overflow-y:auto;
	scrollbar-width: thin;
}
.schedule05Wr .memo-images-wrap img {
	width: 100%;
}
/* -------- css 백업 -------- */
.schedule05Wr .timeline-wrap {
	position: relative;
}
.schedule05Wr .timeline-wrap::before { display:none; }
.schedule05Wr .timeline-empty {
	height: 18px;
}
.schedule05Wr .memo-card {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* [메모] 카드 — 장소 카드와 좌우 크기 동일(사용자요청). 우측 상단 X 자리만 확보 */
.schedule05Wr .timeline-card.memo-card {
	position: relative;
	padding-right: 38px;
}
/* 메모 카드 우측 상단 X = 삭제(사용자요청). 카드 클릭(수정 팝업)과 별개 동작 */
.schedule05Wr .memoCardDel {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	top: 6px;
	right: 6px;
	padding: 0;
	background: #F6F7F9;   /* X 배지 배경 더 연한 회색(사용자요청) */
	border: 0;
	border-radius: 50%;
	color: #9AA0AA;
	cursor: pointer;
	z-index: 2;
}
.schedule05Wr .memoCardDel svg {
	width: 13px;
	height: 13px;
}
.schedule05Wr .memoCardDel:active {
	background: #E4E6EB;
	color: #6E7482;
}
.schedule05Wr .memo-left {
	flex: 1;
}
.schedule05Wr .memo-time {
	font-size: 13px;
	margin-bottom: 8px;
}
.schedule05Wr .memo-right {
	display: flex;
	align-items: center;
	justify-content: center;
}
.schedule05Wr .memo-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.schedule05Wr .memoViewTop {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}
.schedule05Wr .memoViewImgList img {
	width: 100%;
	border-radius: 12px;
	margin-top: 14px;
}
.schedule05Wr .timeSelectPop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	right: 0;
	max-width: 430px;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.55);
	display: none;
	z-index: 5000;
	justify-content: center;
	align-items: center;
}
/*
.schedule05Wr .timeSelectPop .comPopBox01 {
	width: 80%;
	max-width: 340px;
	background: #fff;
	border-radius: 20px;
	padding: 20px;
	box-shadow: 0 4px 40px rgba(0, 0, 0, 0.25);
	position: relative;
}
.schedule05Wr .timeSelectPop .topBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 14px;
}
.schedule05Wr .timeSelectPop .popOut {
	width: 22px;
	height: 22px;
	background: url('/Form/_renew_vue/images/popClose.svg') no-repeat center/contain;
	border: none;
}
*/
.schedule05Wr .timeWheelBox {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-bottom: 20px;
}
.schedule05Wr .timeWheelBox select {
	width: 80px;
	height: 140px;
	font-size: 22px;
	padding: 0;
	border-radius: 8px;
	border: 1px solid #ccc;
	text-align: center;
	overflow-y: scroll;
}
.schedule05Wr .btnTimeConfirm {
	width: 100%;
	padding: 12px 0;
	background: #5D5FEF;
	color: #fff;
	border-radius: 10px;
	font-size: 16px;
	text-align: center;
	margin-top: 2px;
}
.schedule05Wr .fixedTopBox {
	position: sticky;
	top: 25px;
	background: #FFF;
	z-index: 30;
}
/*
.schedule05Wr #scheduleFixedHeader {
	position: sticky;
	top: var(--mapBoxTotalHeight, 50px);
	background: #fff;
	padding: 12px 0;
	z-index: 50;
}
*/
.schedule05Wr .timelineScrollArea {
	padding:0 0 60px;
}
.schedule05Wr .mapToggleBox.hide {
	display: none;
}
.schedule05Wr #googleMap {
	opacity: 0;
}
.schedule05Wr #googleMap.ready {
	opacity: 1;
}
/*
.schedule05Wr .timeline-item.activePlace {
	background: #f7f0ff;
	border-radius: 14px;
}
*/
/* 활성(지도 중심) 카드 연보라 강조 제거 — 다른 카드와 통일(사용자요청) */
.schedule05Wr .timeline-item.activePlace .timeline-card {
	background: #FFF;
}
.schedule05Wr .distancePopBg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	right: 0;
	max-width: 430px;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.45);
	display: none;
	z-index: 5000;
}
.schedule05Wr .distancePopBg .distancePopBox {
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	background: #FFF;
	border-radius: 20px 20px 0 0;
	padding: 20px;
	transition: bottom .25s ease-out;
}
.schedule05Wr .distancePopBg.on .distancePopBox {
	bottom: 0;
}
.schedule05Wr .dp-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 6px;
}
.schedule05Wr .memoFileLst01 .lstImgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.schedule05Wr .schdTitlePop {
	display: none;
}
.schedule05Wr .schdTitlePop .titleEditBox {
	padding: 15px 0 8px;
}
.schedule05Wr .schdTitlePop .titleInput {
	width: 100%;
	padding: 12px;
	font-size: 15px;
	border: 1px solid #ddd;
	border-radius: 10px;
}
.schedule05Wr .schdTitlePop .popBtnBox {
	display: flex;
	gap: 10px;
	margin-top: 15px;
}
.schedule05Wr .schdTitlePop .btn {
	flex: 1;
	padding: 12px 0;
	font-size: 15px;
}
.schedule05Wr .accountBookAddPop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	right: 0;
	max-width: 430px;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 9999;
	align-items: flex-end;
}
.schedule05Wr .accountBookAddPop.on {
	display: flex;
}
@keyframes slideUp {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0);
	}
}
.schedule05Wr .accountBookAddPop .topBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}
.schedule05Wr .accountBookAddPop .tit01 {
	font-size: 20px;
	font-weight: 700;
	color: #1a1a1a;
}
.schedule05Wr .ab-route-info {
	margin-bottom: 20px;
	padding: 12px 15px;
	background: #f5f6fe;
	border: 1px solid #e2e3fb;
	border-radius: 10px;
}
.schedule05Wr .ab-route-info svg {
	color: #5D5FEF;
	flex-shrink: 0;
}
.schedule05Wr #ab-route-text {
	color: #4b5563;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}
.schedule05Wr .accountBookAddPop .iptBox01 {
	margin-bottom: 16px;
}
.schedule05Wr .accountBookAddPop .iptTit01 {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
	display: block;
}
.schedule05Wr .accountBookAddPop .require {
	color: #ff4444;
	margin-left: 2px;
}
.schedule05Wr .accountBookAddPop .ipt {
	width: 100%;
	padding: 12px 14px;
	font-size: 15px;
	border: 1px solid #ddd;
	border-radius: 10px;
	background: #fff;
	color: #333;
	transition: all 0.2s;
	-webkit-appearance: none;
	appearance: none;
}
.schedule05Wr .accountBookAddPop .ipt:focus {
	outline: none;
	border-color: #5D5FEF;
	box-shadow: 0 0 0 3px rgba(93, 95, 239, 0.12);
}
.schedule05Wr .accountBookAddPop .ipt::placeholder {
	color: #aaa;
}
.schedule05Wr .accountBookAddPop select.ipt {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 20px;
	padding-right: 40px;
	cursor: pointer;
}
.schedule05Wr #ab-category:disabled {
	background-color: #f3f4f6;
	color: #6b7280;
	cursor: not-allowed;
	opacity: 0.7;
}
.schedule05Wr .accountBookAddPop input[type="number"] {
	-moz-appearance: textfield;
}
.schedule05Wr .accountBookAddPop input[type="number"]::-webkit-inner-spin-button, .schedule05Wr .accountBookAddPop input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.schedule05Wr .accountBookAddPop .btmBox {
	display: flex;
	gap: 10px;
	margin: 24px 0 0;
}
.schedule05Wr .accountBookAddPop .btn {
	display:block;
	width: calc((100% - 10px)/2);
	padding: 14px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 10px;
	transition: all 0.2s;
}
.schedule05Wr .accountBookAddPop .btn.st02 {
	background: #f5f5f5;
	color: #666;
}
.schedule05Wr .accountBookAddPop .btn.st02:hover {
	background: #e8e8e8;
}
.schedule05Wr .accountBookAddPop .btn.st01 {
	background: #5D5FEF;
	color: #fff;
}
.schedule05Wr .accountBookAddPop .btn.st01:hover {
	background: #7a3de6;
}
.schedule05Wr .accountBookAddPop .btn.st01:active {
	transform: scale(0.98);
}
.schd05Pop01,
.schd05ImgAdd { 
	top: auto;
	bottom: 0;
	overflow: hidden; 
}
/* 메모 배너창 폭은 schedule05.html 내 <style>(.schd05MemoPop .comPopBox02)에서 지정 — 그쪽이 나중에 로드돼 이깁니다 */
.schd05MemoPop .memoTopBox {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin:0 0 11px;
}
.schd05MemoPop .memoTopBox .tit01 { 
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.schd05MemoPop .memoTopBox .addImgPopOn {
	position:relative;
	display:block;
	padding: 0 0 0 23px;
	font-size: 14px;
	color: #666;
}
.schd05MemoPop .memoTopBox .addImgPopOn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 14px;
	top: 2px;
	left: 0;
	background:url(/Form/_renew_vue/images/schd05popAdd01.svg) no-repeat;
	background-size:cover;
}
.schd05MemoPop .memoIpt {
	display:block;
	width: 100%;
	padding:15px;
	border:1px solid #F0F0F0;
	font-size: 14px;
	color: #424242;
}
.schd05MemoPop .memoIpt::placeholder { 
	color: #666; 
}
.schd05MemoPop .memoFileLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:12px 0 0;
}
.schd05MemoPop .memoFileLst01 li { 
	position:relative;
}
.schd05MemoPop .memoFileLst01 .lstImgBox {
	position:relative;
	display:block;
	width: 64px;
	height: 64px;
	border:1px solid #EDEDED;
	overflow: hidden;
}
.schd05MemoPop .memoFileLst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.schd05MemoPop .memoFileLst01 .btnDel {
	position:absolute; 
	width: 16px;
	height: 16px;
	top: -9px;
	right: -9px;
	background: #999;
	border-radius: 50%;
}
.schd05MemoPop .memoFileLst01 .btnDel:before,
.schd05MemoPop .memoFileLst01 .btnDel:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 2px;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	background: #FFF;
	border-radius: 4px;
}
.schd05MemoPop .memoFileLst01 .btnDel:before { 
	transform:rotate(45deg); 
}
.schd05MemoPop .memoFileLst01 .btnDel:after { 
	transform:rotate(-45deg); 
}
.schd05MemoPop .memoBtmBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:24px 0 0;
}
.schd05MemoPop .memoBtmBox .btn { 
	display:block; 
	width: calc((100% - 12px)/2);
	padding:16px 14px 14px; 
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 15px;
	text-align: center;
}
.schd05MemoPop .memoBtmBox .btn.st01 { 
	background: #FAFAFA;
	color: #797979;
}
.schd05MemoPop .memoBtmBox .btn.st02 { 
	background: #5D5FEF;
	color: #FFF;
}
.schd05MemoPop .memoBtmBox .btn.st03 { 
	background: #FFE4FA;
	color: #797979;
}
.schd05MemoPop .memoBtmBox .btn.fullWid { 
	width: 100%; 
}
/* 여행 일정 만들기(schedule05) 끝
------------------------------------------------------ */
/* 여행 일정 만들기 - 장소 추가하기(schedule05_placeAdd) 시작
------------------------------------------------------ */
.schedule05_placeAddWr {
	position:relative;
	height: 100dvh;
	padding-bottom:0;
	overflow: hidden;
}
.schedule05_placeAddWr .mapBox {
	position: relative;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}
.schedule05_placeAddWr .mapBox .frameBox { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #E0E0E0;
}
.schedule05_placeAddWr .mapBox .schFloatBox01 { 
	position:absolute; 
	width: 100%;
	top: 0;
	left: 0;
	padding:16px;
	z-index: 1;
}
.schedule05_placeAddWr .mapBox .schBox01 {
	display:flex;
	gap:10px;
	margin:0 0 12px;
	padding:12px 14px 11px;
	background: #FFF;
	border:1px solid #F0F0F0;
    border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.schedule05_placeAddWr .mapBox .schBox01 .ipt {
	flex-grow:1;
	display:block;
	font-size: 16px;
	line-height: 30px;   /* 캐럿(커서) 높이 = 입력창(지역칩 30px)에 맞춰 크게(사용자요청) */
	height: 30px;
	color: #424242;
	border: 0;           /* 클릭 시 테두리 삭제(사용자요청) */
	outline: none;       /* 포커스 아웃라인 삭제 */
	background: transparent;
	padding: 0;
}
.schedule05_placeAddWr .mapBox .schBox01 .ipt::placeholder { 
	color: #999; 
}
.schedule05_placeAddWr .mapBox .schBox01 .btn { 
	flex-shrink:0;
	display:block;
	width: 20px;
	font-size: 0;
}
.schedule05_placeAddWr .mapBox .schBox01 .btn img { 
	max-width: 100%; 
}
.schedule05_placeAddWr .mapBox .schCateBox01 { 
	display:flex;
	gap:10px;
}
.schedule05_placeAddWr .mapBox .schCateBox01 .btnCate {
	display:flex;
	align-items:center; 
	justify-content:center;
	padding:10px 16px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
.schedule05_placeAddWr .mapBox .schCateBox01 .btnCate.on { 
	background: #5D5FEF;
	border-color:#5D5FEF;
	font-weight: 500;
	color: #FFF;
}
.schedule05_placeAddWr .mapBox .btnNavi {
	position:absolute;
	display:block;
	width: 42px;
	height: 42px;
	bottom: 114px;
	right: 16px;
	background: #FFF url(/Form/_renew_vue/images/schd05PlaceNavi01_off.svg) no-repeat center center;
	background-size:20px auto;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(148,148,148,.25);
	z-index: 1;
}
.schedule05_placeAddWr .mapBox .btnNavi.on { 
	background-color: #F8F0FF;
	background-image: url(/Form/_renew_vue/images/schd05PlaceNavi01_on.svg);
	border-color:#5D5FEF;
}
.schedule05_placeAddWr .mapLstBox01 {
	position: absolute;
	width: 100%;
	height: 352px;
	top: calc(100% - 56px);
	left: 0;
	background: #FFF;
	border-radius: 24px 24px 0 0;
	transition: top .3s ease !important;
	z-index: 3;
	overflow: hidden;
}
.schedule05_placeAddWr .mapLstBox01.on {
	height: calc(100vh - 72px);
	top: 170px;
}
.schedule05_placeAddWr .mapLstCon {
	height: calc(100% - 64px);
	padding-bottom: 48px;
	overflow-y: auto;
	overflow-x: hidden;	
}
.schedule05_placeAddWr .mapLstBox01 .lstOnOff { 
	position:relative; 
	display:block;
	width: 100%;
	height: 56px;
	margin:0 0 6px;
	font-size: 0;
}
.schedule05_placeAddWr .mapLstBox01 .lstOnOff:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 64px;
	height: 4px;
	top: 50%;
	left: 50%;
	margin:-2px 0 0 -32px;
	background: #EDEDED;
	border-radius: 1000px;
}
.schedule05_placeAddWr .mapLstBox01 .mapLstCon { 
	padding:0 16px;
}
.schedule05_placeAddWr .mapLstBox01 .cateBox01 {
	display:flex;
	gap:16px;
	margin:0 0 16px;
	background: #FFF;
}
.schedule05_placeAddWr .mapLstBox01 .cateBox01 .btnCate { 
	position:relative;
	display:block;
	padding:0 0 6px;
	border-bottom:2px solid transparent;
	font-weight: 500;
	font-size: 15px;
	color: #666;
}
.schedule05_placeAddWr .mapLstBox01 .cateBox01 .btnCate.on { 
	border-bottom-color:#5D5FEF;
	font-weight: 700; 
	color: #5D5FEF;
}
.schedule05_placeAddWr .mapLstBox01 .lstCateCon {
	display:none;
}
.schedule05_placeAddWr .mapLstBox01 .lstCateCon.on { 
	display:block;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 {
	height: calc(100vh - 330px);
	overflow-y: auto;
	scrollbar-width: thin;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 li {
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 8px;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 li.fullWid { 
	width: 100%; 
}
.schedule05_placeAddWr .mapLstBox01 .lst01 li:last-child { 
	margin:0;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .infoBtn {
	display:flex;
	align-items:center; 
	gap:12px;
	width: calc(100% - 64px);
	text-align: left;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .lstImgBox { 
	flex-shrink:0;
	position:relative;
	display:block;
	width: 48px;
	height: 48px;
	background: #F8F0FF;
	border-radius: 10px;
	font-size: 0;
	overflow: hidden;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .lstImgBox.noImg { 
	/*background-image: url(/Form/_renew_vue/images/schd05PlaceNoImg01.svg);*/
	background-repeat: no-repeat;
	background-position:center center;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .lstImgBox.schLocation {
	background-image: url(/Form/_renew_vue/images/schd05PlaceLocation.svg);
	background-repeat: no-repeat;
	background-position:center center;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .lstImgBox.schBed {
	background-image: url(/Form/_renew_vue/images/schd05PlaceBed.svg);
	background-repeat: no-repeat;
	background-position:center center;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .lstImgBox.schFood {
	background-image: url(/Form/_renew_vue/images/schd05PlaceFood.svg);
	background-repeat: no-repeat;
	background-position:center center;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .lstConBox { 
	flex-grow:1;
	display:block;
	max-width: calc(100% - 70px);
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .lstTit01,
.schedule05_placeAddWr .mapLstBox01 .lst01 .lstTxt01 { 
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden; 
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .lstTit01 { 
	margin:0 0 8px;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .lstTxt01 { 
	font-size: 14px;
	color: #797979; 
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .selectedBtn {
	/* [선택]/[취소] 알약 → 원형 [+]/[✓] 아이콘으로 디자인 변경(사용자요청, 2026-07-29). 토글 로직·클래스(.selectedBtn/.on)·클릭 핸들러는 그대로, 라벨/모양만. 안눌림 색은 .psel과 통일(#D8DAE2/#5A5F6B), 눌림은 기존 인디고 유지 */
	flex-shrink:0;
	width: 30px;
	height: 30px;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #D8DAE2;
	border-radius: 50%;
	font-size: 18px;
	font-weight:600;
	line-height:1;
	text-align: center;
	color: #5A5F6B;
	background:#fff;
	transition:background .15s, color .15s, border-color .15s;
}
.schedule05_placeAddWr .mapLstBox01 .lst01 .selectedBtn.on {
	background: #5D5FEF;
	border-color:#5D5FEF;
	color: #FFF;
	font-size: 15px;
}
.schedule05_placeAddWr .mapLstBox01 .noDataBox { 
	width: 100%;
	margin:48px 0 0;
	text-align: center; 
}
.schedule05_placeAddWr .mapLstBox01 .noDataBox .imgBox { 
	width: 150px;
	margin:0 auto 37px;
	font-size: 0; 
}
.schedule05_placeAddWr .mapLstBox01 .noDataBox .imgBox img { 
	max-width: 100%;
}
.schedule05_placeAddWr .mapLstBox01 .noDataBox .txt01 {
	font-weight: 500;
	font-size: 18px;
	color: #424242;
}
.schedule05_placeAddWr .mapLstBox01 .noDataBox .txt02 { 
	margin:0 0 13px;
	font-size: 15px;
	color: #797979;
}
.schedule05_placeAddWr .mapLstBox01 .noDataBox .txt01 + .txt02 { 
	margin-top:11px;
}
.schedule05_placeAddWr .mapLstBox01 .noDataBox .lnk01 {
	position:relative;
	display:inline-block;
	padding:9px 35px 9px 14px;
	border:1px solid #5D5FEF;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 14px;
	color: #5D5FEF;
}
.schedule05_placeAddWr .mapLstBox01 .noDataBox .lnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	right: 15px;
	margin:-5px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #5D5FEF;
	border-right:2px solid #5D5FEF;
}
.schedule05_placeAddWr .mapLstBox01.close.hasOpt {
	top: calc(100% - 160px);
}
.schedule05_placeAddWr .mapOptBox {
	position:absolute; 
	display:none;
	width: 100%;
	max-width: 430px;
	bottom: 0;
	left: 0;
	padding: 8px 16px;
	padding-bottom: calc(16px + env(safe-area-inset-bottom));
	background: #FFF;
	border-top:1px solid #F0F0F0;
	box-shadow:0 -6px 12px rgba(255,255,255,.25);
	z-index: 9;
	transition:0s !important;
}
.schedule05_placeAddWr .mapOptBox .selectedLst01 {
	display:flex;
	gap:12px;
	margin:0 0 10px;
	overflow-x:auto;
	scroll-behavior: smooth;
}
.schedule05_placeAddWr .mapOptBox .selectedLst01 li {
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding: 4px 8px;
	border:1px solid #F0F0F0;
	border-radius: 999px;
	min-width: 126px;
}
.schedule05_placeAddWr .mapOptBox .selectedLst01 .lstImgBox {
	position:relative;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	overflow: hidden;
}
.schedule05_placeAddWr .mapOptBox .selectedLst01 .lstImgBox img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.schedule05_placeAddWr .mapOptBox .selectedLst01 .lstTxt01 {
	font-weight: 500;
	font-size:15px;
	color: #212121;
}
.schedule05_placeAddWr .mapOptBox .selectedLst01 .lstDel {
	flex-shrink:0;
	position:relative;
	display:block;
	width: 14px;
	height: 14px;
	background: #424242;
	border-radius: 50%;
}
.schedule05_placeAddWr .mapOptBox .selectedLst01 .lstDel:before,
.schedule05_placeAddWr .mapOptBox .selectedLst01 .lstDel:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 6px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -3px;
	background: #FFF;
	border-radius: 4px;
}
.schedule05_placeAddWr .mapOptBox .selectedLst01 .lstDel:before {
	transform:rotate(45deg);
}
.schedule05_placeAddWr .mapOptBox .selectedLst01 .lstDel:after {
	transform:rotate(-45deg);
}
.schedule05_placeAddWr .mapOptBox .selectedLst01.stOff {
	display:none;
}
.schedule05_placeAddWr .mapOptBox .btn {
	display:block;
	width: 100%;
	padding:16px 16px 15px;
	background: #5D5FEF;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #FFF;
}
.schedule05_placeAddWr .mapOptBox.on { 
	display:block;
}
/* 여행 일정 만들기 - 장소 추가하기(schedule05_placeAdd) 끝
------------------------------------------------------ */
/* 일정 편집 시작
------------------------------------------------------ */
.scheduleEdit01Wr { 
	padding-bottom:0;
}
.schdEditWr {
	padding-bottom:82px;
}
.schdEditWr .editAllLst01 > li { 
	margin:0 0 16px;
	padding:17px 19px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.schdEditWr .editAllLst01 > li:last-child { 
	margin:0;
}
.schdEditWr .editAllLst01 .lstDate01 { 
	margin:0 0 13px;
	font-weight: 500;
	font-size: 15px;
	color: #5D5FEF;
}
.schdEditWr .editAllLst01 .lstDate01 span { 
	font-weight: 400;
	font-size: 14px;
	color: #797979;
}
.schdEditWr .editLst01 > li {
	position:relative;
	margin:0 0 12px;
	padding:0 0 0 34px; /* 우측 패딩 제거 → 카드가 오른쪽 끝까지, 핸들은 카드 안 */
}
.schdEditWr .editLst01 > li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 100%;
	top: 50%;
	left: 11px;
	border-left:1px dashed #EDEDED;
}
.schdEditWr .editLst01 > li:last-child { 
	margin:0;
}
.schdEditWr .editLst01 > li:last-child:before { 
	display:none;
}
.schdEditWr .editLst01 .chkIpt { 
	position:absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.schdEditWr .editLst01 .chkLbl {
	position:absolute; 
	display:block; 
	width: 20px;
	height: 20px;
	top: 50%;
	left: 2px;
	margin:-10px 0 0;
	background:url(/Form/_renew_vue/images/schdEditChk01_off.svg) no-repeat;
	background-size:cover;
}
.schdEditWr .editLst01 .chkIpt:checked + .chkLbl { 
	background-image: url(/Form/_renew_vue/images/schdEditChk01_on.svg);
}
.schdEditWr .editLst01 .editTxtBox {
	display:flex;
	justify-content:center;
	flex-direction:column;
	gap:7px;
	width: 100%;
	min-height: 73px;
	padding:8px 46px 8px 25px; /* 우측 = 카드 안 드래그 핸들 자리 */
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
	text-align: left;
}
.schdEditWr .editLst01 .editTxtBox span { 
	display:block;
}
.schdEditWr .editLst01 .editTit01,
.schdEditWr .editLst01 .editTxt01 { 
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.schdEditWr .editLst01 .editTit01 { 
	font-weight: 700;
	font-size: 15px;
	color: #212121;
}
.schdEditWr .editLst01 .editTxt01 { 
	font-size: 14px;
	color: #797979;
}
.schdEditWr .editLst01 .editTxt02 { 
	font-size: 14px;
	color: #212121;
}
.schdEditWr .editLst01 .editMove {
	position:absolute;
	display:block;
	width: 20px;
	height: 20px;
	top: 50%;
	right: 14px; /* 카드 박스 안쪽으로 */
	margin:-10px 0 0;
}
.schdEditWr .editLst01 .editMove:before,
.schdEditWr .editLst01 .editMove:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 2px;
	left: 50%;
	margin:0 0 0 -7px;
	background: #999;
	border-radius: 4px;
}
.schdEditWr .editLst01 .editMove:before { 
	top: 5px;
}
.schdEditWr .editLst01 .editMove:after { 
	top: 13px;
}
.schdEditWr .editLst01 .editMove span {
	position:absolute;
	display:block;
	width: 14px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -7px;
	background: #999;
	border-radius: 4px;
}
.schdEditWr .editLst01 .editDistance { 
	position:absolute;
	display:block;
	width: 53px;
	top: 100%;
	left: -16px;
	font-weight: 500;
	font-size: 13px;
	text-align: center;
	color: #E2502B;
	z-index: 1;
}
.schdEditWr .editMidBox { 
	margin:24px 0 0;
	text-align: center;
}
.schdEditWr .editMidBox .btn { 
	display:inline-block;
	padding: 13px 15px 12px;
	border:1px solid #5D5FEF;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 15px;
	color: #5D5FEF;
}
.schdEditWr .editMidBox .btn.on { 
	background: #5D5FEF;
	color: #FFF;
}
.schdEditWr .editBtmBox {
	position:fixed;
	display:flex;
	gap:12px;
	width: 100%;
	max-width: 430px;
	bottom: -82px;
	left: 50%;
	padding:16px;
	transform:translateX(-50%);
	background: #FFF;
	transition:bottom .3s ease;
}
.schdEditWr .editBtmBox .btn {
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:6px;
	width: calc((100% - 12px)/2);
	padding:15px 13px 13px;
	border:1px solid #5D5FEF;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
}
.schdEditWr .editBtmBox .btn span { 
	display:block;
}
.schdEditWr .editBtmBox .btn .btnIco { 
	width: 20px;
	font-size: 0;
}
.schdEditWr .editBtmBox .btn .btnIco img { 
	max-width: 100%; 
}
.schdEditWr .editBtmBox .btn .btnTxt { 
	font-weight: 700;
	font-size: 15px;
}
.schdEditWr .editBtmBox .btn.st01 { 
	background: #FFF;
}
.schdEditWr .editBtmBox .btn.st01 .btnTxt { 
	color: #5D5FEF;
}
.schdEditWr .editBtmBox .btn.st02 { 
	background: #5D5FEF;
}
.schdEditWr .editBtmBox .btn.st02 .btnTxt { 
	color: #FFF; 
}
.schdEditWr .editBtmBox.on { 
	bottom: 0; 
}
/* 일정 편집 끝
------------------------------------------------------ */
/* 동행 글쓰기 시작
------------------------------------------------------ */
.commWithFormWr .selectedBox { 
	display:none;
}
.commWithFormWr .selectedBox.on { 
	display:block;
}
.commWithFormWr .calendar .fc-toolbar { 
	margin:0;
}
.commWithFormWr .calendar .fc-header-toolbar .fc-toolbar-chunk {
	width: 100%; 
}
.commWithFormWr .calendar .fc-header-toolbar .fc-toolbar-chunk:first-child,
.commWithFormWr .calendar .fc-header-toolbar .fc-toolbar-chunk:last-child { 
	display:none;
}
.commWithFormWr .calendar .fc-header-toolbar .fc-toolbar-chunk > div { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin:0 0 24px;
}
.commWithFormWr .calendar .fc-button .fc-icon { 
	display:none;
}
.commWithFormWr .calendar .fc-button { 
	width: 20px;	
	height: 20px;	
	padding:0;
}
.commWithFormWr .calendar .fc-button-primary {
	position:relative;
	background:#FFF;
	border:none;
}
.commWithFormWr .calendar .fc-button-primary:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.commWithFormWr .calendar .fc-button-primary.fc-prev-button:before { 
	margin:-5px 0 0 -3px;
	transform:rotate(-135deg);
}
.commWithFormWr .calendar .fc-button-primary.fc-next-button:before { 
	margin:-5px 0 0 -8px;
	transform:rotate(45deg);
}
.commWithFormWr .calendar .fc-toolbar-title { 
	position:relative;
	padding:0 0 0 24px;
	font-weight: 700; 
	font-size: 16px;
	color: #424242;
}
.commWithFormWr .calendar .fc-toolbar-title:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/scheduleCalendar01.svg) no-repeat;
	background-size:cover;
}
.commWithFormWr .calendar .fc-scrollgrid { 
	border-top:none;
	border-left:none;
}
.commWithFormWr .calendar th,
.commWithFormWr .calendar td { 
	border-right:none;
}
.commWithFormWr .calendar thead { 
	background: #FAFAFF;
}
.commWithFormWr .calendar thead th {	
	padding:0;
	border-top-width:1px;
	border-top-style:solid;
	border-color:#ECECF6;
} 
.commWithFormWr .calendar .fc-col-header-cell-cushion { 
	width: 100%;
	padding:11px;
}
.commWithFormWr .calendar th {
	border-left:none;
	font-weight: 400;
	font-size: 14px;
	color: #373737;
}
.commWithFormWr .calendar td { 
	border-left:none;
	text-align: center;
	border-bottom-width:1px;
	border-bottom-color:#EDEDED;
}
.commWithFormWr .calendar  .fc-daygrid-day-top { 
	justify-content:center;
}
.commWithFormWr .calendar .fc-daygrid-day-number {
	padding:23px 2px 22px;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.commWithFormWr .calendar .fc-daygrid-body-unbalanced .fc-daygrid-day-events { 
	display:none;
}
.commWithFormWr .calendar .fc-day-sun,
.commWithFormWr .calendar .fc-day-sun .fc-daygrid-day-number { 
	color: #F44336; 
}
.commWithFormWr.commWithFormWr .calendar .fc-day-sat,
.commWithFormWr .calendar .fc-day-sat .fc-daygrid-day-number { 
	color: #2196F3; 
}
.commWithFormWr .calendar .fc-daygrid-day.fc-day-today { 
	background: transparent; 
}
.commWithFormWr .calendar .date-selected-start .fc-daygrid-day-frame,
.commWithFormWr .calendar .date-selected-end .fc-daygrid-day-frame {
	position:relative;
}
.commWithFormWr .calendar .date-selected-start .fc-daygrid-day-frame:before,
.commWithFormWr .calendar .date-selected-end .fc-daygrid-day-frame:before,
.commWithFormWr .calendar .date-selected-start .fc-daygrid-day-frame:after,
.commWithFormWr .calendar .date-selected-end .fc-daygrid-day-frame:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.commWithFormWr .calendar .date-selected-start .fc-daygrid-day-frame:before,
.commWithFormWr .calendar .date-selected-end .fc-daygrid-day-frame:before { 
	width: 50%;
	height: 28px;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	background: #EEEEFF;
}
.commWithFormWr .calendar .date-selected-start .fc-daygrid-day-frame:before { 
	left: 50%; 
}
.commWithFormWr .calendar .date-selected-end .fc-daygrid-day-frame:before { 
	right: 50%; 
}
.commWithFormWr .calendar .date-selected-start .fc-daygrid-day-frame:after,
.commWithFormWr .calendar .date-selected-end .fc-daygrid-day-frame:after {
	width: 36px;
	height: 36px;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	background: #5D5FEF;
	border-radius: 50%;
	z-index: 0;
}
.commWithFormWr .calendar .date-selected-start .fc-daygrid-day-frame > *,
.commWithFormWr .calendar .date-selected-end .fc-daygrid-day-frame > * { 
	position:relative; 
	z-index: 1;
}
.commWithFormWr .calendar .date-selected-start .fc-daygrid-day-frame .fc-daygrid-day-number,
.commWithFormWr .calendar .date-selected-end .fc-daygrid-day-frame .fc-daygrid-day-number {
	color: #FFF;
}
.commWithFormWr .calendar .date-in-range .fc-daygrid-day-frame {
	position:relative;
}
.commWithFormWr .calendar .date-in-range .fc-daygrid-day-frame:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 28px;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	background: #EEEEFF;
}
.commWithFormWr .calendar .date-in-range .fc-daygrid-day-frame > * { 
	position:relative; 
	z-index: 1;
}
.commWithFormWr .calendar .fc-day-past .fc-daygrid-day-number {
	color: #CCC !important;
	opacity: 0.5;
}
/* 동행 글쓰기 끝
------------------------------------------------------ */
/* 포스트 글쓰기 시작
------------------------------------------------------ */
.communitypostformWr .btnSumit01 { 
	position:absolute;
	display:block;
	top: 15px;
	right: 32px;
	font-weight: 700;
	font-size: 15px;
	z-index: 1001;
}
.communitypostformWr .btnSumit01.stActive {
	color: #5D5FEF;
}
.communitypostformWr .btnSumit01.stNone {
	color: #CDCDCD;
}
.communitypostformWr .comPopBox01 .selectedBox { 
	display:none;
}
.communitypostformWr .comPopBox01 .selectedBox.on { 
	display:block;
}
/* 포스트 글쓰기 끝
------------------------------------------------------ */
/* 일행과 함께 일정짜기 시작
------------------------------------------------------ */
.withScheduleWr { 
	padding-bottom:0;
}
.withScheduleWr .withTopBox,
.withScheduleWr .stickyBox { 
	background: #FAFAFA;
	border:1px solid #F0F0F0;
}
.withScheduleWr .withTopBox {
	padding:20px 20px 0;
	border-bottom:none;
	border-radius: 10px 10px 0 0;
	text-align: center;
}
.withScheduleWr .withTopBox .imgBox { 
	width: 64px;
	margin:0 auto 21px;
	font-size: 0;
}
.withScheduleWr .withTopBox .imgBox img { 
	max-width: 100%; 
}
.withScheduleWr .withTopBox .tit01 { 
	margin:0 0 11px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -.18px;
	color: #212121;
}
.withScheduleWr .withTopBox .txt01 { 
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: -.18px;
	color: #424242;
}
.withScheduleWr .stickyBox { 
	position:sticky;
	top:48px;
	margin:0 0 20px;
	padding:20px;
	border-top:none;
	border-radius: 0 0 10px 10px;
	z-index: 1;
}
.withScheduleWr .stickyBox .friendDl { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 16px;
	padding:20px;
	background: #FFF;
	border:1px solid #EEE9F2;
	border-radius: 10px;
	font-size: 14px;
	color: #212121;
}
.withScheduleWr .stickyBox .friendDl dt { 
	position:relative;
	padding:0 0 0 28px;
	font-weight: 500;
}
.withScheduleWr .stickyBox .friendDl dt:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0;
	background:url(/Form/_renew_vue/images/withSchdFriend01.svg) no-repeat;
	background-size:cover;
}
.withScheduleWr .stickyBox .friendDl dd {
	font-weight: 700;
}
.withScheduleWr .stickyBox .friendDl dd span { 
	color: #5D5FEF;
}
.withScheduleWr .stickyBox .btnBox { 
	display:flex;
	gap:12px;
}
.withScheduleWr .stickyBox .btnBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	width: calc((100% - 12px)/2);
	padding:15px 8px;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
}
.withScheduleWr .stickyBox .btnBox .btn span { 
	display:block; 
}
.withScheduleWr .stickyBox .btnBox .btn .btnIco { 
	width: 18px;
	font-size: 0; 
}
.withScheduleWr .stickyBox .btnBox .btn .btnIco img { 
	max-width: 100%; 
}
.withScheduleWr .stickyBox .btnBox .btn .btnTxt { 
	font-weight: 700;
	font-size: 12px;
}
.withScheduleWr .stickyBox .btnBox .btn.st01 { 
	background: #FEE500;
}
.withScheduleWr .stickyBox .btnBox .btn.st01 .btnTxt { 
	color: #000; 
}
.withScheduleWr .stickyBox .btnBox .btn.st02 { 
	background: #5D5FEF;
}
.withScheduleWr .stickyBox .btnBox .btn.st02 .btnTxt { 
	color: #FFF; 
}
.withScheduleWr .withConBox { 
	padding:20px 19px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.withScheduleWr .withConBox .conTit01 { 
	position:relative;
	padding:0 0 0 28px;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.withScheduleWr .withConBox .conTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0;
	background:url(/Form/_renew_vue/images/withSchdFriend01.svg) no-repeat;
	background-size:cover;
}
.withScheduleWr .withConBox .comNoData01 { 
	margin:40px 0 0;
	padding:0;
}
.withScheduleWr .withConBox .lst01 { 
	margin:4px 0 0;
}
.withScheduleWr .withConBox .lst01 li { 
	display:flex;
	align-items:center;
	gap:13px;
	padding:13px 0;
	border-bottom:1px solid #F0F0F0;
}
.withScheduleWr .withConBox .lst01 li:last-child { 
	border-bottom:none;
}
.withScheduleWr .withConBox .lst01 .lstThumb { 
	flex-shrink:0;
	position:relative; 
	width: 32px;
	height: 32px;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	font-size: 0;
	overflow: hidden;
}
.withScheduleWr .withConBox .lst01 .lstThumb img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.withScheduleWr .withConBox .lst01 .lstName { 
	flex-grow:1;
	font-weight: 500; 
	font-size: 14px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
/* 일행과 함께 일정짜기 끝
------------------------------------------------------ */
/* 커뮤니티 리스트 시작
------------------------------------------------------ */
.communityWr .brdLstBox01 { 
	padding:0 0 16px;
}
.communityWr .brdLstBox01 .schBox02 .topBox { 
	margin:0;
}
.communityWr .brdLstBox01 .schBox02 .topBox .tit01.st01:before { 
	background-image: url(/Form/_renew_vue/images/communityTit01.svg);
}
.communityWr .selRegionTxt {
	display:inline-flex;
	align-items: center;
	gap:12px;
	margin:11px 0 0;
	padding:8px 14px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 15px;
}
.communityWr .selRegionTxt .regionLabel {
	font-size: 14px;
	color: #424242;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.communityWr .selRegionTxt .regionClear {
	flex-shrink:0;
	position:relative;
	display:block;
	width: 16px;
	height: 16px;
}
.communityWr .selRegionTxt .regionClear:before,
.communityWr .selRegionTxt .regionClear:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -6px;
	background: #5D5FEF;
	border-radius: 4px;
}
.communityWr .selRegionTxt .regionClear:before { 
	transform:rotate(45deg);
}
.communityWr .selRegionTxt .regionClear:after { 
	transform:rotate(-45deg);
}
/* 커뮤니티 리스트 끝
------------------------------------------------------ */
/* 커뮤니티 보기 시작
------------------------------------------------------ */
.communityviewWr { 
	padding-bottom:150px;
}
.communityviewWr .cmntViewClptPop .comPopBox02 { 
	text-align: center;
}
.communityviewWr .cmntViewClptPop .imgBox {
	width: 48px;
	margin:0 auto 21px;
	font-size: 0;
}
.communityviewWr .cmntViewClptPop .imgBox img { 
	max-width: 100%; 
}
.communityviewWr .cmntViewClptPop .txt01 {
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.communityviewWr .cmntViewClptPop .txt02 { 
	font-size: 15px;
	color: #797979; 
}
.communityviewWr .cmntViewClptPop .txt01 + .txt02 { 
	margin-top:9px;
}
.communityviewWr .cmntViewClptPop .selLst01 li { 
	position:relative;
	margin:0 0 12px;
	padding:14px 14px 14px 45px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 15px;
	color: #424242;
	text-align: left;
	cursor:pointer;
}
.communityviewWr .cmntViewClptPop .selLst01 li:last-child { 
	margin:0;
}
.communityviewWr .cmntViewClptPop .selLst01 .circle {
	position:absolute;
	display:block;
	width: 16px;
	height: 16px;
	top: 16px;
	left: 16px;
	border:2px solid #CDCDCD;
	border-radius: 50%;
}
.communityviewWr .cmntViewClptPop .selLst01 li.on { 
	background: #F8F0FF;
	border-color:#5D5FEF;
}
.communityviewWr .cmntViewClptPop .selLst01 li.on .circle { 
	border-color:#5D5FEF;
}
.communityviewWr .cmntViewClptPop .selLst01 li.on .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #5D5FEF;
	border-radius: 50%;
}
.communityviewWr .cmntViewClptPop .txt02 + .selLst01 { 
	margin-top:10px;
}
.communityviewWr .cmntViewClptPop .btmBox { 
	display:flex;
	flex-wrap:wrap;
	gap:10px; 
	margin:22px 0 0;
}
.communityviewWr .cmntViewClptPop .btmBox .btn { 
	display:block; 
	width: calc((100% - 10px)/2);
	padding:16px;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 15px;		
}
.communityviewWr .cmntViewClptPop .btmBox .btn.st01 { 
	background: #5D5FEF;
	color: #FFF;
}
.communityviewWr .cmntViewClptPop .btmBox .btn.st02 { 
	background: #FAFAFA;
	color: #797979;
}
.communityviewWr .cmntViewClptPop .btmBox .btn.fullWid { 
	width: 100%; 
}
.communityviewWr .cmntViewClptPop.reportModal { 
	display:block;
}
.communityviewWr .cmntViewClptPop.reportModal .imgBox { 
	margin-bottom:9px;
}

/* 커뮤니티 보기 끝
------------------------------------------------------ */
/* 채팅 시작
------------------------------------------------------ */
.chatWrap .chatTopBox {
	position:sticky;
	top: 0;
	padding:24px 16px;
	background: #FFF;
	z-index: 2;
}
.chatWrap .chatTopBox .conBox {
	position:relative;
	padding: 16px 16px 16px 100px;
	background: #FFF9F4;
	border-radius: 10px;
	border: 1px solid #EEE9F2;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.chatWrap .chatTopBox .imgBox { 
	position:absolute;
	width: 64px;
	height: 64px;
	top: 24px;
	left: 20px;
	background: #F1F1F1;
	border-radius: 8px;
	font-size: 0;
	overflow: hidden;
}
.chatWrap .chatTopBox .imgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.chatWrap .chatTopBox .txt01 {
	margin:0 0 10px;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
	word-break:break-all;
}
.chatWrap .chatTopBox .lst01 li {
	position:relative;
	margin:0 0 12px;
	padding:0 0 0 26px;
	font-size:14px;
	color:#212121;
}
.chatWrap .chatTopBox .lst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.chatWrap .chatTopBox .lst01 li.stPlace:before { 
	background-image: url(/Form/_renew_vue/images/chatTopPlace01.svg); 
}
.chatWrap .chatTopBox .lst01 li.stDate:before { 
	background-image: url(/Form/_renew_vue/images/chatTopDate01.svg); 
}
.chatWrap .chatTopBox .lst01 li:last-child { 
	margin:0;
}
.chatWrap .chatScrollArea { 
	padding:0 16px 24px;
}
.chatWrap .chatDateLine {
	position:relative;
	margin:0 0 19px;
	text-align: center;
}
.chatWrap .chatDateLine:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 1px;
	top: 50%;
	left: 0;
	background: #F0F0F0;
}
.chatWrap .chatDateLine span { 
	position:relative; 
	display:inline-block;
	padding:0 24px;
	background: #FFF;
	font-size: 14px;
	color: #424242;
	z-index: 1;
}
.chatWrap .chatFirstMsg {
	margin:0 0 24px;
	text-align: center;
}
.chatWrap .chatFirstMsg span { 
	display:inline-block;
	padding:10px 14px 8px;
	border:1px solid #F0F0F0;
	border-radius: 100px;
	font-size: 13px;
	color: #424242;
}
.chatWrap .msgItem {
	display:flex;
	align-items:flex-start;
	gap:8px;
}
.chatWrap .msgItem .userImg {
	flex-shrink:0;
	position:relative;
	width:32px;
	height:32px;
	border-radius:50%;
	overflow: hidden;
}
.chatWrap .msgItem .userImg img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.chatWrap .msgItem .msgName {
	position:relative;
	margin:0 0 4px;
	font-weight: 500;
	font-size:14px;
	color:#212121;
}
.chatWrap .msgItem .msgName.stLeader { 
	padding:0 0 0 20px;
}
.chatWrap .msgItem .msgName.stLeader:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block; 
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/chatLeader01.svg) no-repeat;
	background-size:cover;
}
.chatWrap .msgItem .msgName.stLeader span { 
	font-weight: 400;
	font-size: 13px;
	color: #5D5FEF;
}
.chatWrap .msgItem .msgName.stMy { 
	text-align: right; 
}
.chatWrap .msgItem .msgBox {
	width: calc(100% - 40px);
	padding:2px 0 0;
}
.chatWrap .msgItem + .msgItem { 
	margin-top:18px;
}
.chatWrap .msgRow { 
	display:flex;
	align-items:flex-end;
	gap:3px;
}
.chatWrap .msgRow .bubble {
	display:inline-block;
	padding:13px 15px 12px;
	border:1px solid #F0F0F0;
	border-radius: 0 10px 10px 10px;
	font-size:14px;
	color: #000;
	word-break:break-word;
}
.chatWrap .msgRow .msgStatBox { 
	flex-shrink:0; 
}
.chatWrap .msgRow.stMy { 
	flex-direction:row-reverse;
}
.chatWrap .msgRow.stMy .msgStatBox { 
	text-align: right; 
}
.chatWrap .unread {
	display:block;
	font-size:11px;
	color:#5D5FEF;
}
.chatWrap .msgTime {
	font-size:11px;
	color:#999;
}
.chatWrap .locationBubble {
	width: 124px;
	border: 1px solid #F0F0F0;
	border-radius: 15px;
	overflow: hidden;
}
.chatWrap .locationBubble .locImgBox { 
	position:relative;
	padding:58.7% 0 0;
	font-size: 0;
	overflow: hidden;
}
.chatWrap .locationBubble .locImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.chatWrap .locInfo {
	padding: 15px;
}
.chatWrap .locTitle {
	margin:0 0 10px;
	font-weight: 500;
	font-size: 15px;
}
.chatWrap .locAddr {
	margin:0 0 11px;
	font-size: 13px;
	color: #53ACFF;
	word-break:break-all;
}
.chatWrap .btnLocMap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding:8px 8px 7px;
	background: #5D5FEF;
	border-radius: 10px;
}
.chatWrap .btnLocMap span { 
	display:block;
}
.chatWrap .btnLocMap .btnIco { 
	font-size: 0; 
}
.chatWrap .btnLocMap .btnIco img { 
	max-width: 100%; 
}
.chatWrap .btnLocMap .btnTxt { 
	font-weight: 700;
	font-size: 13px;
	color: #FFF;
}
.chatWrap .chatInputWrap {
	position:fixed;
	display:flex;
	align-items:flex-end;
	gap:12px;
	width: 100%;
	max-width: 430px;
	bottom: 0;
	left: 50%;
	padding:16px;
	transform:translateX(-50%);
	background: #FFF;
	box-shadow:0 -3px 7px 0 rgba(180,180,180,.16);
}
.chatWrap .btnAdd {
	flex-shrink:0;
	position:relative; 
	width: 24px;
	height: 24px;
}
.chatWrap .btnAdd:before,
.chatWrap .btnAdd:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #424242;
	border-radius: 4px;
}
.chatWrap .btnAdd:before { 
	width: 16px; 
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -8px;
}
.chatWrap .btnAdd:after { 
	width: 2px; 
	height: 16px;
	top: 50%;
	left: 50%;
	margin:-8px 0 0 -1px;
}
.chatWrap .msgInput {
	flex-grow:1;
	display:block;
	padding:15px 11px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size:14px;
	line-height:1.4;
	min-height:40px;
	max-height:96px;
}
.chatWrap .btnSend {
	flex-shrink:0;
	display:block;
	width: 50px;
	height: 50px;
	background: #5D5FEF url(/Form/_renew_vue/images/chatSend01.svg) no-repeat center center;
	border-radius: 10px;
}
.chatWrap .chatUserPop .userBox01 {
	padding:15px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.chatWrap .chatUserPop .userBox01 .tit01 { 
	margin:0 0 14px;
	font-weight: 700; 
	font-size: 15px;
	color: #212121;
}
.chatWrap .chatUserPop .userList li {
	display:flex;
	align-items:center;
	justify-content: space-between;
	margin:0 0 16px;
}
.chatWrap .chatUserPop .userList li:last-child { 
	margin:0;
}
.chatWrap .chatUserPop .uLeft {
	display:flex;
	align-items:center;
	gap:8px;
}
.chatWrap .chatUserPop .profileImg {
	flex-shrink:0;
	position:relative;
	width: 40px;
	height: 40px;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	overflow: hidden;
}
.chatWrap .chatUserPop .profileImg img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.chatWrap .chatUserPop .uName {
	font-weight: 500;
	font-size: 15px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.chatWrap .btnReport {
	position:relative; 
	display:block;
	padding:0 0 0 24px;
	font-size:14px;
	color: #797979;
}
.chatWrap .btnReport:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0;
	background:url(/Form/_renew_vue/images/chatUserReport01.svg) no-repeat;
	background-size:cover;
}
.chatWrap .btnLeave { 
	position:relative; 
	display:block; 
	width: 100%;
	margin:24px 0 0;
	padding:17px 16px 16px 43px;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	font-weight: 500;
	font-size: 15px;
	color: #797979;
	text-align: left;
}
.chatWrap .btnLeave:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 17px;
	left: 15px;
	background:url(/Form/_renew_vue/images/chatUserLeave01.svg) no-repeat;
	background-size:cover;
}
/* -------- 백업 -------- */
.chatWrap .tagWith {
	background: #f1e5ff;
	color: #5D5FEF;
	font-size: 11px;
	padding: 4px 8px;
	border-radius: 12px;
	margin-right: 6px;
	font-weight: 600;
}
/* 내 메시지 */
.chatWrap .msgItem.me {
	justify-content:flex-end;
}
.chatWrap .msgItem.me .userImg,
.chatWrap .msgItem.me .msgName {
	display:none;
}
/* wrapper (정렬 위해 필요) */
.chatWrap .myMsgRowWrap {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.chatWrap .myMsgRow {
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
	gap:6px;
}
.chatWrap .myMsgRow .bubble {
	background:#5D5FEF;
	color:#fff;
	padding:10px 14px;
	border-radius:12px;
	max-width:260px;
}
/* 위치 메시지 */
.chatWrap .myLocationRow {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 6px;
	margin: 12px 0;
}
.chatWrap .locationCard {
	width: 260px;
	max-width: 100%;
	background: #fff;
	border-radius: 14px;
	padding: 10px;
	border: 1px solid #ececec;
	box-sizing: border-box;
}
/* 위치 카드(오른쪽) */
.chatWrap .locationCard.my {
	width: 260px;
	max-width: 100%;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 14px;
	padding: 10px;
	box-sizing: border-box;
}
/* 지도 버튼 */
.chatWrap .btnMap {
	width: 100%;
	margin-top: 8px;
	background: #5D5FEF;
	color: #fff;
	border: none;
	padding: 8px 0;
	border-radius: 10px;
	font-size: 13px;
}
/* 시간/읽음 표시는 카드 바로 아래 오른쪽 */
.chatWrap .myMeta {
	margin-top: 4px; /* 카드랑 딱 붙게 */
	display: flex;
	gap: 4px;
	align-items: center;
}
/* 채팅 시작
------------------------------------------------------ */
/* 채팅 지도 시작
------------------------------------------------------ */
.communitylocationWr #mapWrap {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: calc(100vh - 56px);
	margin: 0 auto;
}
.communitylocationWr #googleMap {
	width: 100%;
	height: 100%;
}
.communitylocationWr .bottomBox {
	position:fixed;
	width: 100%;
	max-width: 430px;
	bottom: 0;
	left: 50%;
	padding:16px;
	transform:translateX(-50%);
	background: #FFF;
	box-shadow:0 -3px 7px 0 rgba(180,180,180,.16);
}
.communitylocationWr .bottomBox .btn {
	display:block;
	width: 100%;
	padding:16px 16px 15px;
	background: #5D5FEF;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 15px;
	color: #FFF;
}
/* 채팅 지도 끝
------------------------------------------------------ */
/* 체크리스트 시작
------------------------------------------------------ */
.checkListWr .checkListBox { 
	margin:22px 0 0;
	padding:0 0 32px;
}
.checkListWr .sectionTop {
	position:relative;
	display:block; 
	width: 100%;
	margin:0 0 16px;
	padding:15px 40px 15px 15px;
	border-bottom:1px solid #F0F0F0;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
	text-align: left;
}
.checkListWr .sectionTop:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	right: 21px;
	margin:-8px 0 0;
	transform:rotate(45deg);
	border-bottom:2px solid #999;
	border-right:2px solid #999;
	transition:all .3s ease;
}
.checkListWr .sectionTop.on:after {
	margin:-5px 0 0;
	transform:rotate(225deg); 
}
.checkListWr * + .sectionTop { 
	margin-top:40px;
}
.checkListWr .sectionCon {
	padding: 0 16px;
}
.checkListWr .item {
	position:relative;
	padding:11px 16px 11px 55px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
	cursor:pointer;
}
.checkListWr .item .chk {
	position:absolute;
	display:block;
	width: 20px;
	height: 20px;
	top: 14px;
	left: 19px;
	background: url(/Form/_renew_vue/images/checkListChk02_off.svg) no-repeat;
	background-size:cover;
}
.checkListWr .item .chk.on {
	background-image: url(/Form/_renew_vue/images/checkListChk02_on_gray.svg);
}
.checkListWr .item + .item {
	margin-top:16px;
}
.checkListWr .item.on {
	background:#F1F2F4;
	border-color:#BCBCC6;
}
.checkListWr .itemTop {
	cursor: pointer;
}
.checkListWr .itemTitle {
	font-weight: 500;
	font-size: 16px;
	color: #212121;
}
.checkListWr .itemSub {
	margin:8px 0 0;
	font-size: 15px;
	color: #424242;
}
.checkListWr .itemIpt {
	display:block;
	margin:5px 0 0;
	padding:8px;
	border:1px solid #F0F0F0;
	border-radius: 8px;
	font-size: 13px;
	color: #212121;
}
.checkListWr .itemIpt.fullWid { 
	width: 100%; 
}
.checkListWr .itemIpt:placeholder { 
	color: #999; 
}
.checkListWr .addBox { 
	margin:15px 0 0;
	text-align: center;
}
.checkListWr .addBox .btn { 
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:12px;
	font-size: 0;
}
.checkListWr .addBox .btn span { 
	display:block;
}
.checkListWr .addBox .btn .plus { 
	position:relative;
	width: 12px;
	height: 12px;
}
.checkListWr .addBox .btn .plus:before,
.checkListWr .addBox .btn .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #5D5FEF;
	border-radius: 4px;
}
.checkListWr .addBox .btn .plus:before { 
	width: 100%; 
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.checkListWr .addBox .btn .plus:after { 
	width: 2px; 
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.checkListWr .addBox .btn .btnTxt { 
	font-weight: 500; 
	font-size: 15px;
	color: #5D5FEF;
}
.checkListWr .btnSubmit {
	position:fixed;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	bottom: 40px;
	left: 50%;
	padding:16px;
	transform:translateX(-50%);
	background: #000;
	border-radius: 1000px;
	font-size: 0;
	z-index: 1;
}   /* 검정으로 변경(사용자요청, 2026-07-30) */
.checkListWr .btnSubmit span { 
	display:block; 
}
.checkListWr .btnSubmit .plus { 
	position:relative;
	width: 12px;
	height: 12px;
}
.checkListWr .btnSubmit .plus:before,
.checkListWr .btnSubmit .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #FFF;	
	border-radius: 4px;
}
.checkListWr .btnSubmit .plus:before { 
	width: 100%; 
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.checkListWr .btnSubmit .plus:after { 
	width: 2px; 
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.checkListWr .btnSubmit .btnTxt { 
	font-weight: 500; 
	font-size: 15px;
	color: #FFF;
}
.checkListWr  .memoPopBg {
	position: fixed;
	left: 0; right: 0;
	top: 0; bottom: 0;
	max-width:430px; margin:0 auto;
	background: rgba(0,0,0,0.35);
	display: none;
	z-index: 9999;
}
.checkListWr .memoPopBg .memoPopBox {
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	background: #fff;
	border-radius: 16px 16px 0 0;
	padding-bottom: env(safe-area-inset-bottom);
	transition: bottom .28s ease-out;
}
.checkListWr .memoPopBg.show .memoPopBox {
	bottom: 0;
}
.checkListWr .memoPopBox .topBox {
	padding: 16px 18px;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.checkListWr .memoPopBox .tit01 {
	font-size: 16px;
	font-weight: 600;
}
.checkListWr .memoPopBox .popOut {
	width: 26px;
	height: 26px;
	border: none;
	background: url('/Form/_renew_vue/images/comPopClose.svg') center/contain no-repeat;
}
.checkListWr .memoPopBox .conBox {
	padding: 18px;
}
.checkListWr .memoPopBox .btmBox {
	padding: 18px;
}
.checkListWr .memoPopBox .btnSave {
	width: 100%;
	padding: 15px 0;
	background: #ff7c5e;
	color: white;
	border: none;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 600;
}
.checkListWr .memoIcon {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	background: url('/Form/_renew_vue/images/memoIcon.svg') center/contain no-repeat;
	margin-left: auto;
}
.checkListWr .memoViewBtm {
	padding: 18px;
}
.checkListWr .memoViewBtm .btnEditMemo {
	width: 100%;
	padding: 12px;
	border-radius: 10px;
	background: #ff7c5e;
	color: #fff;
	border: none;
	font-size: 15px;
	font-weight: 600;
}
.checkListWr .memoViewThumb {
	max-height: 336px;
	overflow-y:auto;
	scrollbar-width:thin;
}
.checkListWr .memoViewThumb .thumbItem {
	font-size: 0;
}
.checkListWr .memoViewThumb .thumbItem img {
	width: 100%;
}
/* 체크리스트 끝
------------------------------------------------------ */
/* 체크리스트 등록 시작
------------------------------------------------------ */
.checkListCateformWr .topFormBox01 { 
	position:relative;
	padding:22px 16px 32px;
}
.checkListCateformWr .topFormBox01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 8px;
	bottom: 0;
	left: 0;
	background: #F5F5F5;
	border-top:1px solid #E0E0E0;
}
.checkListCateformWr .topFormBox01 .tit01 { 
	margin:0 0 10px;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.checkListCateformWr .topFormBox01 .iptBox {
	display: flex;
	gap: 12px;
}
.checkListCateformWr .topFormBox01 .ipt {
	flex-grow: 1;
	display:block;
	padding:15px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #212121;
}
.checkListCateformWr .topFormBox01 .ipt:placeholder { 
	color: #999; 
}
.checkListCateformWr .btn {
	flex-shrink:0;
	position:relative;
	display:block;
	width: 50px;
	height: 50px;
	background: #5D5FEF;
	border-radius: 10px;
	font-size: 0;
}
.checkListCateformWr .btn:before,
.checkListCateformWr .btn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 50%;
	left: 50%;
	background: #FFF;
	border-radius: 4px;
}
.checkListCateformWr .btn:before { 
	width: 18px; 
	height: 2px;
	margin:-1px 0 0 -9px;
}
.checkListCateformWr .btn:after { 
	width: 2px; 
	height: 18px;
	margin:-9px 0 0 -1px;
}
.checkListCateformWr .addList li {
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 16px;
	padding:18px 20px 18px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.checkListCateformWr .addList li:last-child { 
	margin:0;
}
.checkListCateformWr .addList .lstTit01 {
	font-weight: 500;
	font-size: 16px;
	color: #212121;
	word-break:break-all;
}
.checkListCateformWr .btnAddFix {
	flex-shrink:0;
	position:relative; 
	display:block; 
	width: 24px;
	height: 24px;
}
.checkListCateformWr .btnAddFix:before,
.checkListCateformWr .btnAddFix:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 50%;
	left: 50%;
	background: #5D5FEF;
	border-radius: 4px;
}
.checkListCateformWr .btnAddFix:before { 
	width: 18px;
	height: 2px;
	margin:-1px 0 0 -9px;
}
.checkListCateformWr .btnAddFix:after { 
	width: 2px;
	height: 18px;
	margin:-9px 0 0 -.1px;
}
/* 체크리스트 등록 끝
------------------------------------------------------ */
/* 가계부 시작
------------------------------------------------------ */
.accountBookWr { 
	padding-bottom:0;
}
.accountBookWr .subComWr { 
	padding-top:8px;
}
.accountBookWr header .headerBox02 { 
	padding:0 80px;
}
.accountBookWr .accountHeadBox { 
	position:absolute;
	display:flex;
	gap:12px;
	top: 50%;
	right: 16px;
	transform:translateY(-50%);
	font-size: 0;
}
.accountBookWr .accountHeadBox .lnk { 
	display:block;
}
.accountBookWr .accountHeadBox .lnk img { 
	max-width: 100%; 
}
.accountBookWr .filterBox {
	position: sticky;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:16px;
	background: #FFF;
	top: 0;
	z-index: 30;
}
.accountBookWr .filterLeft {
	position: relative;
}
.accountBookWr .periodSelect {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 13px 16px 12px;
	border: 1px solid #F0F0F0;
	border-radius: 10px;
	background: #FFF;
}
.accountBookWr .periodSelect span { 
	display:block;
}
.accountBookWr .periodSelect .periodText {
	font-size: 14px;
	color: #212121;
}
.accountBookWr .periodSelect .arrow {
	font-size: 0;
	transition: transform 0.2s;
}
.accountBookWr .periodSelect.open .arrow {
	transform: rotate(180deg);
}
.accountBookWr .filterRight {
	position:relative;
}
.accountBookWr .filterRight .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow:hidden;
}
.accountBookWr .filterRight .chkLbl {
	position:relative; 
	display:block;
	padding:0 0 0 32px;
	font-size: 14px;
	color: #212121;
}
.accountBookWr .filterRight .chkLbl:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/comChk01_off.svg) no-repeat;
	background-size:cover;
}
.accountBookWr .filterRight .chkIpt:checked + .chkLbl:before { 
	background-image: url(/Form/_renew_vue/images/comChk01_on.svg);
}
.accountBookWr .navButtonBox {
	display: flex;
	gap: 12px;
}
.accountBookWr .navButtonBox .btn {
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:8px;
	width: calc((100% - 12px)/2);
	padding:13px 8px 12px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 0 rgba(141,141,141,.25);
	font-size: 0;
}
.accountBookWr .navButtonBox .btn span { 
	display:block;
}
.accountBookWr .navButtonBox .btnIco img {
	max-width: 100%;
}
.accountBookWr .navButtonBox .btnTxt { 
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.accountBookWr .daySection { 
	padding:20px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.accountBookWr .daySection + .daySection { 
	margin-top:16px;
}
.accountBookWr .dayHeader {
	margin:0 0 10px;
	font-weight: 500;
	font-size: 15px;
	color: #5D5FEF;
}
.accountBookWr .dayHeader span {
	font-weight: 400;
	font-size: 14px;
	color: #797979;
}
.accountBookWr .expenseItem {
	position:relative;
	display: flex;
	align-items: center;
	justify-content:space-between;
	padding:12px 0 12px 32px;
	border-bottom: 1px solid #f5f5f5;
	cursor: pointer;
}
.accountBookWr .expenseItem:last-child {
	border-bottom: none;
}
.accountBookWr .expenseIcon {
	position:absolute; 
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	font-size: 0;
}
.accountBookWr .expenseIcon img {
	max-width: 100%;
}
.accountBookWr .expenseTitle {
	font-weight: 500;
	font-size: 15px;
	color: #212121;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.accountBookWr .expensePrivate {
	margin:6px 0 0;
	font-size: 13px;
	color: #666;
}
.accountBookWr .expensePlace {
	position:relative;
	padding:0 0 0 17px;
	margin:6px 0 0;
	font-size: 13px;
	color: #666;
}
.accountBookWr .expensePlace::before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/accountMap01.svg) no-repeat;
	background-size:cover;
}
.accountBookWr .expenseAmount {
	font-size: 15px;
	font-weight: 600;
	color: #222;
	text-align: right;
	white-space: nowrap;
}
.accountBookWr .expenseMeta {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 4px;
}
.accountBookWr .expensePeople {
	font-size: 11px;
	color: #999;
	display: flex;
	align-items: center;
	gap: 3px;
}
.accountBookWr .expensePeople::before {
	content: '';
	font-size: 10px;
}
.accountBookWr .addExpenseBox { 
	margin:18px 0 0;
	text-align: center;
}
.accountBookWr .addExpenseBtn {
	display:inline-flex;
	align-items: center;
	justify-content: center;
	gap:5px;
	font-size: 0;	
}
.accountBookWr .addExpenseBtn span { 
	display:block;
}
.accountBookWr .addExpenseBtn .btnIco img { 
	max-width: 100%; 
}
.accountBookWr .addExpenseBtn .btnTxt {
	font-weight: 500;
	font-size: 13px;
	color: #212121;
}
/* 드래그 앤 드롭 스타일 */
.accountBookWr .dragHandle {
	display: none;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	font-size: 18px;
	color: #999;
	cursor: grab;
	align-items: center;
	justify-content: center;
}
.accountBookWr .dragHandle:active {
	cursor: grabbing;
}
.accountBookWr .expenseItem.draggable {
	padding-left: 56px;
}
.accountBookWr .expenseItem.draggable .dragHandle {
	display: flex;
}
.accountBookWr .expenseItem.draggable .expenseIcon {
	left: 24px;
}
.accountBookWr .expenseItem.dragging {
	opacity: 0.9;
	pointer-events: none;
}
.accountBookWr .expenseList.dropZone {
	min-height: 60px;
}
.accountBookWr .expenseList.dropZone:empty::after {
	content: '여기로 드래그하세요';
	display: block;
	padding: 16px;
	text-align: center;
	color: #aaa;
	font-size: 13px;
}
.accountBookWr .totalBar {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 480px;
	background: #fff;
	border-top: 1px solid #eee;
	padding: 16px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100;
	box-shadow: 0 -4px 12px rgba(0,0,0,0.06);
}
.accountBookWr .totalBar .currencyAmount {
	font-size: 14px;
	color: #666;
}
.accountBookWr .totalBar .totalAmount {
	font-size: 18px;
	font-weight: 700;
	color: #222;
}
.accountBookWr .totalBar .totalAmount span {
	color: #5D5FEF;
}
.accountBookWr .emptyState {
	padding: 60px 20px;
	text-align: center;
}
.accountBookWr .emptyState .emptyIcon {
	width: 80px;
	height: 80px;
	margin: 0 auto 16px;
	background: #fff6f3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.accountBookWr .emptyState .emptyIcon img {
	width: 40px;
	height: 40px;
	opacity: 0.5;
}
.accountBookWr .emptyState p {
	font-size: 14px;
	color: #999;
}
.accountBookWr .popScrollArea {
	flex: 1;
	overflow-y: auto;
	padding-bottom: 80px;
}
.accountBookWr .popHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 20px;
	border-bottom: 1px solid #f0f0f0;
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 10;
}
.accountBookWr .popHeader .popTitle {
	font-size: 17px;
	font-weight: 600;
}
.accountBookWr .popHeader .popClose {
	width: 24px;
	height: 24px;
	background: url('/Form/_renew_vue/images/comPopClose.svg') center/contain no-repeat;
	border: none;
	cursor: pointer;
}
.accountBookWr .currencySelect {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 10px 0;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	border: none;
	background: none;
}
.accountBookWr .currencySelect .arrow {
	width: 12px;
	height: 12px;
	background: url('/Form/_renew_vue/images/comAccDown.svg') center/contain no-repeat;
}
.accountBookWr .amountIptBox { 
	position:relative; 
	margin:0 0 16px;
	padding:0 0 24px;
}
.accountBookWr .amountIptBox:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 8px;
	bottom: 0;
	left: 0;
	background: #F5F5F5;
	border-top:1px solid #E0E0E0;
}
.accountBookWr .amountInput {
	display:block;
	width: 100%;
	margin:16px 0 14px;
	padding:30px 15px;
	background: #EEEEFF;
	font-weight: 700;
	font-size: 18px;
	color: #212121;
	text-align: left;
	outline: none;
}
.accountBookWr .amountInput::placeholder {
	color: #212121;
}
.accountBookWr .amountInput.error {
	border: 2px solid #ff4444;
	background: #fff5f5;
}
.accountBookWr .ipt.error {
	border: 2px solid #ff4444 !important;
	background: #fff5f5 !important;
}
/* 비용추가 팝업 '금액' 칸 리디자인(Option A) — schedule05·accountBook 공통 */
.accountBookWr .amountLabel { margin:14px 0 10px; }
.accountBookWr .amountLabel .require { color:#FF4D4F; }
.accountBookWr .amountIptBox > .amountField {
	display:flex; align-items:center; gap:10px;
	margin:0 0 12px; padding:18px 16px;
	background:#F4F4F6; border-radius:10px;
}
.accountBookWr .amountField .amountCur {
	flex-shrink:0; font-size:22px; font-weight:700; color:#212121; line-height:1;
}
.accountBookWr .amountField .amountInput {
	flex:1; min-width:0; width:auto; margin:0; padding:0;
	background:none !important; border:none !important; text-align:right;
	font-size:22px; font-weight:700; color:#212121;
}
.accountBookWr .amountField .amountInput::placeholder { color:#c5c5c5; opacity:1; }
.accountBookWr .amountConvert {
	font-size: 14px;
	color: #797979;
}
.accountBookWr .formGroup {
	display:flex;
	gap:12px;
}
.accountBookWr .formGroup + .formGroup { 
	margin-top:12px;
}
.accountBookWr .formCol {
	width: calc((100% - 12px)/2);
}
.accountBookWr .formCol.fullWid { 
	width: 100%; 
}
.accountBookWr .categoryList {
	display: flex;
	flex-wrap: nowrap;
	gap: 12px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	user-select: none;
	-webkit-user-select: none;
	cursor: grab;
}
.accountBookWr .categoryList:active { cursor: grabbing; }
.accountBookWr .categoryList::-webkit-scrollbar { display: none; }
.accountBookWr .categoryList img { -webkit-user-drag: none; user-drag: none; pointer-events: none; }
/* 카테고리 가로 스크롤 + 우측 '더보기' 화살표(끝 도달 시 숨김) */
.accountBookWr .categoryWrap { position: relative; }
.accountBookWr .cateMore {
	position: absolute; top: 0; right: -2px;
	width: 46px; height: 54px;
	display: flex; align-items: center; justify-content: flex-end;
	padding-right: 2px;
	border: none; cursor: pointer; color: #555;
	background: linear-gradient(to right, rgba(255,255,255,0), #fff 45%);
}
.accountBookWr .cateMore svg { width: 22px; height: 22px; }
.accountBookWr .cateMore.hide { display: none; }
.accountBookWr .categoryItem {
	flex-shrink: 0;
	text-align: center;
	cursor: pointer;
}
.accountBookWr .categoryItem .cateIcon {
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 54px;
	height: 54px;
	margin:0 0 4px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.accountBookWr .categoryItem.active .cateIcon {
	border-color: #5D5FEF;
	background: #EEEEFF;
}
.accountBookWr .categoryItem .cateName {
	font-size: 14px;
	color: #212121;
}
.accountBookWr .placeSearchBox {
	position: relative;
}
.accountBookWr .placeSearchBox .placeClearBtn {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border: none;
	background: #ccc;
	color: #fff;
	border-radius: 50%;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.accountBookWr .placeSearchBox .placeClearBtn:hover {
	background: #999;
}
.accountBookWr .personItem {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
}
.accountBookWr .personItem + .personItem { 
	margin-top:12px;
}
.accountBookWr .personAvatar {
	flex-shrink:0;
	position:relative;
	width: 42px;
	height: 42px;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	overflow: hidden;
}
.accountBookWr .personAvatar img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.accountBookWr .personItem .editPersonBtn {
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center/contain no-repeat;
	border: none;
	padding: 0;
	flex-shrink: 0;
}
.accountBookWr .personInfo {
	flex: 1;
}
.accountBookWr .personName {
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.accountBookWr .personName .meTag {
	font-weight: 400;
	font-size: 12px;
	color: #8A8F9C;
}
.accountBookWr .perChkLst01 {
	display: flex;
	gap: 16px;
}
.accountBookWr .perChkLst01 li { 
	position:relative;
	width: 35px;
}
.accountBookWr .perChkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.accountBookWr .perChkLst01 .chkLbl {
	display:block; 
	width: 16px;
	height: 16px;
	margin:0 auto;
	background:url(/Form/_renew_vue/images/accountChk01_off.svg) no-repeat;
	background-size:cover;
}
.accountBookWr .perChkLst01 .chkIpt:checked + .chkLbl {
	background-image:url(/Form/_renew_vue/images/accountChk01_on.svg);
	filter:grayscale(1);
}
.accountBookWr .addPersonBtn {
	display: flex;
	align-items: center;
	gap: 14px; /* personItem gap과 동일 */
	margin:12px 0 0; /* 좌측 여백 = 윗줄(아바타)과 정렬 */
}
.accountBookWr .addPersonBtn .circle {
	flex-shrink:0;
	position:relative;
	display:block;
	width: 42px;
	height: 42px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 50%;
}
.accountBookWr .addPersonBtn .circle:before,
.accountBookWr .addPersonBtn .circle:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 50%;
	left: 50%;
	background: #797979;
	border-radius: 4px;
}
.accountBookWr .addPersonBtn .circle:before { 
	width: 14px;
	height: 2px;
	margin:-1px 0 0 -7px;
}
.accountBookWr .addPersonBtn .circle:after { 
	width: 2px;
	height: 14px;
	margin:-7px 0 0 -1px;
}
.accountBookWr .addPersonBtn .btnTxt { 
	font-weight: 500; 
	font-size: 15px;
	color: #797979;
}
.accountBookWr .photoRow {
	position: relative;
	margin:16px 0 0;
}
.accountBookWr .photoList {
	cursor: grab;
	display: flex;
	flex-wrap: nowrap;          /* 한 줄로: [+] 좌측, 사진은 우측으로 이어짐 */
	gap: 10px;
	margin:0;
	overflow-x: auto;           /* 넘치면 좌우 드래그/스크롤 */
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.accountBookWr .photoList::-webkit-scrollbar { display: none; }
.accountBookWr .addPhotoBtn,
.accountBookWr .photoItem { flex: 0 0 auto; }   /* 줄어들지 않고 크기 유지(스크롤) */
.accountBookWr .photoMore {
	position: absolute;
	top: 0; right: -6px;
	width: 34px; height: 76px;
	display: flex; align-items: center; justify-content: flex-end;
	padding: 0;
	border: 0;
	background: linear-gradient(to right, rgba(255,255,255,0), #fff 60%);
	cursor: pointer;
}
.accountBookWr .photoMore svg { width: 22px; height: 22px; }
.accountBookWr .photoItem {
	position: relative;
	width: 76px;
	height: 76px;
	border:1px solid #EDEDED;
	border-radius: 10px;
	overflow: hidden;
}
.accountBookWr .photoItem img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.accountBookWr .photoItem .removeBtn {
	position: absolute;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	right: 0;
	background: #999;
	border-radius: 50%;
}
.accountBookWr .photoItem .removeBtn::before,
.accountBookWr .photoItem .removeBtn::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 2px;
	background: #FFF;
}
.accountBookWr .photoItem .removeBtn::before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.accountBookWr .photoItem .removeBtn::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.accountBookWr .addPhotoBtn {
	position:relative;
	display:block;
	width: 76px;
	height: 76px;
	border: 1.5px dashed #BCBCC6;
	border-radius: 10px;
}
.accountBookWr .addPhotoBtn:before,
.accountBookWr .addPhotoBtn:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 50%;
	left: 50%;
	background: #5B606B;
	border-radius: 4px;
}
.accountBookWr .addPhotoBtn:before { 
	width: 14px; 
	height: 2px;
	margin:-1px 0 0 -7px;
}
.accountBookWr .addPhotoBtn:after { 
	width: 2px; 
	height: 14px;
	margin:-7px 0 0 -1px;
}
.accountBookWr .privateCheckBox {
	position:relative; 
	margin:24px 0 0;
}
.accountBookWr .privateCheckBox .chkIpt {
	position:absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.accountBookWr .privateCheckBox .chkLbl { 
	position:relative; 
	display:block;
	padding:18px 48px 17px 19px;
	background: #EEEEFF;
	border:1px solid #5D5FEF;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.accountBookWr .privateCheckBox .chkLbl:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 50%;
	right: 19px;
	transform:translateY(-50%);
	background:url(/Form/_renew_vue/images/comChk01_off.svg) no-repeat;
	background-size:cover;
}
.accountBookWr .privateCheckBox .chkIpt:checked + .chkLbl:after { 
	background-image:url(/Form/_renew_vue/images/comChk01_on.svg);
}
.accountBookWr .privateCheckBox .privateTitle {
	position:relative;
	margin:0 0 10px;
	padding:0 0 0 27px;
	font-weight: 500;
	font-size: 16px;
	color: #212121;
}
.accountBookWr .privateCheckBox .privateTitle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/accountPrivate01.svg) no-repeat;
	background-size:cover;
}
.accountBookWr .privateCheckBox .privateDesc {
	font-size: 14px;
	color: #424242;
}
.accountBookWr .currencySearchBox {
	padding: 16px 20px;
	border-bottom: 1px solid #f0f0f0;
}
.accountBookWr .currencySearchBox input {
	width: 100%;
	padding: 12px 12px 12px 40px;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	font-size: 14px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") 12px center/18px no-repeat;
}
.accountBookWr .currencyList {
	max-height: calc(70vh - 80px);
	overflow-y: auto;
}
.accountBookWr .currencyItem {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 20px;
	border-bottom: 1px solid #f5f5f5;
	cursor: pointer;
}
.accountBookWr .currencyItem:active {
	background: #faf8ff;
}
.accountBookWr .currencyItem .currencyName {
	font-size: 14px;
	color: #333;
}
.accountBookWr .currencyItem .addBtn {
	padding: 6px 14px;
	background: #fff9f3;
	color: #5D5FEF;
	border: none;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
}
.accountBookWr .currencyItem.selected {
	background: #faf8ff;
}
.accountBookWr .currencyItem.selected .currencyName {
	color: #5D5FEF;
	font-weight: 600;
}
/* 통화 선택 시트 하단 [완료] 버튼
   margin-top = [완료] 버튼 위 여백 = 바텀시트 높이(시트는 내용 높이로 결정됨).
   이 값은 "드롭다운이 화면 밖으로 안 잘리는 최소 높이"다(사용자요청: 딱 안 잘릴 만큼만).
     필요 공간 = 필드-드롭다운 간격 6 + 드롭다운 236(테두리2+패딩16+검색창46+목록172)
     확보 공간 = margin-top + btmBox 63 + 시트 아래패딩 12
     → margin-top >= 6 + 236 - 12 - 63 ≈ 167px, 폰트 렌더 편차를 감안해 175px.
   ※ vh 상한을 걸면 안 된다 — 화면이 짧을 때 값이 줄어 드롭다운이 다시 잘린다.
   ※ 목록 칸수(.curFormDropdown .curDropList max-height)를 바꾸면 이 값도 같이 바꿔야 한다. */
.accountBookWr .currencyPopBg .btmBox {
	margin-top: 175px;
	padding: 12px 20px 0;
	border-top: 1px solid #F0F0F0;
}
.accountBookWr .currencyPopBg .btmBox .btn.st01 {
	display: block;
	width: 100%;
	padding: 14px;
	background: #5D5FEF;
	border: 1px solid #5D5FEF;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 700;
	color: #FFF;
}
/* 통화 선택 시트 — 환율 폼 */
.accountBookWr .currencyPopBg .curFormHead {
	margin: 2px 0 16px;
	font-size: 17px;
	font-weight: 700;
	color: #212121;
}
.accountBookWr .currencyPopBg .curFormRow {
	display: flex;
	align-items: center;
	gap: 9px;
}
.accountBookWr .currencyPopBg .curFormRow + .curFormRow {
	margin-top: 12px;
}
.accountBookWr .currencyPopBg .curFormLabel {
	flex-shrink: 0;
	width: 56px;
	font-size: 13px;
	color: #888;
}
.accountBookWr .currencyPopBg .curFormField {
	flex: 1;
	min-width: 0;
	position: relative;
	display: block;
	padding: 13px 40px 13px 14px;
	background: #fff;
	border: 1px solid #E3E3E7;
	border-radius: 10px;
	font-size: 14px;
	color: #212121;
	text-align: left;
}
.accountBookWr .currencyPopBg .curFormField .curFieldTxt {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.accountBookWr .currencyPopBg .curFormField:after {
	content: "";
	position: absolute;
	box-sizing: border-box;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-bottom: 1.5px solid #999;
	border-right: 1.5px solid #999;
	transform: rotate(45deg);
}
/* 통화 목록(2단계)은 폼 위에 표시 */
.accountBookWr .currencyListPopBg {
	z-index: 10001;
}
.accountBookWr .dropdownMenu {
	position: absolute;
	display: none;
	min-width: 160px;
	max-height: 215px;
	top: calc(100% + 8px);
	left: 0;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 12px;
	z-index: 100;
	overflow-x: hidden;
	overflow-y:auto;
	scrollbar-width:thin;
}
.accountBookWr .dropdownMenu.show {
	display: block;
}
.accountBookWr .dropdownMenu .menuItem {
	padding: 12px 16px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	border-bottom: 1px solid #f5f5f5;
}
.accountBookWr .dropdownMenu .menuItem:last-child {
	border-bottom: none;
}
.accountBookWr .dropdownMenu .menuItem:hover {
	background: #faf8ff;
}
.accountBookWr .dropdownMenu .menuItem.active {
	color: #5D5FEF;
	font-weight: 600;
}
.accountBookWr .personEditMenu {
	position: absolute;
	display: none;
	top: calc(100% + 4px);
	right: 0;
	min-width: 100px;
	background: #FFF;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	z-index: 200;
	overflow: hidden;
}
.accountBookWr .personEditMenu.show {
	display: block;
}
.accountBookWr .personEditMenu .menuItem {
	padding: 10px 14px;
	font-size: 13px;
	color: #333;
	cursor: pointer;
	border-bottom: 1px solid #f5f5f5;
}
.accountBookWr .personEditMenu .menuItem:last-child {
	border-bottom: none;
}
.accountBookWr .personEditMenu .menuItem:hover {
	background: #faf8ff;
}
.accountBookWr .personEditMenu .menuItem.delete {
	color: #ff4444;
}
.accountBookWr .cateIcon svg {
	width: 24px;
	height: 24px;
}
.accountBookWr .daySectionList {
	margin-top: 10px;
}
.accountBookWr .currencySummaryBox {
	position: sticky;
	top: 77px;
	padding: 16px 0;
	background: #FFF;
	z-index: 10;
}
.accountBookWr .currencySummaryHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.accountBookWr .currencyTotalLabel {
	font-size: 13px;
	color: #888;
	margin-bottom: 4px;
}
.accountBookWr .currencyTotalAmount {
	font-size: 18px;
	font-weight: 700;
	color: #222;
}
.accountBookWr .currencyArrow {
	width: 20px;
	height: 20px;
	background: url(/Form/_renew_vue/images/comAccDown.svg) center/contain no-repeat;
	transition: transform 0.3s;
	flex-shrink: 0;
}
.accountBookWr .currencySummaryHeader.on .currencyArrow {
	transform: rotate(180deg);
}
.accountBookWr .currencyDetailList {
}
.accountBookWr .currencyDetailList .currencyItem {
	padding: 12px 0;
}
.accountBookWr .currencyDetailList .currencyItem:last-child {
	border-bottom: none;
}
.accountBookWr .currencyDetailList .currencyCode {
	font-size: 14px;
	color: #666;
	font-weight: 500;
}
.accountBookWr .currencyDetailList .currencyAmount {
	font-size: 15px;
	font-weight: 600;
	color: #333;
}
.accountBookWr .currencyBox {
	position:relative;
	display:flex;
	gap:8px;
}
.accountBookWr .currencyBox .ipt {
	flex-grow:1;
}
/* 비용추가 통화선택 = 드롭다운 */
.accountBookWr .currencyBox .curDropToggle {
	position:relative;
	padding-right:36px;
}
.accountBookWr .currencyBox .curDropToggle:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	top:50%;
	right:16px;
	width:8px;
	height:8px;
	margin-top:-6px;
	border-bottom:1.5px solid #999;
	border-right:1.5px solid #999;
	transform:rotate(45deg);
	transition:transform .2s;
}
.accountBookWr .currencyBox .curDropToggle.on:after {
	margin-top:-2px;
	transform:rotate(225deg);
}
/* 공용 common.css(.comPopBox01 .conBox button.ipt)가 넣는 배경 화살표(닫힘 comSel02 / 열림 ✕ comPopDel01) 제거
   → ::after 회전 chevron 하나만 남긴다. 열림(.on) 시 연보라 배경도 제거하고 흰색으로 통일. */
.accountBookWr .currencyBox button.curDropToggle,
.accountBookWr .currencyBox button.curDropToggle.on {
	background-image:none;
	background-color:#fff;
}
/* 통화 드롭다운(비용추가 .currencyBox + 통화선택 바텀시트 .curFieldWrap 공용) */
.accountBookWr .curDropdown {
	position:absolute;
	top:calc(100% + 6px);
	left:0;
	right:0;
	z-index:30;
	padding:8px;
	background:#fff;
	border:1px solid #E3E3E7;
	border-radius:12px;
	box-shadow:0 8px 24px -6px rgba(0,0,0,.18);
}
/* 통화선택 '버튼'([이 비용 나만 보기] 아래) 드롭다운만 좌우 최소폭 + 줄바꿈 금지(사용자요청). [통화선택] 모달(.curFormDropdown)은 원래대로 */
.accountBookWr .curDropdown.expCurDrop { left:auto; right:0; width:max-content; min-width:146px; max-width:min(84vw,220px); }
.accountBookWr .curDropdown.expCurDrop .curDropItem { white-space:nowrap; }
/* 입력창 포커스(클릭) 시 테두리 회색(사용자요청) */
.accountBookWr .ipt:focus, .accountBookWr .expMemoIpt:focus { border-color:#BCBCC6 !important; outline:none !important; }
.accountBookWr .expAmtBox:focus-within { border-color:#BCBCC6 !important; }
.accountBookWr .expCurBtn:focus, .accountBookWr .expCurBtn.on { border-color:#BCBCC6 !important; outline:none !important; }
.accountBookWr .dayDropBtn:focus, .accountBookWr .dayDropBtn.on, .accountBookWr .timeDropBtn:focus, .accountBookWr .timeDropBtn.on { border-color:#BCBCC6 !important; outline:none !important; }
/* 여행준비·시간 커스텀 드롭다운 버튼(네이티브 대체). 화살표=button.ipt 기본(comSel02.svg) 하나만(중복 :after 제거), 테두리·둥근박스는 .ipt 기본, 내부 흰색 유지, 선택 연회색은 .curDropItem.on */
.accountBookWr .expDtField .dayDropBtn, .accountBookWr .expDtField .timeDropBtn { text-align:left !important; padding-left:12px !important; cursor:pointer; background-color:#FFF; height:36px; box-sizing:border-box; }
.accountBookWr .expDayDrop .curDropList, .accountBookWr .expTimeDrop .curDropList { max-height:220px; overflow-y:auto; }
/* 열림(.on) 시 화살표 유지(comPopDel01 X·#FCF6FF 연보라 방지) + 선택 하이라이트 좌우 꽉채움(사용자요청) */
/* 날짜·시간 버튼: comSel02 이미지 화살표 제거 → 회전 가능한 :after 체브런(열림 시 위로), 연보라 방지 흰배경 */
.accountBookWr .dayDropBtn, .accountBookWr .timeDropBtn { position:relative; background-image:none !important; }
.accountBookWr .dayDropBtn.on, .accountBookWr .timeDropBtn.on { background-color:#FFF !important; }
.accountBookWr .dayDropBtn:after, .accountBookWr .timeDropBtn:after { content:""; position:absolute; right:14px; top:50%; width:7px; height:7px; margin-top:-5px; border-bottom:1.6px solid #999; border-right:1.6px solid #999; transform:rotate(45deg); transition:transform .18s ease; pointer-events:none; }
.accountBookWr .dayDropBtn.on:after, .accountBookWr .timeDropBtn.on:after { margin-top:-2px; transform:rotate(-135deg); }
/* 통화 버튼 화살표도 열림 시 위로 */
.accountBookWr .expCurBtn:after { transition:transform .18s ease; }
.accountBookWr .expCurBtn.on:after { margin-top:-2px; transform:rotate(-135deg); }
.accountBookWr .expDayDrop, .accountBookWr .expTimeDrop { padding:0; overflow:hidden; }
.accountBookWr .expDayDrop .curDropItem, .accountBookWr .expTimeDrop .curDropItem { border-radius:0; }
/* [비용수정] 날짜(여행준비) 드롭다운: 목록상자 테두리는 유지, 상자 "안"의 선택/탭 항목 테두리만 제거(사용자요청) */
.accountBookWr .expDayDrop .curDropItem.on, .accountBookWr .expDayDrop .curDropItem:active { border-color:transparent; }
/* 시간 휠 피커: 오전/오후·시·분 각각 상하 드래그(스크롤 스냅), 분 00~59 (사용자요청) */
.accountBookWr .expTimeDrop.twPick { left:auto; right:0; width:210px; padding:0; overflow:hidden; }
.accountBookWr .twWrap { position:relative; display:flex; height:170px; padding:0; }
.accountBookWr .twBand { position:absolute; left:0; right:0; top:50%; height:34px; margin-top:-17px; background:#F5F5F5; border-radius:0; pointer-events:none; }
.accountBookWr .twCol { flex:1; overflow-y:auto; scroll-snap-type:y mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; text-align:center; position:relative; z-index:1; cursor:grab; }
.accountBookWr .twCol:active { cursor:grabbing; }
.accountBookWr .twCol::-webkit-scrollbar { display:none; }
.accountBookWr .twPad { height:68px; }
.accountBookWr .twItem { height:34px; line-height:34px; scroll-snap-align:center; font-size:15px; color:#B0B4BD; cursor:pointer; -webkit-user-select:none; user-select:none; }
.accountBookWr .twItem.sel { color:#212121; font-weight:700; }
.accountBookWr .curDropSearch {
	display:block;
	width:100%;
	padding:10px 12px;
	margin:0 0 6px;
	border:1px solid #E3E3E7;
	border-radius:8px;
	font-size:13px;
	color:#212121;
}
.accountBookWr .curDropSearch:focus {
	border-color:#BCBCC6;
	outline:none;
}   /* 입력창 클릭 시 테두리 회색 — .ipt:focus와 동일 규칙(사용자요청, 2026-07-30) */
.accountBookWr .curDropSearch::placeholder {
	color:#999;
}
.accountBookWr .curDropList {
	max-height:216px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
.accountBookWr .curDropItem {
	padding:11px 12px;
	border-radius:8px;
	font-size:14px;
	color:#212121;
	cursor:pointer;
	border:1px solid transparent;
}
/* 목록 항목: 선택/탭 시 연회색 하이라이트(둥근 사각형), 글씨는 검정 유지 (사용자요청: 연보라 → 연회색)
   #F5F5F5 = 프로젝트 표준 배경 회색. 기존 연보라(#F5F3FF, 밝기247)와 밝기가 거의 같아(245) 강조 세기는 그대로다. */
.accountBookWr .curDropItem:active {
	background:#F5F5F5;
	border-color:#BCBCC6;
}   /* 항목 선택 시 테두리도 회색 — 입력창 클릭 때와 동일하게(사용자요청, 2026-07-30) */
.accountBookWr .curDropItem.on {
	background:#F5F5F5;
	color:#212121;
	font-weight:600;
	border-color:#BCBCC6;
}
/* 통화선택 바텀시트: 기준통화/통화선택 필드를 드롭다운으로 (필드 아래 인라인) */
.accountBookWr .currencyPopBg .curFieldWrap {
	flex:1;
	min-width:0;
	position:relative;
}
.accountBookWr .currencyPopBg .curFieldWrap .curFormField {
	width:100%;
}
.accountBookWr .currencyPopBg .curFormField.on:after {
	transform:rotate(225deg);
	margin-top:-2px;
}
/* 통화선택 시트 드롭다운은 4개(일본 엔까지)만 보이고 그 아래는 스크롤 (비용추가 .curDropdown은 그대로 5개) */
.accountBookWr .curFormDropdown .curDropList {
	max-height:172px;
}
/* 통화 목록상자: 항목 클릭/선택 테두리 제거 + 하이라이트 좌우 여백 없이 연회색 풀폭(사용자요청)
   — 총지출 카드 통화버튼·모달 내 기준통화/통화선택(.curFormDropdown) + 비용수정 시트 통화 버튼(.expCurDrop) 동일 */
.accountBookWr .curFormDropdown, .accountBookWr .expCurDrop { padding:8px 8px 0; overflow:hidden; }
.accountBookWr .curFormDropdown .curDropList, .accountBookWr .expCurDrop .curDropList { margin:0 -8px; }
.accountBookWr .curFormDropdown .curDropItem, .accountBookWr .expCurDrop .curDropItem { border:0; border-radius:0; }
/* 기준통화/통화선택 칩: 드롭다운 열면(클릭 시) 표준 회색 테두리(사용자요청) */
.accountBookWr .currencyPopBg .curFormField.on { border-color:#BCBCC6; }
.accountBookWr .currencyPopBg .curFormField:focus { outline:none; }
/* 드롭다운을 열어도 바텀시트 높이는 그대로 유지한다(사용자요청: 클릭 전 길이 고정).
   드롭다운(.curDropdown)은 position:absolute 라 흐름을 밀지 않으므로, 예전에 시트를 늘리던
   padding-bottom:150px 만 제거하면 시트가 전혀 움직이지 않는다.
   .curSheetExpand 클래스는 Vue 가 계속 토글하지만 이제 시각 효과 없음. */
/* [완료] 버튼 있는 바텀시트: 버튼 위아래 흰 여백을 12px로 축소·대칭
   (기본 comPopBox01 padding-bottom:24 + btmBox margin-top:24 → 12/12) */
.accountBookWr .currencyPopBg .comPopBox01,
.accountBookReWr .addExpensePopBg .comPopBox01,
.accountBookReWr .reorderPopBg .comPopBox01,
.accountBookReWr .accountEditPop01 .comPopBox01 {
	padding-bottom: 12px;
}
.accountBookReWr .addExpensePopBg .btmBox,
.accountBookReWr .reorderPopBg .btmBox,
.accountBookReWr .accountEditPop01 .btmBox {
	margin-top: 12px;
}
/* 가계부 관리(⋮) 팝업: [완료] 버튼 위 구분선 + 그 위 여백 살짝 추가(사용자요청, 2026-07-30) */
.accountBookReWr .accountEditPop01 .btmBox {
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid #F0F0F0;
}
/* 비용 추가/수정 시트: 내용이 다 보이도록 확장 (화면 초과분만 스크롤) */
.accountBookReWr .addExpensePopBg .scrollBox {
	max-height: calc(100vh - 315px); /* 시트 상단이 총지출 카드 하단에 최대 근접 */
}
.accountBookReWr .addExpensePopBg .comPopBox01 { padding-top:16px; }
.accountBookReWr .addExpensePopBg .topBox { margin-bottom:18px; }
.accountBookReWr .addExpensePopBg .formGroup + .formGroup { margin-top:10px; }
/* 하단 토스트 안내 (항목명/금액 미입력 등) — alert 대신 화면 하단에 표시 */
.accountBookWr .abToast {
	position:fixed;
	left:50%;
	bottom:58px;
	transform:translateX(-50%);
	width:max-content; /* left:50% 탓에 가용폭이 화면 절반으로 잡혀 조기 줄바꿈되는 것 방지 */
	max-width:88%;
	padding:12px 22px;
	background:rgba(33,33,33,.92);
	color:#fff;
	font-size:14px;
	font-weight:500;
	line-height:1.4;
	border-radius:24px;
	box-shadow:0 6px 20px -4px rgba(0,0,0,.35);
	z-index:10011;
	white-space:normal; /* 긴 안내문구(나만보기 등)는 줄바꿈 허용 — 짧은 문구는 그대로 한 줄 */
	word-break:keep-all;
	text-align:center;
	pointer-events:none;
}
.accountBookWr .abToastFade-enter-active,
.accountBookWr .abToastFade-leave-active {
	transition:opacity .25s ease, transform .25s ease;
}
.accountBookWr .abToastFade-enter-from,
.accountBookWr .abToastFade-leave-to {
	opacity:0;
	transform:translateX(-50%) translateY(12px);
}
.accountBookWr .currencyBox .exchangeBtn,
.accountBookWr .curFormRow .exchangeBtn {
	flex-shrink:0;
	position:relative;
	display:block;
	min-width: 32px;
	padding:8px;
	background: #FFF8F0;
	border:1px solid #5D5FEF;
	border-radius: 8px;
}
.accountBookWr .currencyBox .exchangeBtn:before,
.accountBookWr .curFormRow .exchangeBtn:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:50%;
	left: 50%;
	margin:-4px 0 0 -4px;
	transform:rotate(45deg);
	border-bottom:1px solid #5D5FEF;
	border-right:1px solid #5D5FEF;
}
/* 통화 우측 환율버튼: 흰 배경·회색 테두리(#F0F0F0)·회색 화살표(#999)로 통일
   — 비용추가(.currencyBox)와 통화선택 바텀시트(.curFormRow) 동일 적용 */
.accountBookWr .currencyBox .exchangeBtn,
.accountBookWr .curFormRow .exchangeBtn {
	background:#fff;
	border-color:#F0F0F0;
	border-radius:10px;
}
/* 통화선택 시트 환율설정 버튼: 좌측 통화 필드(curFormField) 높이·모서리에 맞춤 */
.accountBookWr .curFormRow .exchangeBtn {
	align-self:stretch;
	min-width:0;
	width:44px;
	padding:0;
	border-radius:10px;
}
.accountBookWr .curFormRow .exchangeBtn:before {
	width:7px;
	height:7px;
	margin:-3.5px 0 0 -3.5px;
}
/* 통화선택 바텀시트의 환율버튼 테두리는 좌측 curFormField와 동일(#E3E3E7)로 맞춤
   (비용추가는 좌측 토글 .ipt이 #F0F0F0이라 위 규칙 그대로 사용) */
.accountBookWr .curFormRow .exchangeBtn {
	border-color:#E3E3E7;
}
.accountBookWr .currencyBox .exchangeBtn:before,
.accountBookWr .curFormRow .exchangeBtn:before {
	border-bottom-color:#999;
	border-right-color:#999;
}
.accountBookWr .withChkGuideLst {
	display:flex;
	gap:12px;
}
.accountBookWr .withChkGuideLst li { 
	position:relative;
	padding:0 18px 0 0;
	font-size: 13px;
	color: #797979;
}
.accountBookWr .withChkGuideLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 2px;
	right: 0;
	background:url(/Form/_renew_vue/images/accountWithGuide01.svg) no-repeat;
	background-size:cover;
}
/* 가계부 끝
------------------------------------------------------ */
/* 가계부 리뉴얼 시작
------------------------------------------------------ */
.accountBookReWr { 
	padding-bottom:84px;
}
.accountBookReWr .slide-enter-active,
.accountBookReWr .slide-leave-active {
	transition: all .3s ease;
	overflow: hidden;
}
.accountBookReWr .slide-enter-from,
.accountBookReWr .slide-leave-to {
	max-height: 0;
	opacity: 0;
}
.accountBookReWr .slide-enter-to,
.accountBookReWr .slide-leave-from {
	opacity: 1;
}
.accountBookReWr .abEditOn01 {
	position:absolute;
	display:block;
	width: 55px;
	height: 100%;
	top: 0;
	right: 0;
}
.accountBookReWr .abStatLnk01 {
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 40px;
	height: 100%;
	top: 0;
	right: 37px;
	z-index: 1;
}
.accountBookReWr .abStatLnk01 svg {
	width: 18px;
	height: 18px;
}
.accountBookReWr .abEditOn01:before,
.accountBookReWr .abEditOn01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 4px;
	left: 50%;
	margin:0 0 0 -2px;
	background: #212121;
	border-radius: 50%;
}
.accountBookReWr .abEditOn01:before { 
	top: 15px;
}
.accountBookReWr .abEditOn01:after { 
	top: 29px;
}
.accountBookReWr .abEditOn01 span {
	position:absolute;
	display:block;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 50%;
	margin:-2px 0 0 -2px;
	background: #212121;
	border-radius: 50%;
}
.accountBookReWr .abTopBox01 {
	padding:20px 16px 8px;
}
.accountBookReWr .abTopBox01 .btnOnlyMe {
	position:relative;
	display:block;
	margin-left:auto;
	padding:0 0 0 32px;
	font-size: 14px;
	text-align: left;
	color: #212121;
}
.accountBookReWr .abTopBox01 .btnOnlyMe:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0;
	background:url(/Form/_renew_vue/images/accountLock01_off.svg) no-repeat center / cover;
}
.accountBookReWr .abTopBox01 .btnOnlyMe.on:before {
	background-image:url(/Form/_renew_vue/images/accountLock01_on_yellow.svg?v=2)
}
.accountBookReWr .abOptBox01 {
	margin:4px 0 0;
	padding:18px 16px 6px;
	background:#FFF;
	border:1px solid #F0F0F0;
	border-radius:16px;
	box-shadow:0 4px 14px rgba(33,33,33,.04);
	cursor:pointer;
}
.accountBookReWr .abOptBox01 .abChipsFold {
	transition:height .3s ease;
	overflow:hidden;
}
.accountBookReWr .abOptBox01 .abFoldArrow {
	position:relative;
	display:block;
	width:100%;
	height:22px;
	margin:4px 0 0;
	background:none;
	border:0;
	cursor:pointer;
}
.accountBookReWr .abOptBox01 .abFoldArrow:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 9px;
	height: 9px;
	top: 7px;
	left: 50%;
	margin-left:-4.5px;
	border-bottom:1.5px solid #CDCDCD;
	border-right:1.5px solid #CDCDCD;
	transform:rotate(225deg);
	transition:transform .3s ease, top .3s ease;
}
.accountBookReWr .abOptBox01 .abFoldArrow.closed:after {
	top: 3px;
	transform:rotate(45deg);
}
.accountBookReWr .abOptBox01 .abCardHead01 {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin:0 0 16px;
}
.accountBookReWr .abOptBox01 .abTotalTit01 {
	display:block;
	margin:0;
	font-size: 14px;
	font-weight: 700;
	color: #999;
}
.accountBookReWr .abOptBox01 .abCatChips01 {
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin:16px 0 0;
}
.accountBookReWr .abOptBox01 .abCatChip01 {
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:11px 10px;
	background:#FFF;
	border:1px solid #F0F0F0;
	border-radius:13px;
	font-size:14px;
	font-weight:600;
	color:#212121;
	line-height:1;
	white-space:nowrap;
}
.accountBookReWr .abOptBox01 .abCatChip01 .chipIco {
	flex-shrink:0;
	display:inline-block;
	width:16px;
	height:16px;
	background:#6B7280;
	-webkit-mask:url(/Form/_renew_vue/images/accountBook/etc.svg) no-repeat center / contain;
	mask:url(/Form/_renew_vue/images/accountBook/etc.svg) no-repeat center / contain;
}
.accountBookReWr .abOptBox01 .abCatChip01 .chipIco.ci_food { background:#E5484D; -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/food.svg?v=2); mask-image:url(/Form/_renew_vue/images/accountBook/food.svg?v=2); }
.accountBookReWr .abOptBox01 .abCatChip01 .chipIco.ci_traffic { background:#3B82F6; -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/traffic.svg?v=2); mask-image:url(/Form/_renew_vue/images/accountBook/traffic.svg?v=2); }
.accountBookReWr .abOptBox01 .abCatChip01 .chipIco.ci_shopping { background:#8B5CF6; -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/shopping.svg); mask-image:url(/Form/_renew_vue/images/accountBook/shopping.svg); }
.accountBookReWr .abOptBox01 .abCatChip01 .chipIco.ci_hotel { background:#22C55E; -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/hotel.svg); mask-image:url(/Form/_renew_vue/images/accountBook/hotel.svg); }
.accountBookReWr .abOptBox01 .abCatChip01 .chipIco.ci_tour { background:#F97316; -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/tour.svg); mask-image:url(/Form/_renew_vue/images/accountBook/tour.svg); }
.accountBookReWr .abOptBox01 .abCatChip01 .chipIco.ci_activity { background:#14B8A6; -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/activity.svg); mask-image:url(/Form/_renew_vue/images/accountBook/activity.svg); }
.accountBookReWr .abOptBox01 .abCatChip01 .chipIco.ci_etc { background:#6B7280; -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/etc.svg); mask-image:url(/Form/_renew_vue/images/accountBook/etc.svg); }
/* ── 여행 예산 슬림 스트립 ── */
.accountBookReWr .abOptBox01 .abBgtStrip {
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
	margin:16px 0 0;
	padding:12px 14px;
	background:#F7F8FB;
	border:0;
	border-radius:12px;
	cursor:pointer;
	text-align:left;
}
.accountBookReWr .abOptBox01 .abBgtStrip .bgtLbl {
	flex-shrink:0;
	font-size:13px;
	font-weight:600;
	color:#212121;
}
.accountBookReWr .abOptBox01 .abBgtStrip .bgtBar {
	flex:1;
	height:8px;
	background:#E8EBF2;
	border-radius:99px;
	overflow:hidden;
}
.accountBookReWr .abOptBox01 .abBgtStrip .bgtBar i {
	display:block;
	height:100%;
	background:#5D5FEF;
	border-radius:99px;
	transition:width .3s ease;
}
.accountBookReWr .abOptBox01 .abBgtStrip .bgtTxt {
	flex-shrink:0;
	font-size:13px;
	font-weight:600;
	color:#212121;
	white-space:nowrap;
}
.accountBookReWr .abOptBox01 .abBgtStrip .bgtTxt em {
	font-style:normal;
	color:#5D5FEF;
}
.accountBookReWr .abOptBox01 .abBgtStrip.stOver .bgtBar i { background:#E5484D; }
.accountBookReWr .abOptBox01 .abBgtStrip.stOver .bgtTxt em { color:#E5484D; }
.accountBookReWr .abOptBox01 .abBgtStrip .bgtArw {
	position:relative;
	flex-shrink:0;
	width:8px;
	height:10px;
}
.accountBookReWr .abOptBox01 .abBgtStrip .bgtArw:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	width:7px;
	height:7px;
	top:1px;
	left:0;
	border-top:1.5px solid #B0B4C0;
	border-right:1.5px solid #B0B4C0;
	transform:rotate(45deg);
}
.accountBookReWr .abOptBox01 .abBgtStrip + .abCatChips01 { margin-top:12px; }
.accountBookWr .budgetPopBg .bgtGuide01 {
	margin:10px 2px 0;
	font-size:12px;
	color:#999;
}
.accountBookWr .budgetPopBg .btmBox .btn {
	padding:12px 14px 11px;
}
.accountBookReWr .abOptBox01 .prc01 {
	margin:0 0 12px;
	font-weight: 700;
	font-size: 28px;
	color: #212121;
	word-break:break-all;
	font-variant-numeric:tabular-nums;
}
.accountBookReWr .abOptBox01 .prc01 .prcSym01 {
	font-size: 28px;
	font-weight: 700;
	margin-right: 5px;
}
.accountBookReWr .abOptBox01 .abTotalRow {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}
.accountBookReWr .abOptBox01 .abTotalRow .prc01 {
	margin:0;
}
.accountBookReWr .abOptBox01 .abKrwLine01 {
	margin:8px 0 0;
	font-size: 14px;
	font-weight: 500;
	color: #999;
}
.accountBookReWr .abOptBox01 .abCurChip {
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 12px;
	/* 검정 그라데이션(사용자요청 2026-08-12) — 위가 밝고 아래가 어두워야 볼록해 보인다(연회색일 때와 같은 방향).
	   inset 흰 윗선은 볼록함을 만드는 핵심이라 유지하되, 검정 위에서는 .6 → .18 로 낮춰야 테두리처럼 뜨지 않는다.
	   바깥 그림자도 흰 배경에 맞춰 진하게(.08 → .28). :active(눌림) 규칙은 손대지 않는다. */
	background:linear-gradient(180deg, #3A3D49 0%, #17181D 100%);
	border:0;
	border-radius:999px;
	font-size:13px;
	font-weight:700;
	color:#fff;
	line-height:1;
	white-space:nowrap;
	box-shadow:0 1px 2px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18);
	transition:filter .15s ease, transform .15s ease;
}   /* 볼록 그라데이션 버튼화(사용자요청, 2026-07-30) — [나만보기 비용]과 짝인 통화칩을 알약→버튼처럼. _mock_abCurChip.html 후보2 */
.accountBookReWr .abOptBox01 .abCurChip:active {
	transform:translateY(1px);
	filter:brightness(.95);
}
.accountBookReWr .abOptBox01 .abCurChip .abCurSwap {
	width:15px;
	height:15px;
	flex-shrink:0;
}
.accountBookReWr .abOptBox02 dl {
	display:block;
	position:relative;
	z-index:1;
	padding:13px 14px;
	background:#FFF; /* 스와이프 시 아래 삭제 버튼을 가리도록 */
	border:1px solid #F0F0F0;
	border-radius: 10px;
	touch-action:pan-y; /* 세로 스크롤 유지 + 가로 제스처 감지 */
	transition:transform .2s ease;
}
/* 카드 좌 스와이프 → 우측 원형 삭제 버튼 */
.accountBookReWr .abOptBox02 .optSwipeWrap { position:relative; }
.accountBookReWr .abOptBox02 dl.stSwiped { transform:translateX(-56px); }
.accountBookReWr .abOptBox02 .optSwipeDel {
	position:absolute;
	top:50%;
	right:8px;
	transform:translateY(-50%);
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	background:#FF4D4F;
	border:0;
	border-radius:50%;
	box-shadow:0 3px 10px rgba(255,77,79,.35);
	opacity:0;
	pointer-events:none;
	transition:opacity .15s ease;
	cursor:pointer;
}
.accountBookReWr .abOptBox02 .optSwipeDel.show { opacity:1; pointer-events:auto; }
.accountBookReWr .abOptBox02 .optSwipeDel svg { width:18px; height:18px; }
.accountBookReWr .abOptBox02 .optMainRow {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}
.accountBookReWr .abOptBox02 .optTxts01 {
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:5px;
}
.accountBookReWr .abOptBox02 .optL1 {
	display:flex;
	align-items:center;
	gap:6px;
	min-width:0;
}
.accountBookReWr .abOptBox02 .optL2 {
	display:flex;
	flex-wrap:wrap; /* 메모가 시간 옆에 안 들어가면 통째로 아랫줄로 */
	align-items:center;
	gap:4px 5px;
}
/* 메모: 시간 옆 인라인, 줄 넘치면 아랫줄로 내려가고 길면 말줄임 */
.accountBookReWr .abOptBox02 .optMemo01 {
	max-width:100%;
	min-width:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:12px;
	line-height:1.2;
	color:#B0B4BF;
}
.accountBookReWr .abOptBox02 .optCate01 {
	font-size:13px;
	line-height:1;
	color:#999;
}
.accountBookReWr .abOptBox02 .optTime {
	font-size:12px;
	line-height:1;
	color:#AAA;
}
.accountBookReWr .abOptBox02 .optAmts01 {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:4px;
}
.accountBookReWr .abOptBox02 .optForeign {
	font-size:12px;
	line-height:1;
	color:#9a9a9a;
	text-align:right;
}
.accountBookReWr .abOptBox02 .optPayIco {
	flex-shrink:0;
	display:inline-flex;
	width:15px;
	height:15px;
	color:#9a9a9a;
}
.accountBookReWr .abOptBox02 .optPayIco svg {
	display:block;
	width:100%;
	height:100%;
}
.accountBookReWr .abOptBox02 .optPayIco.stCard { color:#FF3366; }
.accountBookReWr .abOptBox02 .optPayIco.stCash { color:#12B886; }
.accountBookReWr .abOptBox02 .optPayIco.stPay { color:#F59E0B; }

/* ── 비용 추가/수정 시트 개편 (2026-07-15 최종 목업) ── */
.accountBookWr .expLblRow {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin:0 0 8px;
}
.accountBookWr .expLblRow .iptTit01 { margin:0; }
/* 항목명 라벨 우측 AI 원문 칩 — 라벨 바로 옆에 붙임 */
.accountBookWr .expLblRow.stInline { justify-content:flex-start; }
.accountBookWr .expAiChip {
	position:relative;
	display:inline-flex;
	align-items:center;
	max-width:60%;
	margin-left:6px;
	padding:5px 10px;
	background:#5D5FEF;
	border-radius:10px;
	font-size:12px;
	font-weight:600;
	color:#FFF;
}
.accountBookWr .expAiChip .txt {
	min-width:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/* 좌측 뾰족한 꼬리 — 말풍선 느낌 */
.accountBookWr .expAiChip:before {
	content:"";
	position:absolute;
	left:-9px;
	top:50%;
	transform:translateY(-50%);
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-right:10px solid #5D5FEF;
}
/* 이 비용 나만 보기 토글 칩 — 소프트 섀도우 볼록 효과 (off 회색 / on 보라) */
.accountBookWr .expPrivChip {
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	padding:7px 13px;
	background:linear-gradient(180deg, #F8F9FC 0%, #ECEDF3 100%);
	border:0;
	border-radius:100px;
	font-size:12px;
	font-weight:600;
	color:#8A8F9C;
	cursor:pointer;
	transition:filter .15s ease, transform .15s ease;
}
.accountBookWr .expPrivChip:hover {
	transform:translateY(-1px);
	filter:brightness(.96);
}
.accountBookWr .expPrivChip:active {
	transform:translateY(1px);
	filter:brightness(.92);
}
.accountBookWr .expPrivChip.on {
	background:linear-gradient(180deg, #3A3A3A 0%, #000 100%);
	color:#FFF;
}
.accountBookWr .expPrivChip.on:hover {
	transform:translateY(-1px);
	filter:brightness(1.08);
}
.accountBookWr .expPrivChip.on:active {
	transform:translateY(1px);
	filter:brightness(.95);
}
/* 금액 입력(흰 바탕·좌측정렬·15px) + 우측 통화 버튼(110px) */
.accountBookWr .expAmtRow {
	display:flex;
	gap:8px;
	align-items:stretch;
}
.accountBookWr .expAmtBox {
	flex:1;
	min-width:0;
	display:flex;
	align-items:center;
	gap:6px;
	height:36px; /* 항목명 입력(.ipt)과 동일 */
	padding:0 14px;
	background:#FFF;
	border:1px solid #F0F0F0;
	border-radius:10px;
}
.accountBookWr .expAmtBox.error { border-color:#F53709; }
.accountBookWr .expAmtBox .cur { font-size:14px; font-weight:400; color:#212121; }
.accountBookWr .expAmtBox .amtIpt {
	flex:1;
	min-width:0;
	border:0;
	outline:none;
	font-size:14px; /* 항목명 입력과 동일 */
	font-weight:400;
	color:#212121;
	text-align:left;
	background:none;
}
.accountBookWr .expCurWrap { position:relative; flex:0 0 110px; }
.accountBookWr .expCurBtn {
	position:relative;
	width:100%;
	height:36px; /* 항목명 입력과 동일 */
	padding:0 26px 0 12px;
	background:#FFF;
	border:1px solid #F0F0F0;
	border-radius:10px;
	font-size:14px;
	font-weight:400;
	color:#212121;
	cursor:pointer;
	text-align:center;
}
.accountBookWr .expCurBtn:after {
	content:"";
	position:absolute;
	right:12px;
	top:50%;
	width:7px;
	height:7px;
	margin-top:-5px;
	border-bottom:1.6px solid #999;
	border-right:1.6px solid #999;
	transform:rotate(45deg);
}
.accountBookWr .expCurDrop { right:0; left:auto; min-width:250px; }
/* schedule05 비용 추가: 통화 셀렉트를 통화 버튼과 동일한 룩으로 */
.accountBookWr .expCurSel {
	width:100%;
	height:36px;
	padding:0 26px 0 12px;
	background:#FFF url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 10px center / 14px;
	border:1px solid #F0F0F0;
	border-radius:10px;
	font-size:14px;
	font-weight:400;
	color:#212121;
	-webkit-appearance:none;
	appearance:none;
	text-align:center;
}
.accountBookWr .amountConvert { margin:8px 2px 0; }
/* schedule05 비용 추가: 환산액 줄 + 미니 환율설정 버튼 (외화 선택 시에만 노출) */
.accountBookWr .expCnvRow { display:flex; align-items:center; gap:8px; }
.accountBookWr .expCnvRow .exchangeBtn {
	flex-shrink:0;
	position:relative;
	width:24px;
	height:24px;
	margin-top:8px;
	padding:0;
	background:#FFF;
	border:1px solid #F0F0F0;
	border-radius:8px;
}
.accountBookWr .expCnvRow .exchangeBtn:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	width:7px;
	height:7px;
	top:50%;
	left:50%;
	margin:-3.5px 0 0 -3.5px;
	transform:rotate(45deg);
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}
/* 카테고리 알약 칩 (결제수단과 동일 모양·색) */
.accountBookWr .expCateList { display:flex; gap:8px; }
.accountBookWr .expCateChip {
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:7px 12px;
	background:#FFF;
	border:1px solid #F0F0F0;
	border-radius:10px; /* 둥근 네모 */
	font-size:13px;
	font-weight:600;
	color:#212121;
	white-space:nowrap;
	cursor:pointer;
}
/* 카테고리 '>' — schedule05 지도 하단 카테고리칩과 동일한 우측 뿌연 그라데이션 페이드 + 화살표(사용자요청, 원형 배지 아님) */
.accountBookWr .categoryWrap .cateMore {
	top:0;
	right:0;
	bottom:0;
	width:34px;
	height:auto;
	padding:0 2px 0 0;
	transform:none;
	justify-content:flex-end;
	background:linear-gradient(90deg, rgba(255,255,255,0), #fff 62%);
	border:0;
	border-radius:0;
	box-shadow:none;
	color:#9AA0AA;
}
.accountBookWr .categoryWrap .cateMore svg { width:16px; height:16px; }
.accountBookWr .expCateChip.on { background:#F1F2F4; border-color:transparent; color:#212121; }
.accountBookWr .expCateChip .cIco {
	flex-shrink:0;
	display:inline-block;
	width:15px;
	height:15px;
	background:#666;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center;
	-webkit-mask-size:contain;
	mask-repeat:no-repeat;
	mask-position:center;
	mask-size:contain;
}
.accountBookWr .expCateChip.on .cIco { background:#212121; }
.accountBookWr .expCateChip .cIco.ci_food { -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/food.svg?v=2); mask-image:url(/Form/_renew_vue/images/accountBook/food.svg?v=2); }
.accountBookWr .expCateChip .cIco.ci_traffic { -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/traffic.svg?v=2); mask-image:url(/Form/_renew_vue/images/accountBook/traffic.svg?v=2); }
.accountBookWr .expCateChip .cIco.ci_shopping { -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/shopping.svg?v=2); mask-image:url(/Form/_renew_vue/images/accountBook/shopping.svg?v=2); }
.accountBookWr .expCateChip .cIco.ci_hotel { -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/hotel.svg?v=2); mask-image:url(/Form/_renew_vue/images/accountBook/hotel.svg?v=2); }
.accountBookWr .expCateChip .cIco.ci_tour { -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/tour.svg?v=2); mask-image:url(/Form/_renew_vue/images/accountBook/tour.svg?v=2); }
.accountBookWr .expCateChip .cIco.ci_etc { -webkit-mask-image:url(/Form/_renew_vue/images/accountBook/etc.svg?v=2); mask-image:url(/Form/_renew_vue/images/accountBook/etc.svg?v=2); }
/* 결제수단 칩 */
.accountBookWr .expPayRow { display:flex; gap:8px; flex-wrap:wrap; }
.accountBookWr .expPayChip {
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:7px 12px;
	background:#FFF;
	border:1px solid #F0F0F0;
	border-radius:10px; /* 카테고리 칩과 동일한 둥근 네모 */
	font-size:13px;
	font-weight:600;
	color:#212121;
	white-space:nowrap;
	cursor:pointer;
}
.accountBookWr .expPayChip svg { width:15px; height:15px; }
.accountBookWr .expPayChip.on { background:#F1F2F4; border-color:transparent; color:#212121; }
/* 메모 입력 (항목명과 동일 크기, 글씨만 축소) */
.accountBookWr .expMemoIpt { font-size:12.5px; }
.accountBookWr .expMemoIpt::placeholder { font-size:12.5px; }
/* 날짜 · 시간 행 — 좌측 아이콘 내장 */
.accountBookWr .expDot { color:#B4B8C4; }
.accountBookWr .expDtRow { display:flex; gap:10px; }
.accountBookWr .expDtField { position:relative; flex:1; min-width:0; }
.accountBookWr .expDtField .dtIco { display:none;
	position:absolute;
	left:12px;
	top:50%;
	width:15px;
	height:15px;
	transform:translateY(-50%);
	color:#8A8F9C;
	pointer-events:none;
}
.accountBookWr .expDtField .ipt { padding-left:34px; }
.accountBookWr .expDtField input[type=time].ipt {
	height:36px;
	padding-top:0;
	padding-bottom:0;
	line-height:34px;
	-webkit-appearance:none;
	appearance:none;
	background:#FFF;
}
.accountBookWr .expDtField input[type=time]::-webkit-calendar-picker-indicator { display:none; }
.accountBookReWr .abOptBox02 dt,
.accountBookReWr .abOptBox02 dd {
	display:flex;
	align-items:center;
	gap:10px;
}
.accountBookReWr .abOptBox02 dt {
	flex:1;
	min-width:0;
}
.accountBookReWr .abOptBox02 dd {
	flex-shrink:0;
}
.accountBookReWr .abOptBox02 .btnOptDel01 { 
	flex-shrink:0;
	position:relative;
	display:block;
	width: 16px;
	height: 16px;
	background: #E2502B;
	border-radius: 50%;
}
.accountBookReWr .abOptBox02 .btnOptDel01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -4px;
	background: #FFF;
	border-radius: 4px;
}
.accountBookReWr .abOptBox02 .optIcoBox01 {
	flex-shrink:0;
	display:block;
	width: 26px;
	font-size: 0;
}
.accountBookReWr .abOptBox02 .optIcoBox01 img {
	width: 100%;
	max-width: 100%;
}
.accountBookReWr .abOptBox02 .optTit01 {
	font-size: 15px;
	font-weight: 600;
	color: #212121;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.accountBookReWr .abOptBox02 .optPrc01 {
	font-size: 15px;
	font-weight: 700;
	color: #212121;
}
.accountBookReWr .abOptBox02 .btnOptGrap01 { 
	position:relative;
	display:block;
	width: 20px;
	height: 20px;
}
.accountBookReWr .abOptBox02 .btnOptGrap01:before,
.accountBookReWr .abOptBox02 .btnOptGrap01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 2px;
	left: 50%;
	margin:-1px 0 0 -7px;
	background: #666;
	border-radius: 4px;
}
.accountBookReWr .abOptBox02 .btnOptGrap01:before { 
	top: 6px;
}
.accountBookReWr .abOptBox02 .btnOptGrap01:after { 
	top: 14px;
}
.accountBookReWr .abOptBox02 .btnOptGrap01 span { 
	position:absolute;
	display:block; 
	width: 14px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -7px;
	background: #666;
	border-radius: 4px;
}
.accountBookReWr .abOptBox02 .optSwipeWrap + .optSwipeWrap {
	margin-top:8px;
}
/* 인라인 편집 드래그: 떠다니는 클론을 투명 처리 → 가로 드리프트가 안 보임(상하로만) */
.accountBookReWr .abSortFallback { opacity:0 !important; }
/* 드래그 중 제자리(placeholder) 항목 — 세로로만 이동 (연보라 배경/테두리 없음) */
.accountBookReWr .abOptBox02 dl.sortable-ghost,
.accountBookReWr .abOptBox02 .optSwipeWrap.sortable-ghost { opacity:1 !important; }
/* 편집 모드: 첫 Day 헤더(여행준비) 우측 완료 버튼 (합계금액 자리) */
.accountBookReWr .abConBox01 .topBox01 .abEditDoneTop { flex-shrink:0; background:none; border:0; padding:4px 2px; font-size:15px; font-weight:700; color:#212121; cursor:pointer; }
.accountBookReWr .abConBox01 .topBox01 .abEditDoneTop:active { opacity:.6; }
.accountBookReWr .abConBox01 {
	padding:20px 16px 98px; /* 하단 AI 입력바 자리 확보 */
}
.accountBookReWr .abConBox01 .topBox01 {
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 13px;
}
.accountBookReWr .abConBox01 * + .topBox01 { 
	margin-top:37px;
}
.accountBookReWr .abConBox01 .tit01 {
	flex:1;
	min-width:0;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
/* 일자별 접기/펼치기 — 헤더 탭 토글, 금액 우측 화살표(펼침=∧ 위 / 접힘=∨ 아래) */
.accountBookReWr .abConBox01 .topBox01 { cursor:pointer; }
.accountBookReWr .abConBox01 .dayFoldArw {
	position:relative;
	flex-shrink:0;
	width:22px;
	height:22px;
	background:none;
	border:0;
	cursor:pointer;
}
.accountBookReWr .abConBox01 .dayFoldArw:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	width:9px;
	height:9px;
	left:50%;
	top:50%;
	border-right:2px solid #B4B8C4;
	border-bottom:2px solid #B4B8C4;
	transform:translate(-50%,-30%) rotate(225deg); /* 펼침: ∧ */
	transition:transform .2s ease;
}
.accountBookReWr .abConBox01 .dayFoldArw.closed:after {
	transform:translate(-50%,-70%) rotate(45deg); /* 접힘: ∨ */
}
.accountBookReWr .abConBox01 .tit01 .gTxt01 { 
	font-weight: 400;
	font-size: 15px;
	color: #CDCDCD;
}
.accountBookReWr .abConBox01 .prc01 {
	font-weight: 700;
	font-size: 15px;
	color: #212121;
	padding-right: 2px; /* 금액을 접기 화살표에 바짝 (사용자 확정) */
}
/* ── 앱 공통 바텀시트: 열릴 때 아래→위 슬라이드 업 ──
   Vue v-if로 .on 상태 그대로 마운트되거나 display 토글로 열리는 시트들은
   common.css의 bottom 전환이 실제로 재생되지 않음 → 표시 시점마다 재생되는 keyframe으로 처리.
   (자체 슬라이드가 이미 있는 시트는 제외: compSheet/folderEditSheet/fTripDeleteSheet/lex*·pasSaveSheet/
    svSaveSheet/hpSaveSheet/trkPopSheet/aiScr, 상시 표시 지도 패널: cdMapSheet/hpSheet/svSheet/mpSheet/ggDtSheet) */
@keyframes comSheetSlideUp {
	from { transform:translate(-50%, 100%); }
	to { transform:translate(-50%, 0); }
}
@keyframes sheetSlideUpPlain {
	from { transform:translateY(100%); }
	to { transform:translateY(0); }
}
/* 표준 comPop 바텀시트 — 전 페이지 공통 (translateX(-50%) 센터링 유지) */
.comPopBg .comPopBox01 {
	animation:comSheetSlideUp .32s cubic-bezier(.22, .8, .36, 1);
}
/* 커스텀 바텀시트 — 자체 애니메이션 없는 것들 */
.accountBookReWr .statSheetBg .statSheetBox, /* 가계부: 지출 통계 시트 */
.schedule05Wr .ttSheetBox,                   /* 일정 지도: 장소 시트 */
.mapSheetBg .mapSheet,                       /* 내주변: 찜/필터/일정담기 시트 */
.cdSaveBg .cdSaveSheet,                      /* 컨텐츠 상세: 장소 저장 시트 */
.alboMenuBg .alboMenuSheet,                  /* 컨텐츠 상세: 장소 ⋯ 메뉴 시트 */
.ctAllBg .ctAllSheet,                        /* 장소 상세: 컨텐츠 전체보기 시트 */
.moreSheetBg .moreSheet,                     /* 장소 상세: 더보기 시트 */
.agWheel .agWheelSheet {                     /* 내 일정 만들기: 시간 휠 시트 */
	animation:sheetSlideUpPlain .32s cubic-bezier(.22, .8, .36, 1);
}
/* 일정 선택 시트(컨텐츠/장소 상세 공용) — translateX(-50%) 센터링 */
.schedPop .ssheet {
	animation:comSheetSlideUp .32s cubic-bezier(.22, .8, .36, 1);
}
/* ── 바텀시트 닫힘: 고스트 클론이 아래로 슬라이드 + 딤 페이드 (common.js sheetGhostClosing) ── */
@keyframes comSheetSlideDown {
	from { transform:translate(-50%, 0); }
	to { transform:translate(-50%, 100%); }
}
@keyframes sheetSlideDownPlain {
	from { transform:translateY(0); }
	to { transform:translateY(100%); }
}
@keyframes sheetGhostFade {
	from { opacity:1; }
	to { opacity:0; }
}
.sheetGhostClosing {
	pointer-events:none !important;
	animation:sheetGhostFade .3s ease forwards !important;
}
.sheetGhostClosing .comPopBox01,
.sheetGhostClosing .ssheet,
.sheetGhostClosing .aiScr {
	animation:comSheetSlideDown .3s cubic-bezier(.5, 0, .75, .5) forwards !important;
}
.sheetGhostClosing .mapSheet,
.sheetGhostClosing .cdSaveSheet,
.sheetGhostClosing .alboMenuSheet,
.sheetGhostClosing .ctAllSheet,
.sheetGhostClosing .moreSheet,
.sheetGhostClosing .agWheelSheet,
.sheetGhostClosing .svSaveSheet,
.sheetGhostClosing .hpSaveSheet,
.sheetGhostClosing .fTripDeleteSheet,
.sheetGhostClosing .ttSheetBox {
	animation:sheetSlideDownPlain .3s cubic-bezier(.5, 0, .75, .5) forwards !important;
}
/* 가계부 지출 통계 시트(iframe 포함)는 자체 닫힘 상태로 처리 */
.accountBookReWr .statSheetBg.stClosing {
	pointer-events:none;
	animation:sheetGhostFade .3s ease forwards;
}
.accountBookReWr .statSheetBg.stClosing .statSheetBox {
	animation:sheetSlideDownPlain .3s cubic-bezier(.5, 0, .75, .5) forwards;
}

/* ── 지출 통계 바텀시트 (expenseHistory 임베드) ── */
.accountBookReWr .statSheetBg .statSheetBox {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:210px; /* 총지출 카드(접힘) 바로 아래 */
	display:flex;
	flex-direction:column;
	background:#FFF;
	border-radius:20px 20px 0 0;
	overflow:hidden;
	box-shadow:0 -8px 30px rgba(0,0,0,.14);
}
.accountBookReWr .statSheetBg .sheetGrab {
	flex-shrink:0;
	width:44px;
	height:4px;
	margin:10px auto 6px;
	background:#E4E5EE;
	border-radius:99px;
}
.accountBookReWr .statSheetBg .statSheetFrame {
	flex:1;
	width:100%;
	border:0;
}

/* ── AI 빠른입력 바 (하단 고정) ── */
.accountBookReWr .abAiBar01 {
	position:fixed;
	display:flex;
	align-items:center;
	gap:8px;
	width: 100%;
	max-width: 430px;
	left: 0;
	right: 0;
	bottom: 90px;
	margin:0 auto;
	padding:0 16px;
	z-index: 900;
	pointer-events:none; /* 래퍼는 클릭 통과 — 입력창/버튼만 반응 */
}
.accountBookReWr .abAiBar01 .aiBarIpt {
	pointer-events:auto;
	flex:1;
	min-width:0;
	height: 52px;
	padding:0 20px;
	background: #FFF;
	border:1px solid #E7E8EF;
	border-radius: 999px;
	font-size: 15px;
	color: #212121;
	box-shadow:0 6px 20px rgba(33,33,33,.12);
	outline:none;
}
.accountBookReWr .abAiBar01 .aiBarIpt::placeholder { color:#B4B8C4; }
.accountBookReWr .abAiBar01 .aiBarIpt:disabled { background:#F7F7FA; }
.accountBookReWr .abAiBar01 .aiBarBtn {
	pointer-events:auto;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 46px;
	height: 46px;
	background: #5D5FEF;
	border:0;
	border-radius: 50%;
	box-shadow:0 6px 20px rgba(93,95,239,.35);
	cursor:pointer;
}
.accountBookReWr .abAiBar01 .aiBarBtn:disabled { opacity:.65; }
.accountBookReWr .abAiBar01 .aiBarBtn svg { width: 20px; height: 20px; }
.accountBookReWr .abAiBar01 .aiBarBtn.busy svg { animation:abAiSpin 1s linear infinite; }
@keyframes abAiSpin { to { transform:rotate(360deg); } }
.accountBookReWr .abEditDoneBar {
	position:fixed;
	display:flex;
	gap:8px;
	width: 100%;
	max-width: 430px;
	bottom: 0;
	margin:0 auto;
	padding:16px;
	background: #FFF;
	border-top:1px solid #EDEDED;
	z-index: 9;
}
.accountBookReWr .abEditDoneBar .btn { 
	display:block;
	width: 100%;
	padding:16px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #FFF;
}
.accountEditPop01 { 
	display:block;
}
.accountEditPop01 .acEditLst01 li { 
	margin:0 0 27px;
}
.accountEditPop01 .acEditLst01 li:last-child { 
	margin:0;
}
.accountEditPop01 .acEditLst01 .lstBtn01 { 
	position:relative;
	display:block;
	width: 100%;
	padding:0 0 0 36px;
	font-weight: 500;
	font-size: 16px;
	color: #424242;
	text-align: left;
}
.accountEditPop01 .acEditLst01 .lstBtn01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: -3px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.accountEditPop01 .acEditLst01 .lstBtn01.stCsv01:before { 
	background-image: url(/Form/_renew_vue/images/accountEdit_csv01.svg);
}
.accountEditPop01 .acEditLst01 .lstBtn01.stExpense01:before { 
	background-image: url(/Form/_renew_vue/images/accountEdit_expense01.svg);
}
.accountEditPop01 .acEditLst01 .lstBtn01.stAccount01:before { 
	background-image: url(/Form/_renew_vue/images/accountEdit_account01.svg);
}
.accountEditPop01 .acEditLst01 .lstBtn01.stEdit01:before {
	background-image: url(/Form/_renew_vue/images/accountEdit_edit01.svg);
}

/* ── 순서 변경 및 삭제 바텀시트 ── */
.accountBookReWr .reorderPopBg .comPopBox01 .conBox {
	padding-top: 4px;
}
.accountBookReWr .reorderToolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 2px 12px;
	border-bottom: 1px solid #f0f0f0;
}
.accountBookReWr .reorderChk {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.accountBookReWr .reorderChk .chkIpt {
	position: absolute;
	width: 0; height: 0;
	overflow: hidden;
	opacity: 0;
}
.accountBookReWr .reorderChk .chkLbl {
	display: block;
	width: 20px; height: 20px;
	flex-shrink: 0;
	cursor: pointer;
	background: url(/Form/_renew_vue/images/accountChk01_off.svg) no-repeat center;
	background-size: contain;
}
.accountBookReWr .reorderChk .chkIpt:checked + .chkLbl {
	background-image: url(/Form/_renew_vue/images/accountChk01_on.svg);
}
.accountBookReWr .reorderChkTxt {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	cursor: pointer;
}
/* 하단 바 — 삭제: 선택 전 회색·선택 후 보라 / 완료(st01): 항상 보라 + 흰 글씨 */
.accountBookReWr .reorderPopBg .btmBox .btn {
	background: #EDEDED;
	border-color: #EDEDED;
	color: #9a9a9a;
	box-shadow: none;
}
.accountBookReWr .reorderPopBg .btmBox .btn.on,
.accountBookReWr .reorderPopBg .btmBox .btn.st01 {
	background: #5D5FEF;
	border-color: #5D5FEF;
	color: #FFF;
}
.accountBookReWr .reorderPopBg .btmBox .btn:disabled {
	cursor: default;
}
.accountBookReWr .reorderScroll {
	max-height: calc(80vh - 210px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.accountBookReWr .reorderDayTit {
	margin: 14px 0 6px;
	font-size: 13px;
	font-weight: 700;
	color: #8c4bff;
}
.accountBookReWr .reorderDayTit span {
	color: #b9a3e8;
	font-weight: 500;
}
.accountBookReWr .reorderList {
	list-style: none;
	margin: 0;
	padding: 0;
}
.accountBookReWr .reorderItem {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 2px;
	border-bottom: 1px solid #f5f5f5;
	background: #fff;
}
.accountBookReWr .reorderItem.sortable-ghost {
	opacity: .4;
}
.accountBookReWr .reorderItem.sortable-chosen {
	background: #faf7ff;
}
.accountBookReWr .reorderIco {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px; height: 36px;
	flex-shrink: 0;
	border-radius: 9px;
	background: #f5f3ff;
}
.accountBookReWr .reorderIco img {
	width: 20px; height: 20px;
}
.accountBookReWr .reorderName {
	flex: 1;
	min-width: 0;
	font-size: 14px;
	color: #222;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.accountBookReWr .reorderName .optPlace01 {
	color: #9a9a9a;
	font-style: normal;
	font-size: 12px;
}
.accountBookReWr .reorderPrc {
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 600;
	color: #333;
}
.accountBookReWr .reorderHandle {
	position: relative;
	display: block;
	width: 24px; height: 24px;
	flex-shrink: 0;
	cursor: grab;
	touch-action: none;
}
.accountBookReWr .reorderHandle:before,
.accountBookReWr .reorderHandle:after,
.accountBookReWr .reorderHandle span {
	content: "";
	position: absolute;
	display: block;
	width: 14px; height: 2px;
	left: 50%;
	margin-left: -7px;
	background: #bbb;
	border-radius: 4px;
}
.accountBookReWr .reorderHandle:before { top: 7px; }
.accountBookReWr .reorderHandle span { top: 11px; }
.accountBookReWr .reorderHandle:after { top: 15px; }
.accountBookReWr .reorderEmpty {
	padding: 50px 0;
	text-align: center;
	font-size: 14px;
	color: #999;
}

/* ── 비용 추가/수정 모달 하단 버튼: 전부 같은 형식(풀와이드) + 가운데 정렬 ── */
.accountBookReWr .addExpensePopBg .btmBox {
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.accountBookReWr .addExpensePopBg .btmBox .btn {
	width: 100%;
	padding: 11px 14px;
	font-size: 14px;
}
/* 완료 버튼: 보라색 박스 + 흰색 글씨 */
.accountBookReWr .addExpensePopBg .btmBox .btn.st01 {
	background: #5D5FEF;
	border-color: #5D5FEF;
	color: #FFF;
}
/* 금액 입력창 아래 구분선: 굵은 회색 바 → 얇고 연한 회색 실선 + 위/아래 여백 16px 통일 */
.accountBookReWr .amountIptBox {
	padding-bottom: 16px;
	margin-bottom: 16px;
}
.accountBookReWr .amountIptBox > .amountField {
	margin-bottom: 0;
}
.accountBookReWr .amountConvert {
	margin-top: 6px;
}
.accountBookReWr .amountIptBox:after {
	height: 1px;
	background: #EDEDED;
	border-top: 0;
}
/* 가계부 리뉴얼 끝
------------------------------------------------------ */
/* 숙소 추가 시작
------------------------------------------------------ */
.addLodgingWr .lodgingTopBox { 
	position:relative;
	position: sticky;
	top: 0;
	padding:24px 16px 32px;
	background: #FFF;
}
.addLodgingWr .lodgingTopBox:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 8px;
	bottom: 0;
	left: 0;
	background: #F5F5F5;
	border-top:1px solid #E0E0E0;
}
.addLodgingWr .lodgingTopBox .lnk { 
	position:relative; 
	display:block;
	margin:0 0 16px;
	padding:16px 50px 19px 95px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	font-size: 0;
	text-align: left;
}
.addLodgingWr .lodgingTopBox .lnk span { 
	display:block;
}
.addLodgingWr .lodgingTopBox .lnk:last-child { 
	margin:0;
}
.addLodgingWr .lodgingTopBox .lnkImgBox,
.addLodgingWr .lodgingTopBox .lnkIco { 
	position:absolute; 
	top: 50%;
	transform:translateY(-50%);
}
.addLodgingWr .lodgingTopBox .lnkImgBox img,
.addLodgingWr .lodgingTopBox .lnkIco img { 
	max-width: 100%; 
}
.addLodgingWr .lodgingTopBox .lnkImgBox { 
	left: 19px;
}
.addLodgingWr .lodgingTopBox .lnkIco { 
	right: 21px; 
}
.addLodgingWr .lodgingTopBox .lnkTit01 { 
	margin:0 0 11px;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
}
.addLodgingWr .lodgingTopBox .lnkTxt01 { 
	font-size: 14px; 
	line-height: 1.4;
	color: #666;
}
.addLodgingWr .lodgingConBox .tit01 { 
	margin:0 0 14px;
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.addLodgingWr .lodgingConBox .lst01 li { 
	position:relative;
	display:flex;
	align-items:center;
	gap:12px;
	margin:0 0 16px;
	padding:0 70px 0 0;
}
.addLodgingWr .lodgingConBox .lst01 li:last-child { 
	margin:0;
}
.addLodgingWr .lodgingConBox .lst01 .lstImgBox { 
	flex-shrink:0;
	position:relative; 
	width: 58px;
	height: 58px;
	border-radius: 10px;
}
.addLodgingWr .lodgingConBox .lst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.addLodgingWr .lodgingConBox .lst01 .lstTit01,
.addLodgingWr .lodgingConBox .lst01 .lstTxt01 { 
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.addLodgingWr .lodgingConBox .lst01 .lstTit01 { 
	font-weight: 500; 
	font-size: 15px;
	color: #212121;
}
.addLodgingWr .lodgingConBox .lst01 .lstTxt01 { 
	font-size: 14px;
	color: #797979;
}
.addLodgingWr .lodgingConBox .lst01 .lstBtn { 
	position:absolute; 
	display:block; 
	top: 50%;
	right: 0;
	padding:7px 14px 6px;
	transform:translateY(-50%);
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-size: 15px;
	color: #666;
}
/* 숙소 추가 끝
------------------------------------------------------ */
/* 나만의 장소 시작
------------------------------------------------------ */
.myOwnPlace01Wr,
.myOwnPlace02Wr { 
	padding-bottom:0;
}
.myOwnPlace01Wr .myOwnPlaceWr { 
	height: 100%; 
}
.myOwnPlaceWr .placeBox { 
	display:flex;
	flex-direction:column;
	height: 100%;
}
.myOwnPlaceWr .noticeTxt01 { 
	position:relative;
	padding:13px 10px 10px 40px; 
	background: #38363D;
	font-weight: 500;
	font-size: 13px;
	color: #FFF;
}
.myOwnPlaceWr .noticeTxt01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 12px;
	left: 16px;
	background:url(/Form/_renew_vue/images/myOwnNotice01.svg) no-repeat;
	background-size:cover;
}
.myOwnPlaceWr .mapBox { 
	flex-grow:1;
	position:relative;	
}
.myOwnPlaceWr .mapBox .schBox01 { 
	position:absolute; 
	width: calc(100% - 32px);
	top: 16px;
	left: 16px;
	padding:15px 37px 15px 15px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141.12);
	z-index: 1;
}
.myOwnPlaceWr .mapBox .schBox01 .ipt { 
	display:block; 
	width: 100%;
	font-size: 14px;
	color: #424242;
}
.myOwnPlaceWr .mapBox .schBox01 .ipt::placeholder { 
	color: #666; 
}
.myOwnPlaceWr .mapBox .schBox01 .btn { 
	position:absolute; 
	display:block; 
	top: 50%;
	right: 15px;
	transform:translateY(-50%);
	font-size: 0;	
}
.myOwnPlaceWr .mapBox .schBox01 .hidBox { 
	position:absolute;
	display:none;
	width: 100%;
	top: calc(100% + 12px);	
	left: 0;
	padding:0 16px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141.12);
}
.myOwnPlaceWr .mapBox .schBox01 .hidBox .hidLst01 { 
	max-height: 384px; 
	overflow-y:auto;
}
.myOwnPlaceWr .mapBox .schBox01 .hidBox li { 
	border-bottom:1px solid #F0F0F0;
}
.myOwnPlaceWr .mapBox .schBox01 .hidBox .hidBtn { 
	display:block; 
	width: 100%;
	padding:14px 0 15px;
	text-align: left;
}
.myOwnPlaceWr .mapBox .schBox01 .hidBox .hidBtn span { 
	display:block;
}
.myOwnPlaceWr .mapBox .schBox01 .hidBox .hidTit01,
.myOwnPlaceWr .mapBox .schBox01 .hidBox .hidTit02,
.myOwnPlaceWr .mapBox .schBox01 .hidBox .hidTxt01, { 
	word-break:break-all; 
}
.myOwnPlaceWr .mapBox .schBox01 .hidBox .hidTit01,
.myOwnPlaceWr .mapBox .schBox01 .hidBox .hidTit02 { 
	margin:0 0 9px;
	font-weight: 500; 
	font-size: 15px;
}
.myOwnPlaceWr .mapBox .schBox01 .hidBox .hidTit01 { 
	color: #424242;
}
.myOwnPlaceWr .mapBox .schBox01 .hidBox .hidTit02 { 
	color: #5D5FEF;
}
.myOwnPlaceWr .mapBox .schBox01 .hidBox .hidTxt01 { 
	font-size: 14px;
	color: #424242;
}
.myOwnPlaceWr .mapBox .mapView { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.myOwnPlaceWr .mapBox .noDataBox { 
	position:absolute;
	width: 100%;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	text-align: center;
}
.myOwnPlaceWr .mapBox .noDataBox .imgBox { 
	margin:0 0 9px;
	font-size: 0;
}
.myOwnPlaceWr .mapBox .noDataBox .imgBox img { 
	max-width: 100%; 
}
.myOwnPlaceWr .mapBox .noDataBox .txt01 { 
	margin:0 0 8px;
	font-weight: 700; 
	font-size: 16px;
	color: #212121;
}
.myOwnPlaceWr .mapBox .noDataBox .txt02 { 
	margin:0 0 22px;
	font-size: 14px;
	color: #797979;
}
.myOwnPlaceWr .mapBox .noDataBox .lnk01 { 
	display:inline-block;
	padding:15px 24px 13px;
	background: #FFF;
	border:1px solid #5D5FEF;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141.25);
	font-weight: 700;
	font-size: 15px;
	color: #5D5FEF;
}
.myOwnPlaceWr .iptBox01 {
	position:relative;
	padding: 22px 16px 24px;
	border-bottom:1px solid #E0E0E0;
}
.myOwnPlaceWr .iptBox01 + .iptBox01 { 
	border-top:8px solid #F5F5F5;
}
.myOwnPlaceWr .iptBox01.lastBox { 
	border-bottom:none;
}
.myOwnPlaceWr .iptTit01 { 
	display:block;
	margin:0 0 10px;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.myOwnPlaceWr * + .iptTit01 { 
	margin-top:14px;
}
.myOwnPlaceWr .ipt { 
	display:block;
	padding:15px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #212121;
}
.myOwnPlaceWr .ipt::placeholder { 
	color: #999; 
}
.myOwnPlaceWr .ipt.fullWid { 
	width: 100%; 
}
.myOwnPlaceWr .placeMapBox { 
	position:relative;
	padding:35.16% 0 0;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 0;
	overflow: hidden;
}
.myOwnPlaceWr .addrTxt01 { 
	margin:12px 0 0;
	padding:11px 15px 10px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
	word-break:break-all;
}
.myOwnPlaceWr .chkLst01 li { 
	position:relative;
	margin:0 0 14px;
}
.myOwnPlaceWr .chkLst01 li:last-child { 
	margin:0;
}
.myOwnPlaceWr .chkLst01 .chkIpt,
.myOwnPlaceWr .chkBox01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.myOwnPlaceWr .chkLst01 .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 26px;
	font-size: 14px;
	color: #666;
}
.myOwnPlaceWr .chkLst01 .chkLbl span { 
	position:absolute; 
	display:block; 
	width: 16px;
	height: 16px;
	top: 2px;
	left: 0;
	border:2px solid #CDCDCD;
	border-radius: 50%;
}
.myOwnPlaceWr .chkLst01 .chkIpt:checked + .chkLbl { 
	font-weight: 500; 
	color: #212121;
}
.myOwnPlaceWr .chkLst01 .chkIpt:checked + .chkLbl span { 
	border-color:#5D5FEF;
}
.myOwnPlaceWr .chkLst01 .chkIpt:checked + .chkLbl span:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #5D5FEF;
	border-radius: 50%;
}
.myOwnPlaceWr .chkBox01 .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 30px;
}
.myOwnPlaceWr .chkBox01 .chkLbl:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 4px;
	left: 0;
	background:#F0F0F0 url(/Form/_renew_vue/images/myOwnChk01.svg) no-repeat top 5px left 4px;
	border-radius: 3px;
}
.myOwnPlaceWr .chkBox01 .chkLbl .lblTit01 { 
	margin:0 0 10px;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.myOwnPlaceWr .chkBox01 .chkLbl .lblTxt01 { 
	font-size: 14px; 
	color: #797979;
}
.myOwnPlaceWr .chkBox01 .chkIpt:checked + .chkLbl:before { 
	background-color: #5D5FEF;
}
/* 나만의 장소 끝
------------------------------------------------------ */
/* 마이페이지 시작
------------------------------------------------------ */
.myPageWr .mpTopBox01 {	
	padding:40px 16px;
}
.myPageWr .mpMenuBox01 { 
	padding:12px 16px;
	border-top:8px solid #F5F5F5;
}
.myPageWr .mpPfBox01 { 
	display:flex;
	align-items:center; 
	gap:8px;
	margin:0 0 40px;
}
.myPageWr .mpPfBox01 .txtBox01 { 
	flex-grow:1;
	min-width: 0;
}
.myPageWr .mpPfBox01 .name01 { 
	margin:0 0 11px;
	font-weight: 700;
	font-size: 28px;
	color: #212121;
	word-break:break-all;
}
.myPageWr .mpPfBox01 .lnk01 { 
	position:relative;
	display:inline-block;
	padding:0 17px 0 0;
	font-size: 15px;
	color: #666;
	transition:all .3s ease;
}
.myPageWr .mpPfBox01 .lnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 4px;
	right: 0;
	transform:rotate(45deg);
	border-top:1px solid #A2A2A2;
	border-right:1px solid #A2A2A2;
	transition:all .3s ease;
}
.myPageWr .mpPfBox01 .lnk01:focus,
.myPageWr .mpPfBox01 .lnk01:hover { 
	color: #5D5FEF;
}
.myPageWr .mpPfBox01 .lnk01:focus:after,
.myPageWr .mpPfBox01 .lnk01:hover:after { 
	border-color: #5D5FEF;
}
.myPageWr .mpPfBox01 .imgBox { 
	flex-shrink:0;
	position:relative;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	overflow: hidden;
}
.myPageWr .mpPfBox01 .imgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit:cover;
}
.myPageWr .mpStatDl01 { 
	display:flex;
	align-items:center;
	justify-content:space-between; 
	gap:8px;
	padding:15px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.myPageWr .mpStatDl01 dt { 
	display:flex;
	align-items:center;
	gap:10px;
}
.myPageWr .mpStatDl01 dt .thumb {
	position:relative; 
	width: 42px;
	height: 42px;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	overflow: hidden;
}
.myPageWr .mpStatDl01 dt .thumb img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.myPageWr .mpStatDl01 dt .dtTxt01 { 
	font-weight: 700; 
	font-size: 16px;
	color: #212121;
}
.myPageWr .mpStatDl01 dd .ddTxt01 {
	font-weight: 500;
	font-size: 15px;
	color: #5D5FEF;
}
.myPageWr .scheduleSwipeWrap {
	position: relative;
}
.myPageWr .scheduleSwipe {
	margin:0 0 40px;
	overflow: hidden;
}
.myPageWr .schedulePagination {
	margin: 12px 0 0;
	font-size: 0;
	text-align: center;
}
.myPageWr .schedulePagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin:0 6px;
	background: #9E9E9E;
	opacity: 1;
}
.myPageWr .schedulePagination .swiper-pagination-bullet-active {
	background: #5D5FEF;
}
.myPageWr .profileBox01 .noScheduleBox {
	display:block;
	padding: 32px 16px;
	background: #F9F9F9;
	border-radius: 16px;
	text-align: center;
}
.myPageWr .profileBox01 .noScheduleBox .noTxt {
	display:block;
	font-size: 14px;
	color: #999;
	line-height: 1.5;
}
.myPageWr .myLnkLst01 { 
	display:flex;
	flex-wrap:wrap;
}
.myPageWr .myLnkLst01 li { 
	position:relative;
	width: 25%; 
}
.myPageWr .myLnkLst01 .lstLnk { 
	display:block; 
	width: 100%;
	font-size: 0;
	text-align: center;
}
.myPageWr .myLnkLst01 .lstLnk span { 
	display:block; 
}
.myPageWr .myLnkLst01 .lstLnk .lnkImg { 
	margin:0 0 12px;
}
.myPageWr .myLnkLst01 .lstLnk .lnkTxt01 { 
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
	color: #212121;
}
.myPageWr .myLnkLst02 .lstLnk { 
	position:relative; 
	display:block;
	width: 100%;
	padding:16px 0;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
	text-align: left;
	transition:all .3s ease;
}
.myPageWr .myLnkLst02 .lstLnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 17px;
	right: 8px;
	transform:rotate(45deg);
	border-top:2px solid #DBDBDB;
	border-right:2px solid #DBDBDB;
	transition:all .3s ease;
}
.myPageWr .myLnkLst02 .lstLnk:focus,
.myPageWr .myLnkLst02 .lstLnk:hover { 
	color: #5D5FEF;
}
.myPageWr .myLnkLst02 .lstLnk:focus:after,
.myPageWr .myLnkLst02 .lstLnk:hover:after { 
	border-color: #5D5FEF;
}
.myPagePop01 .comPopBox02 { 
	text-align: center; 
}
.myPagePop01 .comPopBox02 .imgBox { 
	margin:0 0 16px;
	font-size: 0;
}
.myPagePop01 .comPopBox02 .txt01 { 
	margin:0 0 14px;
	font-weight: 700;
	font-size: 16px;
	color: #424242;
}
.myPagePop01 .comPopBox02 .txt02 { 
	font-weight: 500; 
	font-size: 14px;
	color: #797979;
}
.myPagePop01 .comPopBox02 .btnBox { 
	display:flex;
	gap:12px;
	margin:28px 0 0;
}
.myPagePop01 .comPopBox02 .btnBox .btn { 
	display:block; 
	width: calc((100% - 12px)/2);
	padding:14px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
}
.myPagePop01 .comPopBox02 .btnBox .btn.st01 { 
	background: #EDEDED;
	color: #797979;
}
.myPagePop01 .comPopBox02 .btnBox .btn.st02 { 
	background: #5D5FEF;
	color: #FFF;
}
/* 마이페이지 끝
------------------------------------------------------ */
/* 프로필 편집 시작
------------------------------------------------------ */
.profileEditWr .thumbBox { 
	position:relative;
}
.profileEditWr .thumbBox .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.profileEditWr .thumbBox .fileLbl { 
	position:relative; 
	display:block;
	width: 84px;
	margin:0 auto 24px;
}
.profileEditWr .thumbBox .thumbImgBox { 
	position:relative;
	display:block;
	width: 84px;
	height: 84px;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	overflow: hidden;
}
.profileEditWr .thumbBox .thumbImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.profileEditWr .thumbBox .lblIco { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 24px;
	height: 24px;
	bottom: 0;
	right: 0;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	font-size: 0;
}
.profileEditWr .iptBox { 
	position:relative;
	padding:13px 40px 12px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	text-align: center;
}
.profileEditWr .iptBox .ipt { 
	display:block; 
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
	text-align: center;
}
.profileEditWr .iptBox .ipt::placeholder { 
	color: #999; 
}
.profileEditWr .iptBox .iptDel {
	position:absolute; 
	display:block; 
	width: 16px;
	height: 16px;
	top: 50%;
	right: 18px;
	margin:-8px 0 0;
	background: #CDCDCD;
	border-radius: 50%;
}
.profileEditWr .iptBox .iptDel:before,
.profileEditWr .iptBox .iptDel:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 2px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #FFF;
	border-radius: 4px;
}
.profileEditWr .iptBox .iptDel:before { 
	transform:rotate(45deg); 
}
.profileEditWr .iptBox .iptDel:after { 
	transform:rotate(-45deg); 
}
.profileEditWr .iptTxt01 { 
	font-size: 14px; 
	color: #797979;
}
.profileEditWr .iptBox + .iptTxt01 { 
	margin-top:10px;
}
.profileEditWr .btmBox { 
	position:fixed;
	width: 100%;
	max-width: 430px;
	bottom: 0;
	left: 50%;
	padding:16px;
	transform:translateX(-50%);
	background: #FFF;
	border-top:1px solid #F0F0F0;
}
.profileEditWr .btmBox .btn { 
	display:block; 
	width: 100%;
	padding:15px;
	background: #5D5FEF;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
	color: #FFF;
}
/* 프로필 편집 끝
------------------------------------------------------ */
/* 지출내역 시작
------------------------------------------------------ */
.expenseHistoryWr .expenTopBox01 {
	padding:21px 16px 37px;
	border-bottom:8px solid #F5F5F5;
}
.expenseHistoryWr .expenTopBox01 .selectPopOn {
	position:relative;
	display:inline-block;
	margin:0 0 10px;
	padding:0 24px 0 0;
	font-weight: 700;
	font-size: 20px;
	color: #999;
}
.expenseHistoryWr .expenTopBox01 .selectPopOn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 6px;
	right: 0;
	transform:rotate(45deg);
	border-bottom:1px solid #DBDBDB;
	border-right:1px solid #DBDBDB;
	transition:all .3s ease;
}
.expenseHistoryWr .expenTopBox01 .selectPopOn.on:after {
	top: 10px;
	transform: rotate(-135deg);
}
/* 카테고리 필터 드롭다운 */
.expenseHistoryWr .ehSelBox01 {
	position: relative;
	display: inline-block;
}
.expenseHistoryWr .ehSelDrop01 {
	position: absolute;
	top: calc(100% - 4px);
	left: 0;
	z-index: 30;
	min-width: 130px;
	background: #fff;
	border: 1px solid #EFEFEF;
	border-radius: 12px;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .12);
	overflow: hidden;
}
.expenseHistoryWr .ehSelDrop01 ul {
	list-style: none;
	margin: 0;
	padding: 6px;
}
.expenseHistoryWr .ehSelDrop01 li button {
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px 16px;
	border: 0;
	border-radius: 8px;
	background: none;
	font-size: 15px;
	color: #555;
	cursor: pointer;
	white-space: nowrap;
}
.expenseHistoryWr .expenTopBox01 .txt01 {
	font-size: 20px;
	color: #212121;
}
.expenseHistoryWr .expenTopBox01 .txt01 span { 
	font-weight: 700;
	color: #5D5FEF;
}
.expenseHistoryWr .expenConBox { 
	padding:20px 16px;
}
.expenseHistoryWr .expenConBox .expenTit01 { 
	margin:0 0 10px;
	font-weight: 700; 
	font-size: 20px;
	color: #212121;
}
.expenseHistoryWr .expenConBox .expenTit01 .gTxt01 { 
	font-weight: 400;
	font-size: 15px;
	color: #CDCDCD;
}
.expenseHistoryWr .expenConBox * + .expenTit01 { 
	margin-top:20px;
}
.expenseHistoryWr .expenConBox .btnTotalPrice { 
	position:relative; 
	display:block; 
	width: 100%;
	margin:0 0 16px;
	padding:19px 37px 19px 50px;
	background: #FFF9F4;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
	font-size: 16px;
	color: #212121;
	text-align: left;
}
.expenseHistoryWr .expenConBox .btnTotalPrice:before,
.expenseHistoryWr .expenConBox .btnTotalPrice:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.expenseHistoryWr .expenConBox .btnTotalPrice:before { 
	width: 22px; 
	height: 24px;
	top: 20px;
	left: 16px;
	background:url(/Form/_renew_vue/images/expenseCoin01.svg) no-repeat;
	background-size:cover;
}
.expenseHistoryWr .expenConBox .btnTotalPrice:after { 
	width: 10px; 
	height: 10px; 
	top: 50%;
	right: 24px;
	margin:-5px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #967c6c;
	border-right:2px solid #967c6c;
}
.expenseHistoryWr .expenConBox .btnTotalPrice span { 
	font-weight: 700; 
	font-size: 20px;
	color: #E22B2B;
}
.expenseHistoryWr .expenConBox .statTxt01 { 
	position:relative;
	margin:0 0 15px;
	padding:0 0 0 26px;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.expenseHistoryWr .expenConBox .statTxt01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 2px;
	left: 2px;
	background:url(/Form/_renew_vue/images/expenStat01.svg) no-repeat;
	background-size:cover;
}
.expenseHistoryWr .expenConBox .statLst01 li { 
	margin:0 0 16px;
	padding:20px 19px 17px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.expenseHistoryWr .expenConBox .statLst01 li:last-child { 
	margin:0;
}
.expenseHistoryWr .expenConBox .statLst01 .lstTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 12px;
}
.expenseHistoryWr .expenConBox .statLst01 .lstBtmBox { 
	display:flex;
	align-items:center;
	gap:16px;
}
.expenseHistoryWr .expenConBox .statLst01 .lstTit01 { 
	position:relative;
	padding:0 0 0 36px;
	font-weight: 500;
	font-size: 16px;
	color: #212121;
}
.expenseHistoryWr .expenConBox .statLst01 .lstTit01:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: -1px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.expenseHistoryWr .expenConBox .statLst01 .lstTit01.stTraffic:before {
	background-image: url(/Form/_renew_vue/images/accountBook/traffic.svg);
}
.expenseHistoryWr .expenConBox .statLst01 .lstTit01.stFood:before {
	background-image: url(/Form/_renew_vue/images/accountBook/food.svg);
}
.expenseHistoryWr .expenConBox .statLst01 .lstTit01.stHotel:before {
	background-image: url(/Form/_renew_vue/images/accountBook/hotel.svg);
}
.expenseHistoryWr .expenConBox .statLst01 .lstTit01.stShopping:before {
	background-image: url(/Form/_renew_vue/images/accountBook/shopping.svg);
}
.expenseHistoryWr .expenConBox .statLst01 .lstTit01.stTicket:before {
	background-image: url(/Form/_renew_vue/images/accountBook/tour.svg);
}
.expenseHistoryWr .expenConBox .statLst01 .lstTit01.stActivity:before {
	background-image: url(/Form/_renew_vue/images/accountBook/activity.svg);
}
.expenseHistoryWr .expenConBox .statLst01 .lstTit01.stEtc:before {
	background-image: url(/Form/_renew_vue/images/accountBook/etc.svg);
}
.expenseHistoryWr .expenConBox .statLst01 .lstNum { 
	font-weight: 500;
	font-size: 16px;
	color: #212121;
}
.expenseHistoryWr .expenConBox .statLst02 li { 
	margin:0 0 8px;
	padding:16px 18px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.expenseHistoryWr .expenConBox .statLst02 li:last-child { 
	margin:0;
}
.expenseHistoryWr .expenConBox .statLst02 dl { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	font-size: 14px;
	color: #212121;
}
.expenseHistoryWr .expenConBox .statLst02 dt { 
	position:relative;
	padding:0 0 0 31px;
}
.expenseHistoryWr .expenConBox .statLst02 dt:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -2px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.expenseHistoryWr .expenConBox .statLst02 dt.stTraffic:before {
	background-image: url(/Form/_renew_vue/images/accountBook/traffic.svg);
}
.expenseHistoryWr .expenConBox .statLst02 dt.stFood:before {
	background-image: url(/Form/_renew_vue/images/accountBook/food.svg);
}
.expenseHistoryWr .expenConBox .statLst02 dt.stHotel:before {
	background-image: url(/Form/_renew_vue/images/accountBook/hotel.svg);
}
.expenseHistoryWr .expenConBox .statLst02 dt.stShopping:before {
	background-image: url(/Form/_renew_vue/images/accountBook/shopping.svg);
}
.expenseHistoryWr .expenConBox .statLst02 dt.stTicket:before {
	background-image: url(/Form/_renew_vue/images/accountBook/ticket.svg);
}
.expenseHistoryWr .expenConBox .statLst02 dt.stActivity:before {
	background-image: url(/Form/_renew_vue/images/accountBook/activity.svg);
}
.expenseHistoryWr .expenConBox .statLst02 dt.stEtc:before {
	background-image: url(/Form/_renew_vue/images/accountBook/etc.svg);
}
.expenseHistoryWr .expenConBox .statLst02 dd {
	text-align: right;
}
.expenseHistoryWr .expenConBox .statLst02 dd .krwAmount {
	display: block;
	font-size: 12px;
	color: #888;
	margin-top: 2px;
}
.expenseHistoryWr .expenConBox .gaugeBox { 
	flex-grow:1;
	position:relative;
	height: 4px;
	background: #DBDBDB;
	border-radius: 1000px;
	overflow: hidden;
}
.expenseHistoryWr .expenConBox .gaugeBox .gauge { 
	position:absolute; 
	display:block;
	height: 100%;
	top: 0;
	left: 0;
	background: #5D5FEF;
}
.expenseHistoryWr .expenConBox .lstPer { 
	flex-shrink:0;
	width: 36px;
	font-size: 14px;
	color: #666;
	text-align: right;
}
.expenseHistoryWr .closeBtn {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") center/contain no-repeat;
	border: none;
	cursor: pointer;
	padding: 0;
}
.expenseHistoryWr .categorySection {
	padding: 24px 20px;
}
.expenseHistoryWr .categoryItem {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	cursor: pointer;
}
.expenseHistoryWr .categoryIcon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff9f3;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 20px;
}
.expenseHistoryWr .categoryInfo {
	flex: 1;
	min-width: 0;
}
.expenseHistoryWr .categoryName {
	font-size: 14px;
	color: #333;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 6px;
}
.expenseHistoryWr .categoryArrow {
	font-size: 12px;
	color: #999;
}
.expenseHistoryWr .categoryAmount {
	font-size: 13px;
	color: #666;
}
.expenseHistoryWr .categoryBar {
	flex: 1;
	height: 32px;
	background: #4A90E2;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 12px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	min-width: 60px;
}
.expenseHistoryWr .backButton {
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E") center/contain no-repeat;
	border: none;
	cursor: pointer;
	padding: 0;
	flex-shrink: 0;
}
.expenseHistoryWr .detailTitle {
	font-size: 16px;
	font-weight: 600;
	color: #222;
	flex: 1;
}
.expenseHistoryWr .detailFilterSection {
	padding: 16px 20px;
	border-bottom: 8px solid #f5f5f5;
}
.expenseHistoryWr .filterLabel {
	font-size: 12px;
	color: #888;
	margin-bottom: 8px;
}
.expenseHistoryWr .filterDropdown {
	position: relative;
}
.expenseHistoryWr .filterButton {
	width: 100%;
	padding: 12px 16px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	font-size: 14px;
	color: #333;
	text-align: left;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.expenseHistoryWr .filterButton::after {
	content: '▼';
	font-size: 10px;
	color: #999;
}
.expenseHistoryWr .filterOptions {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	display: none;
	z-index: 10;
	max-height: 200px;
	overflow-y: auto;
}
.expenseHistoryWr .filterOptions.active {
	display: block;
}
.expenseHistoryWr .filterOption {
	padding: 12px 16px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.expenseHistoryWr .filterOption:hover {
	background: #f5f5f5;
}
.expenseHistoryWr .filterOption.selected {
	color: #4A90E2;
}
.expenseHistoryWr .filterOption.selected::after {
	content: '✓';
	color: #4A90E2;
	font-weight: 600;
}
.expenseHistoryWr .detailList {
	padding: 20px;
	padding-bottom: 40px;
}
.expenseHistoryWr .dayGroup {
	margin-bottom: 24px;
}
.expenseHistoryWr .dayGroupTitle {
	font-size: 13px;
	font-weight: 600;
	color: #888;
	margin-bottom: 12px;
}
.expenseHistoryWr .expenseItem {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px dotted #e0e0e0;
}
.expenseHistoryWr .expenseItem:last-child {
	border-bottom: none;
}
.expenseHistoryWr .expenseItemIcon {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: #fff9f3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	flex-shrink: 0;
}
.expenseHistoryWr .expenseItemInfo {
	flex: 1;
	min-width: 0;
}
.expenseHistoryWr .expenseItemTitle {
	font-size: 14px;
	color: #333;
	font-weight: 500;
	margin-bottom: 2px;
}
.expenseHistoryWr .expenseItemPlace {
	font-size: 12px;
	color: #999;
}
.expenseHistoryWr .expenseItemAmount {
	font-size: 15px;
	font-weight: 700;
	color: #222;
	flex-shrink: 0;
}
.expenseHistoryWr .ehSchPop01 {
	display:block;
}
.expenseHistoryWr .ehSchPop01 .ehOptSel { 
	display:block;
	width: 100%;
	margin:0 0 19px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #424242;
	transition:all .3s ease;
}
.expenseHistoryWr .ehSchPop01 .ehOptSel:focus,
.expenseHistoryWr .ehSchPop01 .ehOptSel:hover { 
	color: #5D5FEF;
}
.expenseHistoryWr .ehSchPop01 .ehOptSel:last-child { 
	margin:0;
}
/* 지출내역 끝
------------------------------------------------------ */
/* 정산내역 시작
------------------------------------------------------ */
.settlementWr .settleTopBox { 
	position:relative;
	padding:22px 16px 32px;
}
.settlementWr .settleTopBox:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 8px;
	bottom: 0;
	left: 0;
	background:#F5F5F5;
	border-top:1px solid #E0E0E0;
}
.settlementWr .settleTopBox .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 22px;
}
.settlementWr .settleTopBox .txt01 { 
	font-weight: 700; 
	font-size: 20px;
	line-height: 1.5;
	color: #212121;
}
.settlementWr .settleTopBox .txt02 { 
	font-size: 15px; 
	line-height: 1.4;
	color: #797979;
}
.settlementWr .settleTopBox .imgBox { 
	font-size: 0; 
}
.settlementWr .settleConBox { 
	padding:20px 16px;
}
.settlementWr .settleConBox .tit01 { 
	margin:0 0 10px;
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.settlementWr .settleConBox * + .tit01 { 
	margin-top:20px;
}
.settlementWr .settleConBox .tit02 { 
	margin:0 0 10px;
	font-size: 15px; 
	color: #797979;
}
.settlementWr .settleConBox .individualLst01 li { 
	display:flex;
	align-items:center;
	gap:12px;
	margin:0 0 12px;
	padding:20px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.settlementWr .settleConBox .individualLst01 li:last-child { 
	margin:0;
}
.settlementWr .settleConBox .individualLst01 .lstImgBox { 
	flex-shrink:0;
	position:relative;
	width: 42px;
	height: 42px;
	border:1px solid #F0F0F0;
	border-radius: 50%;
}
.settlementWr .settleConBox .individualLst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.settlementWr .settleConBox .individualLst01 .name { 
	flex-grow:1;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
}
.settlementWr .settleConBox .individualLst01 .price { 
	flex-shrink:0;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
	text-align: right;
}
.settlementWr .settleConBox .individualLst01 .price span { 
	display:block;
	margin:7px 0 0;
	font-weight: 400;
	font-size: 14px;
	color: #666;
}
.settlementWr .settleConBox .individualLst01 .comNoData01 { 
	width: 100%;
	padding:0;
}
.settlementWr .settleConBox .individualLst01 .comNoData01 .imgBox { 
	margin:0 auto 12px;
}
.settlementWr .calculateBox01 { 
	padding:0 16px;
	background: #FFF9F4;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.settlementWr .calculateBox01 .remitLst01 { 
	display:flex;
}
.settlementWr .calculateBox01 .remitLst01 li { 
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 50%;
	gap:12px;
	padding:16px 0;
	border-bottom:1px solid #EDE5F3;
}
.settlementWr .calculateBox01 .remitLst01 li:nth-child(odd):after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-4px 0 0;
	background:url(/Form/_renew_vue/images/settleArrow01.svg) no-repeat;
	background-size:cover;
}
.settlementWr .calculateBox01 .remitLst01 .lstImgBox { 
	position:relative;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border:1px solid #F0F0F0;
	overflow: hidden;
}
.settlementWr .calculateBox01 .remitLst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.settlementWr .calculateBox01 .remitLst01 .name { 
	font-weight: 500; 
	font-size: 14px;
	color: #212121;
}
.settlementWr .calculateBox01 .totalDl { 
	display:flex;
	align-items:center; 
	justify-content:center;
	flex-direction:column;
	gap:8px;
	padding:10px 0;
}
.settlementWr .calculateBox01 .totalDl dt { 
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.settlementWr .calculateBox01 .totalDl dd { 
	position:relative;
	padding:0 0 0 32px;
	font-size: 16px;
	color: #212121;
}
.settlementWr .calculateBox01 .totalDl dd:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 19px;
	height: 23px;
	top: 1px;
	left: 0;
	background:url(/Form/_renew_vue/images/settleCoin01.svg) no-repeat;
	background-size:cover;
}
.settlementWr .calculateBox01 .totalDl dd span { 
	font-weight: 700; 
	font-size: 20px;
	color: #E22B2B;
}
.settlementWr .personList {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.settlementWr .personItem {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #fafafa;
	border-radius: 12px;
	border: 1px solid #f0f0f0;
}
.settlementWr .personAvatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	background: #e0e0e0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}
.settlementWr .personAvatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.settlementWr .personInfo {
	flex: 1;
	min-width: 0;
}
.settlementWr .personName {
	font-size: 15px;
	font-weight: 600;
	color: #222;
	margin-bottom: 4px;
}
.settlementWr .personName .meTag {
	color: #5D5FEF;
	font-size: 13px;
	margin-left: 4px;
}
.settlementWr .personPayment {
	font-size: 12px;
	color: #888;
}
.settlementWr .personAmount {
	text-align: right;
	flex-shrink: 0;
}
.settlementWr .amountTotal {
	font-size: 16px;
	font-weight: 700;
	color: #222;
	margin-bottom: 2px;
}
.settlementWr .amountPaid {
	font-size: 12px;
	color: #888;
}
.settlementWr .settlementList {
	padding: 0 20px;
}
.settlementWr .settlementListItem {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
	border-bottom: 1px solid #f5f5f5;
}
.settlementWr .settlementListItem:last-child {
	border-bottom: none;
}
.settlementWr .settlementItemLabel {
	font-size: 14px;
	color: #333;
}
.settlementWr .settlementItemLabel .number {
	color: #5D5FEF;
	font-weight: 600;
	margin-right: 6px;
}
.settlementWr .settlementItemAmount {
	font-size: 15px;
	font-weight: 700;
	color: #222;
}
.settlementWr .noSettlement {
	text-align: center;
	padding: 40px 20px;
	color: #999;
}
.settlementWr .noSettlement .icon {
	font-size: 48px;
	margin-bottom: 16px;
}
.settlementWr .noSettlement .text {
	font-size: 14px;
	line-height: 1.6;
}
/* 정산내역 끝
------------------------------------------------------ */
/* 여행 일정 시작
------------------------------------------------------ */
.wrapper.daySchedule01Wr { 
	overflow: hidden; 
}
.dayScheduleWr {
	height: calc(100vh - 72px - env(safe-area-inset-bottom, 0px));
}
.dayScheduleWr .mapBox01 {
	position:relative;
	height: calc(100% - 120px);
	font-size: 0;
	overflow: hidden;
}
.dayScheduleWr .mapBox01 #map {
	position:absolute;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #EDEDED;
}
.dayScheduleWr .sdBtmBox {
	position:absolute;
	width: 100%;
	height: calc(100% - 46px);
	top: 100%;
	background: #FFF;
	transition:all .3s ease;
	z-index: 1;
}
.dayScheduleWr .sdBtmBox .btmToggle {
	position:absolute;
	width: 100%;
	height: 46px;
	bottom: 100%;
	left: 0;
	background: #FFF;
	border-radius: 25px 25px 0 0;
}
.dayScheduleWr .sdBtmBox .btmToggle:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 64px;
	height: 4px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #EDEDED;
	border-radius: 4px;
}
.dayScheduleWr .sdBtmBox .btmCateBox01 {
	display:flex;
	gap:16px;
	margin:0 0 16px;
}
.dayScheduleWr .sdBtmBox .btmCateBox01 .btnCate {
	position:relative;
	display:block;
	padding:0 0 9px;
	font-weight: 500;
	font-size: 15px;
	color: #666;
}
.dayScheduleWr .sdBtmBox .btmCateBox01 .btnCate.on {
	color: #5D5FEF;
}
.dayScheduleWr .sdBtmBox .btmCateBox01 .btnCate.on:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #5D5FEF;
}
.dayScheduleWr .sdBtmBox .conBox {
	padding:0 16px;
	height: calc(100% - 46px);
	overflow-y: auto;
}
.dayScheduleWr .sdBtmBox .emptyTxt {
	text-align: center;
	font-size: 14px;
	color: #999;
	padding: 32px 0;
}
/* 장소 카드 Swiper */
.dayScheduleWr .placeSwiper {
	margin-top: 16px;
	overflow: visible;
}
.dayScheduleWr .placeSwiper .swiper-slide {
	width: 100%;
}
.dayScheduleWr .placeCard {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.dayScheduleWr .placeCard .cardImgBox {
	flex-shrink: 0;
	width: 58px;
	height: 58px;
	border-radius: 10px;
	background: #EDEDED;
	overflow: hidden;
}
.dayScheduleWr .placeCard .cardImgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.dayScheduleWr .placeCard .cardInfo {
	flex: 1;
	min-width: 0;
}
.dayScheduleWr .placeCard .cardTit {
	font-weight: 500;
	font-size: 15px;
	color: #212121;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 4px;
}
.dayScheduleWr .placeCard .cardTxt {
	font-size: 13px;
	color: #797979;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dayScheduleWr .placeCard .cardBtn {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	border-radius: 50%;
}
.dayScheduleWr .placeCard .cardBtn img {
	width: 20px;
	height: 20px;
}
/* 새 하단 박스 스타일 */
.dayScheduleWr .sdBtmBox02 {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 0 0 16px;
	background: #FFF;
	z-index: 10;
	overflow: hidden;
}

/* Day 탭 스타일 — 앱 표준 카테고리 칩(map.apsl .mapCateRow .mcChip)과 동일 규격으로 통일(사용자요청).
   테두리 없는 회색 알약 + 선택 시 검정. 지도 바로 아래라 상단 여백을 12→20px로 넓혔다(사용자요청). */
.dayScheduleWr .dayTabBox {
	padding: 20px 16px;   /* 위아래 동일하게(사용자요청) — 아래 12→20px */
}
.dayScheduleWr .dayTabSwiper .swiper-slide {
	width: auto;
}
.dayScheduleWr .dayTab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 15px;
	background: #F1F2F4;
	border: 0;
	border-radius: 100px;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 600;
	color: #444;
	box-shadow: none;
	white-space: nowrap;
	transition: all .2s;
}
.dayScheduleWr .dayTab.on {
	background: #17181D;
	color: #FFF;
}

/* 새 카드 스타일 */
.dayScheduleWr .placeCardSwiper {
	padding: 12px 16px;
	overflow: hidden;
}
.dayScheduleWr .placeCardSwiper .swiper-slide {
	width: 100% !important;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s;
}
.dayScheduleWr .placeCardSwiper .swiper-slide-active {
	opacity: 1;
	visibility: visible;
}
.dayScheduleWr .sdBtmBox02 .emptyTxt {
	height: 224px;   /* .placeCardSwiper와 동일 높이 — day 바꿔도 시트 길이 고정(사용자요청) */
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 14px;
	color: #999;
	padding: 8px 16px 0;
	line-height: 1.5;
}
.dayScheduleWr .placeCard02 {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 0;
	cursor: pointer;
}
.dayScheduleWr .placeCard02 .cardLeft {
	flex-shrink: 0;
}
.dayScheduleWr .placeCard02 .cardThumb {
	width: 56px;
	height: 56px;
	border-radius: 8px;
	background: #F5F5F5;
	overflow: hidden;
}
.dayScheduleWr .placeCard02 .cardThumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.dayScheduleWr .placeCard02 .cardCenter {
	flex: 1;
	min-width: 0;
}
.dayScheduleWr .placeCard02 .cardCate {
	font-size: 12px;
	color: #9AA0AC;
	margin-bottom: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dayScheduleWr .placeCard02 .cardName {
	font-weight: 700;
	font-size: 15px;
	color: #212121;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 2px;
}
.dayScheduleWr .placeCard02 .cardAddr {
	font-size: 12px;
	color: #9AA0AC;
	margin-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dayScheduleWr .placeCard02 .cardRating {
	display: flex;
	align-items: center;
	gap: 4px;
}
.dayScheduleWr .placeCard02 .cardRating .score {
	font-size: 12px;
	font-weight: 700;
	color: #212121;
}
.dayScheduleWr .placeCard02 .cardRating .stars {
	display: flex;
	font-size: 12px;
}
.dayScheduleWr .placeCard02 .cardRating .star {
	color: #E0E0E0;
}
.dayScheduleWr .placeCard02 .cardRating .star.full {
	color: #FFB800;
}
.dayScheduleWr .placeCard02 .cardRating .star.half {
	color: #FFB800;
}
.dayScheduleWr .placeCard02 .cardRating .reviewCnt {
	font-size: 11px;
	color: #999;
}
.dayScheduleWr .placeCard02 .cardRight {
	flex-shrink: 0;
}
.dayScheduleWr .placeCard02 .cardBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: transparent;
	border: none;
	padding: 0;
}
.dayScheduleWr .placeCard02 .cardBtn img {
	width: 20px;
	height: 20px;
	opacity: .5;
}
.dayScheduleWr .sdBtmBox .lst01 li {
	position:relative;
	min-height: 58px;
	margin:0 0 16px;
	padding:7px 55px 0 70px;
}
.dayScheduleWr .sdBtmBox .lst01 li:last-child {
	margin:0;
}
.dayScheduleWr .sdBtmBox .lst01 .lstImgBox {
	position:absolute;
	width: 58px;
	height: 58px;
	top: 50%;
	left: 0;
	margin:-29px 0 0;
	background: #EDEDED;
	border-radius: 10px;
	font-size: 0;
	overflow: hidden;
}
.dayScheduleWr .sdBtmBox .lst01 .lstImgBox img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.dayScheduleWr .sdBtmBox .lst01 .lstTit01,
.dayScheduleWr .sdBtmBox .lst01 .lstTxt01 { 
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.dayScheduleWr .sdBtmBox .lst01 .lstTit01 {
	margin:0 0 8px;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.dayScheduleWr .sdBtmBox .lst01 .lstTxt01 {
	font-size: 14px;
	color: #797979;
}
.dayScheduleWr .sdBtmBox .lst01 .lstBtn01 { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 48px;
	height: 40px;
	top: 50%;
	right: 0;
	margin:-20px 0 0;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
}
.dayScheduleWr .sdBtmBox.on {
	top: 94px;
}
/* 여행 일정 끝
------------------------------------------------------ */
/* 검색하기 시작
------------------------------------------------------ */
.searchWr { 
	display:flex;
	flex-direction:column;
	gap:7px;
	height: 100%;
	background: #F5F5F5;
}
.searchWr .schLineBox01 { 
	padding:15px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.searchWr .schLineBox01.stShrink { 
	flex-shrink:0; 
}
.searchWr .schLineBox01.stGrow { 
	flex-grow:1;
	max-height: calc(100% - 93px);
}
.searchWr .schLineBox01 .scrollBox { 
	height: 100%;
	overflow-y:auto;
	scrollbar-width:thin;
	word-break:break-all;
}
.searchWr .schLineBox02 { 
	padding:16px;
	background: #FFF;
	border-bottom:1px solid #E0E0E0;
}
.searchWr .schLineBox02 .tit01 { 
	margin:0 0 15px;
	font-weight: 700;
	font-size: 17px;
	line-height: 1.5;
	color: #212121;
}
.searchWr .schLineBox02 .txt01 { 
	font-weight: 500;
	font-size: 15px;
	color: #797979;
}
.searchWr .schLineBox02.stShrink { 
	flex-shrink:0;
}
.searchWr .schLineBox02.stGrow { 
	flex-grow:1;
	min-height: 0;
}
.searchWr .lnkBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.searchWr .lnkBox01 .lnk {
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	width: calc((100% - 10px)/2);
	padding:10px 10px 9px;
	border-radius: 10px;
	font-size: 0;
}
.searchWr .lnkBox01 .lnk span { 
	display:block;
}
.searchWr .lnkBox01 .lnk.st01 { 
	background: #4285F4; 
}
.searchWr .lnkBox01 .lnk.st02 { 
	background: #2346FF;
}
.searchWr .lnkBox01 .lnkIco { 
	width: 26px;
}
.searchWr .lnkBox01 .lnkIco img { 
	max-width: 100%; 
}
.searchWr .lnkBox01 .lnkTxt01 { 
	font-weight: 500;
	font-size: 15px;
	color: #FFF;
}
.searchWr .lnkBox02 { 
	text-align: center;
}
.searchWr .lnkBox02 .lnk { 
	display:inline-block;
	padding:12px 35px 13px;
	background: #FE9369;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.searchWr .lnkLst01 { 
	display:flex;
	gap:10px;
	margin:0 0 40px;
	padding:0 16px;
}
.searchWr .lnkLst01 li {
	width: calc((100% - 10px)/2);
	font-size: 0;
}
.searchWr .lnkLst01 .lnk { 
	position:relative;
	display:block; 
	width: 100%;
	padding:104% 0 0;
	border-radius: 10px;
}
.searchWr .lnkLst01 .lnk img { 
	position:absolute; 
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.searchWr .lnkLst01 .lnk.st01 { 
	background: #FCDEDC;
}
.searchWr .lnkLst01 .lnk.st02 { 
	background: #DFEFFD;
}
/* 검색하기 끝
------------------------------------------------------ */
/* 아고다 가격 비교 시작
------------------------------------------------------ */
.agodaScanWr {
	padding:16px 16px 96px;   /* 하단 고정 CTA 높이만큼 확보 */
}
.agodaScanWr .gLineBox01 { 
	padding:15px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius:15px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12); 
}
.agodaScanWr .schBox01 { 
	display:flex;
	gap:8px;
	padding:15px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.agodaScanWr .schBox01 .schIpt { 
	flex-grow:1;
	display:block;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
.agodaScanWr .schBox01 .schIpt::placeholder { 
	color: #999; 
}
.agodaScanWr .schBox01 .schBtn { 
	flex-shrink:0;
	display:block;
	width: 20px;
	font-size: 0;
}
.agodaScanWr .schBox01 .schBtn img { 
	max-width: 100%; 
}
.agodaScanWr .resultBox01 { 
	display:none;
}
/* 예전엔 이 카드(사진 포함) 전체가 sticky 라 스크롤 시 목록 절반을 덮었다.
   → sticky 는 .miniBar01(한 줄 요약바)로 옮김 */
.agodaScanWr .resultBox01 .productBox01 {
	padding:16px 0 14px;
	background: #FFF;
}
.agodaScanWr .resultBox01 .imgBox { 
	position:relative;
	padding:44.72% 0 0;
	border:1px solid #F0F0F0;
	border-bottom:none;
	border-radius: 15px 15px 0 0; 
	font-size: 0;
	overflow: hidden;
}
.agodaScanWr .resultBox01 .imgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;	
	object-fit: cover;
}
.agodaScanWr .resultBox01 .conBox {	
	padding:15px 15px 13px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 0 0 15px 15px;
}
.agodaScanWr .resultBox01 .name01 { 
	margin:0 0 13px;
	font-weight: 700;
	font-size: 18px;
	color: #212121;
	word-break:break-all;
}
.agodaScanWr .resultBox01 .scoreBox01 { 
	display:flex;
	align-items:center;
	gap:6px;
	margin:0 0 14px;
}
.agodaScanWr .resultBox01 .scorePnt01 { 
	position:relative;
	padding:0 0 0 30px;
	font-weight: 700;
	font-size: 15px;
	color: #212121;
}
.agodaScanWr .resultBox01 .scorePnt01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 2px;
	background:url(/Form/_renew_vue/images/agodaScanStat01.svg) no-repeat;
	background-size:cover;
}
.agodaScanWr .resultBox01 .reviewNum01 { 
	font-size: 14px; 
	color: #797979;
}
.agodaScanWr .resultBox01 .lowPriceDl01 { 
	display:flex;
	align-items:flex-start;
	gap:17px;
	margin:0 0 10px;
}
.agodaScanWr .resultBox01 .lowPriceDl01 dt { 
	flex-shrink:0;
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.agodaScanWr .resultBox01 .lowPriceDl01 dd { 
	font-weight: 700;
	font-size: 24px;
	line-height: 1;
	color: #5D5FEF;
	word-break:break-all;
}
.agodaScanWr .resultBox01 .infoTxt01 { 
	font-size: 14px;	
	color: #999;
}
/* 목록 헤더 (비교 결과 N곳 중 M곳 확인 / 최저가순) */
.agodaScanWr .resultBox01 .priceHead01 {
	display:flex;
	align-items:center;
	padding:14px 2px 8px;
}
.agodaScanWr .resultBox01 .priceTit01 {
	margin:0;
	font-weight: 700;
	font-size: 14.5px;
	color: #212121;
}
.agodaScanWr .resultBox01 .priceCnt01 {
	margin-left:6px;
	font-weight: 400;
	font-size: 12.5px;
	color: #8b95a1;
}
.agodaScanWr .resultBox01 .sortTxt01 {
	margin-left:auto;
	font-weight: 700;
	font-size: 12.5px;
	color: #4e5968;
}
.agodaScanWr .resultBox01 .priceLst01 li {
	display:flex;
	align-items:center;
	gap:12px;
	padding:13px 4px;
	border-bottom:1px solid #F0F0F0;
}
/* 1위 = 카드로 승격 (예전엔 .min-price 클래스만 붙고 CSS 가 없어 아무 강조도 없었다) */
.agodaScanWr .resultBox01 .priceLst01 li.min-price {
	padding:14px;
	margin:0 0 10px;
	background: #FBFBFF;
	border:1.6px solid #5D5FEF;
	border-radius: 16px;
	box-shadow:0 4px 14px -8px rgba(93,95,239,.5);
}
.agodaScanWr .resultBox01 .priceLst01 .siteLogo {
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 30px;
	height: 30px;
	background: #FFF;
	border:1px solid #ECEEF1;
	border-radius: 9px;
	line-height: 1;
	overflow:hidden;
}
.agodaScanWr .resultBox01 .priceLst01 .siteLogo img {
	width: 18px;
	height: auto;
}
.agodaScanWr .resultBox01 .priceLst01 .lstInfo {
	flex-grow:1;
	min-width:0;
}
.agodaScanWr .resultBox01 .priceLst01 .siteName {
	margin:0;
	font-weight: 700;
	font-size: 14.5px;
	color: #212121;
	white-space:nowrap;   /* word-break:break-all 때문에 "네이버 검/색" 처럼 단어 중간에서 잘렸다 */
}
/* 내부 CID 라벨(A·B·C)은 배지로 분리 */
.agodaScanWr .resultBox01 .priceLst01 .chBadge {
	display:inline-block;
	margin-left:5px;
	padding:2px 5px;
	background: #F1F2F4;
	border-radius: 5px;
	font-weight: 800;
	font-size: 10.5px;
	color: #8b95a1;
	vertical-align:1px;
}
.agodaScanWr .resultBox01 .priceLst01 .chBadge.best {
	background: #ECEEFE;
	color: #5D5FEF;
}
.agodaScanWr .resultBox01 .priceLst01 .priceDiff {
	margin:3px 0 0;
	font-size: 12px;
	color: #9aa1aa;
}
.agodaScanWr .resultBox01 .priceLst01 .priceDiff.up { color: #E0431F; }
.agodaScanWr .resultBox01 .priceLst01 .priceDiff:empty { display:none; }
.agodaScanWr .resultBox01 .priceLst01 .price01 {
	flex-shrink:0;
	margin:0;
	font-weight: 800;
	font-size: 17px;
	color: #212121;
	text-align:right;
}
.agodaScanWr .resultBox01 .priceLst01 li.min-price .price01 {
	font-size: 19px;
	color: #5D5FEF;
}
.agodaScanWr .resultBox01 .priceLst01 li.failRow .price01 {
	font-weight: 600;
	font-size: 13px;
	color: #b0b6be;
}
.agodaScanWr .resultBox01 .priceLst01 .lstLnk01 {
	flex-shrink:0;
	display:block;
	padding:9px 13px;
	background: #F4F5F7;
	border-radius: 10px;
	font-weight: 700;
	font-size: 13px;
	text-align: center;
	color: #4e5968;
	white-space:nowrap;
	transition:all .2s ease;
}
/* 최저가 행만 solid 보라 — 6개 버튼이 전부 같은 무게면 어디를 눌러야 할지 안 보인다 */
.agodaScanWr .resultBox01 .priceLst01 li.min-price .lstLnk01 {
	padding:11px 15px;
	background: #5D5FEF;
	font-size: 13.5px;
	color: #FFF;
}
.agodaScanWr .resultBox01 .priceLst01 li.failRow .lstLnk01 {
	background: #FFF;
	border:1px solid #E5E8EB;
	color: #8b95a1;
}
.agodaScanWr .resultBox01 .priceLst01 .lstLnk01:focus,
.agodaScanWr .resultBox01 .priceLst01 .lstLnk01:hover {
	background: #5D5FEF;
	color: #FFF;
}

/* 조회 중 대기 행 */
.agodaScanWr .resultBox01 .priceLst01 li.pendRow .skelLogo {
	display:block;
	width: 100%;
	height: 100%;
	border-radius: 8px;
}
.agodaScanWr .resultBox01 .priceLst01 li.pendRow .skelTxt {
	display:inline-block;
	width: 96px;
	height: 15px;
	border-radius: 4px;
}
.agodaScanWr .resultBox01 .priceLst01 li.pendRow .skelPrice {
	display:inline-block;
	width: 88px;
	height: 17px;
	border-radius: 5px;
}
.agodaScanWr .spinner {
	display: none;
	width: 50px;
	height: 50px;
	border: 4px solid rgba(255,255,255,.2);
	border-top-color: #5D5FEF;
	border-radius: 50%;
	animation: spin01 1s linear infinite;
}
@keyframes spin01 {
	to { transform: rotate(360deg); }
}
.agodaScanWr .progress-wrap {
	width: 80%;
	max-width: 320px;
	text-align: center;
}
.agodaScanWr .progress-percent {
	font-size: 23px;
	font-weight: 700;
	color: #FFF;
	margin: 12px;
}
.agodaScanWr .progress-bar-bg {
	width: 100%;
	height: 8px;
	background: rgba(255,255,255,.15);
	border-radius: 4px;
	overflow: hidden;
}
.agodaScanWr .progress-bar-fill {
	width: 0%;
	height: 100%;
	background: linear-gradient(90deg, #5D5FEF, #8B8DFF);
	border-radius: 4px;
	transition: width .3s ease;
}
.agodaScanWr .loadingTxt01 {
	margin: 20px 0 0;
	font-size: 16px;
	color: #FFF;
}
.agodaScanWr .resultBox01.show { 
	display:block;
}
.agodaScanWr .loading-overlay {
	position: fixed;
	display: none;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width:430px; margin:0 auto;
	background: rgba(0,0,0,.8);
	z-index: 100;
}
.agodaScanWr .loading-overlay.show {
	display: flex;
}
.agodaScanWr .spinner {
	width: 50px;
	height: 50px;
	border: 4px solid rgba(255,255,255,.2);
	border-top-color: #5D5FEF;
	border-radius: 50%;
	animation: spin01 1s linear infinite;
}
@keyframes spin01 {
	to { transform: rotate(360deg); }
}
.agodaScanWr .loadingTxt01 {
	margin: 20px 0 0;
	font-size: 16px;
	color: #FFF;
}

/* ── 조회 조건 바 (자동 진입 시 URL 인풋 대신) ── */
.agodaScanWr .scanCtx01 {
	padding:2px 2px 13px;
	border-bottom:1px solid #F1F2F4;
}
.agodaScanWr .scanCtx01 .ctxName {
	margin:0 0 6px;
	font-weight: 800;
	font-size: 16.5px;
	letter-spacing:-.3px;
	color: #191F28;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.agodaScanWr .scanCtx01 .ctxMeta {
	display:flex;
	align-items:center;
	gap:6px;
}
.agodaScanWr .scanCtx01 .ctxTxt { font-size: 13px; color: #4E5968; }
.agodaScanWr .scanCtx01 .ctxDot { width:2.5px; height:2.5px; border-radius:50%; background:#C9CED6; }
.agodaScanWr .scanCtx01 .ctxEdit {
	margin-left:auto;
	padding:5px 10px;
	background: #F1F1FD;
	border:0;
	border-radius: 8px;
	font-weight: 700;
	font-size: 12.5px;
	color: #5D5FEF;
	cursor:pointer;
}

/* ── 스크롤 시 뜨는 한 줄 요약바 ── */
.agodaScanWr .miniBar01 {
	position:sticky;
	top:0;
	z-index:20;
	display:none;
	align-items:center;
	gap:10px;
	padding:11px 2px;
	background: #FFF;
	border-bottom:1px solid #F1F2F4;
}
.agodaScanWr .miniBar01.show { display:flex; }
.agodaScanWr .miniBar01 .mName {
	flex-grow:1;
	min-width:0;
	margin:0;
	font-weight: 700;
	font-size: 14px;
	color: #212121;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.agodaScanWr .miniBar01 .mPrice {
	flex-shrink:0;
	margin:0;
	font-weight: 800;
	font-size: 16px;
	color: #5D5FEF;
}

/* ── 절약액 배지 / 비교 원가 / 다시 조회 ── */
.agodaScanWr .resultBox01 .saveBadge01 {
	position:absolute;
	left:12px;
	bottom:12px;
	padding:6px 11px;
	background: rgba(15,17,26,.78);
	border-radius: 9px;
	font-weight: 700;
	font-size: 12.5px;
	color: #FFF;
}
.agodaScanWr .resultBox01 .lowPriceDl01 .wasPrice01 {
	align-self:flex-end;
	margin:0 0 2px;
	font-size: 13.5px;
	color: #B0B6BE;
	text-decoration:line-through;
}
.agodaScanWr .resultBox01 .lowPriceDl01 .wasPrice01:empty { display:none; }
.agodaScanWr .resultBox01 .infoTxt01 {
	display:flex;
	align-items:center;
	gap:6px;
}
.agodaScanWr .resultBox01 .reScan01 {
	display:flex;
	align-items:center;
	gap:4px;
	margin-left:auto;
	padding:0;
	background:none;
	border:0;
	font-weight: 700;
	font-size: 13px;
	color: #5D5FEF;
	cursor:pointer;
}
.agodaScanWr .resultBox01 .reScan01 svg {
	width:13px;
	height:13px;
	fill:none;
	stroke:#5D5FEF;
	stroke-width:2.2;
	stroke-linecap:round;
}

/* ── 진행률: 셀 수치가 없는 구간은 무한 진행 줄무늬 ── */
.agodaScanWr .progress-bar-fill.indet {
	background:linear-gradient(90deg, #E4E6EF 25%, #5D5FEF 50%, #E4E6EF 75%);
	background-size:200% 100%;
	animation:agodaIndet 1.2s linear infinite;
}
@keyframes agodaIndet {
	0%   { background-position:200% 0; }
	100% { background-position:-200% 0; }
}

/* ── 에러 카드 ── */
.agodaScanWr .error-msg {
	display:none;
	align-items:center;
	gap:10px;
	margin:12px 0 0;
	padding:14px 15px;
	background: #FFF6F4;
	border:1px solid #FFD9D0;
	border-radius: 12px;
}
.agodaScanWr .error-msg.show { display:flex; }
.agodaScanWr .error-msg .errTxt {
	flex-grow:1;
	margin:0;
	font-size: 13.5px;
	line-height:1.5;
	color: #C2380F;
	white-space:pre-line;
}
.agodaScanWr .error-msg .errRetry {
	flex-shrink:0;
	padding:8px 12px;
	background: #FFF;
	border:1px solid #FFD9D0;
	border-radius: 9px;
	font-weight: 700;
	font-size: 13px;
	color: #E0431F;
	cursor:pointer;
}

/* ── 하단 고정 CTA ── */
/* .wrapper(앱 콘텐츠 컬럼)와 동일하게 max-width:430px → 좌우 정렬 */
.agodaScanWr .scanCta01 {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:40;
	max-width:430px;
	margin:0 auto;
	display:flex;
	gap:9px;
	padding:11px 16px calc(14px + env(safe-area-inset-bottom));
	background: #FFF;
	border-top:1px solid #F0F1F3;
}
.agodaScanWr .scanCta01 .ctaAlert {
	flex:0 0 auto;
	width:54px;
	height:54px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:2px;
	background: #FFF;
	border:1px solid #E5E8EB;
	border-radius: 15px;
	cursor:pointer;
}
.agodaScanWr .scanCta01 .ctaAlert svg {
	width:19px;
	height:19px;
	fill:none;
	stroke:#4E5968;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.agodaScanWr .scanCta01 .ctaAlert span { font-weight:700; font-size:9.5px; color:#8b95a1; }
.agodaScanWr .scanCta01 .ctaMain {
	flex:1;
	height:54px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	background: #5D5FEF;
	border:0;
	border-radius: 15px;
	font-weight: 800;
	font-size: 16px;
	letter-spacing:-.3px;
	color: #FFF;
	cursor:pointer;
}
.agodaScanWr .scanCta01 .ctaMain small { font-weight:600; font-size:13px; opacity:.82; }
.agodaScanWr .scanCta01 .ctaMain:active { background: #4A4CC9; }
/* 아고다 가격 비교 끝
------------------------------------------------------ */
/* 최저가 항공권 비교 시작
------------------------------------------------------ */
.flightDealWr { 
	padding-bottom:24px;
}
.flightDealWr .fdSchBox01 { 
	padding:16px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.flightDealWr .fdSchBox01 .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:12px;
	margin:0 0 16px;
}
.flightDealWr .fdSchBox01 .topBox .tit01 { 
	flex-grow:1;
	min-width: 0;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.flightDealWr .fdSchBox01 .topBox .resetBtn { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 36px;
	height: 36px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.flightDealWr .fdSchBox01 .topBox .btn { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	padding:8px 17px;
	background: #5D5FEF;
	border-radius: 10px;
}
.flightDealWr .fdSchBox01 .topBox .btn span { 
	display:block;
}
.flightDealWr .fdSchBox01 .topBox .btn .btnIco { 
	font-size: 0;
}
.flightDealWr .fdSchBox01 .topBox .btn .btnTxt { 
	font-weight: 500;
	font-size: 15px;
	color: #FFF;
}
.flightDealWr .fdSchBox01 .iptBox01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:16px;
}
.flightDealWr .fdSchBox01 .iptBox01 .iptSec01 { 
	position:relative;
	width: calc((100% - 16px)/2);
}
.flightDealWr .fdSchBox01 .iptBox01 .iptSec01.fullWid { 
	width: 100%;
}
.flightDealWr .fdSchBox01 .iptBox01 .ico { 
	position:absolute; 
	display:block; 
	top: 10px;
	left: 14px;
	font-size: 0;
}
.flightDealWr .fdSchBox01 .iptBox01 .ipt01 { 
	display:block; 
	width: 100%;
	padding:8px 8px 8px 34px;
	background: #F8F9FA;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-size: 14px;
	color: #666;
}
.flightDealWr .fdSchBox01 .iptBox01 select.ipt01 { 
	padding-right:25px;
	appearance: none;
	background-image: url(/Form/_renew_vue/images/flightDealSel02.svg);
	background-repeat:no-repeat;
	background-position:center right 15px;
}
.flightDealWr .topArrDropdown {
	position: absolute;
	display: none;
	max-height: 300px;
	top: 100%;
	left: 0;
	right: 0;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	overflow-y: auto;
	z-index: 1000;
}
.flightDealWr .topArrDropdown.show {
	display: block;
}
.flightDealWr .topArrDropdown .dropItem {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	border-bottom: 1px solid #F0F0F0;
}
.flightDealWr .topArrDropdown .dropItem:last-child {
	border-bottom: none;
}
.flightDealWr .topArrDropdown .dropItem:hover {
	background: #F8F9FA;
}
.flightDealWr .topArrDropdown .dropItem .country {
	font-size: 12px;
	color: #999;
}















.flightDealWr .areaSchBox01 { 
	display:flex;
	gap:16px;
	margin:0 0 16px;
}
.flightDealWr .areaSchBox01 .selBox { 
	flex-shrink:0;
	position:relative;
	width: 128px;
}
.flightDealWr .areaSchBox01 .selBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 14px;
	left: 14px;
	background:url(/Form/_renew_vue/images/flightDealPlane01.svg) no-repeat;
	background-size:cover;
}
.flightDealWr .areaSchBox01 .selBox select {
	width: 100%;
	padding:12px 30px 12px 37px;
	appearance: none;
	background:#F8F9FA url(/Form/_renew_vue/images/flightDealSel01.svg) no-repeat right 16px center;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-size: 14px;
	color: #212121;
}
.flightDealWr .areaSchBox01 .iptBox { 
	flex-grow:1;
	position:relative;
	min-width: 0;
}
.flightDealWr .areaSchBox01 .iptBox .ico { 
	position:absolute; 
	display:block; 
	top: 12px;
	left: 14px;
	font-size: 0;
}
.flightDealWr .areaSchBox01 .iptBox .ico img { 
	max-width: 100%; 
}
.flightDealWr .areaSchBox01 .iptBox .ipt { 
	display:block;
	width: 100%;
	height: 100%;
	padding:12px 12px 11px 41px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-size: 14px;
	color: #212121;
}
.flightDealWr .areaSchBox01 .iptBox .ipt::placeholder { 
	color: #999; 
}
.flightDealWr .areaSchBox01 .hiddenSelect {
	display: none;
}
.flightDealWr .areaSchBox01 .arrDropdown {
	position: absolute;
	display: none;
	max-height: 300px;
	top: 100%;
	left: 0;
	right: 0;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,.15);
	overflow-y: auto;
	z-index: 100;
}
.flightDealWr .areaSchBox01 .arrDropdown .dropItem {
	padding: 12px 15px;
	border-bottom: 1px solid #F0F0F0;
	font-size: 14px;
}
.flightDealWr .areaSchBox01 .arrDropdown .dropItem:hover {
	background: #F8F9FA;
}
.flightDealWr .areaSchBox01 .arrDropdown .dropItem .country {
	margin:0 0 0 8px;
	font-size: 12px;
	color: #999;
}
.flightDealWr .areaSchBox01 .arrDropdown.show {
	display: block;
}
.flightDealWr .filterBox01 {
	display:flex;
	gap:16px;
	padding:16px 0;
	background: #FFF;	
}
.flightDealWr .filterDropBox { 
	flex-grow:1;
	position:relative;
	min-width: 0;
}
.flightDealWr .filterBtn { 
	position:relative; 
	display:block;
	width: 100%;
	padding:8px 36px;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-size: 14px;
	color: #212121;
	text-align: left;
}
.flightDealWr .filterBtn:before,
.flightDealWr .filterBtn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background-repeat: no-repeat;
	background-size:cover;
}
.flightDealWr .filterBtn:before { 
	width: 16px;
	height: 16px;
	top: 9px;
	left: 13px;
}
.flightDealWr .filterBtn:after { 
	width: 8px;
	height: 5px;
	top: 15px;
	right: 16px;
	background-image: url(/Form/_renew_vue/images/flightDealSel01.svg);
}
.flightDealWr .filterBtn.stArea:before { 
	background-image: url(/Form/_renew_vue/images/flightDealFilter01.svg); 
}
.flightDealWr .filterBtn.stDate:before { 
	background-image: url(/Form/_renew_vue/images/flightDealDate01.svg); 
}
.flightDealWr .filterBtn.noIco { 
	padding-left:22px;
}
.flightDealWr .filterBtn.noIco:before { 
	display:none;
}
.flightDealWr .filterBtn.active { 
	background: #FAF0EA;
	border-color:#FFC6B8;
}
.flightDealWr .resetBtn {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 10px 14px;
	background: #F5F5F5;
	border-radius: 20px;
	font-size: 13px;
	color: #666;
}
.flightDealWr .filterMenu {
	position: absolute;
	display: none;
	min-width: 120px;
	top: calc(100% + 5px);
	left: 0;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,.15);	
	z-index: 100;
}
.flightDealWr .filterMenu .lnk {
	display: block;
	padding: 10px 15px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
	color: #333;
}
.flightDealWr .filterMenu .lnk:last-child {
	border-bottom: none;
}
.flightDealWr .filterMenu .lnk:hover {
	background: #F8F9FA;
}
.flightDealWr .filterMenu .lnk.active {
	font-weight: 600;
	color: #5D5FEF;
}
.flightDealWr .filterMenu .ftIptTit01 {
	display: block;
	margin:0 0 5px;
	font-size: 12px;
	color: #666;
}
.flightDealWr .filterMenu * + .ftIptTit01 { 
	margin-top:12px;
}
.flightDealWr .filterMenu .ftIpt {
	display:block;
	width: 100%;
	padding: 10px 40px 10px 10px;
	appearance: none;
	background: url(/Form/_renew_vue/images/flightDealDate01.svg) no-repeat right 15px center;
	border: 1px solid #DDD;
	border-radius: 6px;
	font-size: 14px;
	color: #212121;
}
.flightDealWr .filterMenu .ftIpt::placeholder { 
	color: #999; 
}
.flightDealWr .filterMenu .dateApplyBtn {
	display:block;
	width: 100%;
	margin:12px 0 0;
	padding: 10px;
	background: #5D5FEF;
	border-radius: 6px;
	font-weight: 600;
	font-size: 14px;
	color: #FFF;
}
.flightDealWr .filterMenu.show {
	display: block;
}
.flightDealWr .filterMenu.scrollMenu {
	max-height: 250px;
	overflow-y: auto;
}
.flightDealWr .filterMenu.dateMenu {
	min-width: 200px;
	padding: 15px;
}
.flightDealWr .resultSchBox01 { 
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0 0 8px;
	padding:12px 0 0;
	border-top:1px solid #F0F0F0;
}
.flightDealWr .resultSchBox01 .schTit01 span { 
	display:block;
}
.flightDealWr .resultSchBox01 .schTit01 .titTxt01 { 
	margin:0 0 5px;
	font-weight: 500;
	font-size: 20px;
	color: #212121;
}
.flightDealWr .resultSchBox01 .schTit01 .titTxt02 { 
	font-weight: 400;
	font-size: 12px;
	color: #666;
}
.flightDealWr .resultSchBox01 .schTit01 .titTxt02 em {
	font-style: normal;
}
.flightDealWr .resultSchBox01 .schIpt01 {
	padding:7px 15px;
	border-radius: 5px;
	border:1px solid #F0F0F0;
	font-size: 14px;
	color: #424242;
}
.flightDealWr .resultSchBox01 select.schIpt01 { 
	padding-right:25px;
	appearance: none;
	background-image: url(/Form/_renew_vue/images/flightDealSel01.svg);
	background-repeat:no-repeat;
	background-position:right 16px center;
}
.flightDealWr .resultTopBox { 
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 12px;
}
.flightDealWr .resultTopBox .txt01 { 
	font-weight: 500; 
	font-size: 15px;
	line-height: 1;
	color: #424242;
}
.flightDealWr .resultTopBox .txt01 span { 
	color: #FF3200;
}
.flightDealWr .resultTopBox .txt02 { 
	font-size: 13px;
	line-height: 1;
	color: #797979;
}
.flightDealWr .flightLst01 > li { 
	margin:0 0 12px;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
	overflow: hidden;
}
.flightDealWr .flightLst01 > li:last-child { 
	margin:0;
}
.flightDealWr .flightLst01 .lstTopBox { 
	padding:12px 15px 16px;
}
.flightDealWr .flightLst01 .lstTit01 { 
	margin:0 0 8px;
	font-weight: 700; 
	font-size: 17px;
	color: #212121;
	word-break:break-all;
}
.flightDealWr .flightLst01 .lstInfoLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:13px;
	margin:0 0 9px;
}
.flightDealWr .flightLst01 .lstInfoLst01 li { 
	position:relative;
	padding:0 14px 0 0;
	font-size: 14px;
	color: #5D5FEF;
}
.flightDealWr .flightLst01 .lstInfoLst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 3px;
	right: 0;
	background: #DBDBDB;
}
.flightDealWr .flightLst01 .lstInfoLst01 li:last-child { 
	padding:0;
}
.flightDealWr .flightLst01 .lstInfoLst01 li:last-child:after { 
	display:none;
}
.flightDealWr .flightLst01 .lstTabBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.flightDealWr .flightLst01 .lstTabBox01 .dateTab {
	display:block;
	padding: 4px 7px;
	background: #F5F5F5;
	border: 1px solid #E0E0E0;
	border-radius: 1000px;
	font-size: 14px;
	line-height: 1;
	color: #333;
	white-space:nowrap;
}
.flightDealWr .flightLst01 .lstTabBox01 .dateTab.active {
	background: #5D5FEF;
	border-color: #5D5FEF;
	color: #FFF;
}
.flightDealWr .flightLst01 .lstMoreBox { 
	margin:8px 0 0;
	text-align: center;
}
.flightDealWr .flightLst01 .lstMoreBox .btnMore { 
	display:inline-block;
	font-size: 14px;
	color: #797979;
}
.flightDealWr .flightLst01 .lstReserveBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:9px 0 0;
}
.flightDealWr .flightLst01 .lstPrice01 { 
	font-weight: 700;
	font-size: 24px;
	color: #212121;
	word-break:break-all;
}
.flightDealWr .flightLst01 .btnReserve { 
	flex-shrink:0;
	display:block;
	padding:9px 20px 10px;
	background: #212121;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.flightDealWr .flightLst01 .btnReserve:focus,
.flightDealWr .flightLst01 .btnReserve:hover { 
	background: #5D5FEF; 
}
.flightDealWr .flightLst02 .flightCardNew {
	margin:0 0 12px;
	padding:12px 15px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.flightDealWr .flightLst02 .flightCardNew:last-child { 
	margin:0;
}
.flightDealWr .flightLst02 .lstTopBox { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin:0 0 13px;
}
.flightDealWr .flightLst02 .lstInfoBox01 { 
	flex-grow:1;
	display:flex;
	align-items:center;
	gap:15px;
	min-width: 0;
}
.flightDealWr .flightLst02 .lstInfoBox01 .txt01 { 
	font-weight: 700;
	font-size: 17px;
	color: #212121;
	text-align: center;
}
.flightDealWr .flightLst02 .lstInfoBox01 .txt01 span { 
	display:block;
	margin:7px 0 0;
	font-weight: 500;
	font-size: 13px;
	color: #666;
}
.flightDealWr .flightLst02 .lstInfoBox01 .ico { 
	flex-shrink:0;
	display:block;
	font-size: 0;
}
.flightDealWr .flightLst02 .lstInfoBox01 .stat01 { 
	padding:1px 8px;
	background: #EDF5FF;
	border-radius: 100px;
	font-weight: 500;
	font-size: 14px;
	color: #5D90EF;
}
.flightDealWr .flightLst02 .lstTxt01 { 
	font-size: 14px;
	color: #797979;
}
.flightDealWr .flightLst02 .lstMidBox { 
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 14px;
}
.flightDealWr .flightLst02 .lstPrice01 { 
	flex-grow:1;
	min-width: 0;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
	word-break:break-all;
}
.flightDealWr .flightLst02 .btnReserve { 
	flex-shrink:0;
	display:block;
	padding:9px 21px 10px;
	background: #212121;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
	transition:all .3s ease;
}
.flightDealWr .flightLst02 .btnReserve:focus,
.flightDealWr .flightLst02 .btnReserve:hover { 
	background: #5D5FEF;
}
.flightDealWr .flightLst02 .lstDateDl01 dt { 
	margin:0 0 10px;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.flightDealWr .flightLst02 .lstTabBox01 { 
	overflow: hidden;
}
.flightDealWr .flightLst02 .lstTabBox01 .swiper-slide { 
	width: auto;
}
.flightDealWr .flightLst02 .lstTabBox01 .dateTab { 
	display:block;
	padding:5px 9px;
	background: #F7F7F7;
	border-radius: 5px;
	font-size: 14px;
	color: #424242;
}
.flightDealWr .flightLst02 .lstTabBox01 .dateTab.active { 
	background: #EEEEFF;
	color: #5D5FEF;
}
/* 최저가 항공권 비교 끝
------------------------------------------------------ */
/* 지도 페이지 시작
------------------------------------------------------ */
.mapWr { 
	display:flex;
	flex-direction:column;
	height: 100vh;
}
.mapWr .mapSchBox01 { 
	display:flex;
	gap:10px;
	padding:16px;
	background: #FFF;
}
.mapWr .mapSchBox01 .btnBack { 
	flex-shrink:0;
	position:relative; 
	display:block; 
	width: 24px;
	height: 24px;
}
.mapWr .mapSchBox01 .btnBack:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 50%;
	left: 50%;
	margin:-6px 0 0 -3px;
	transform:rotate(-45deg);
	border-top:2px solid #212121;
	border-left:2px solid #212121;
}
.mapWr .mapSchBox01 .schBox01 { 
	flex-grow:1;
	display:flex;
	gap:8px;
	min-width: 0;
	padding:12px;
	background: #FAFAFA;
	border: 1px solid #F0F0F0;
	border-radius: 8px;
}
.mapWr .mapSchBox01 .schBox01 .place01 {
	flex-shrink:0;
	position:relative;
	display:block;
	padding:0 40px 0 0;
	border-right:1px solid #CDCDCD;
	font-size: 13px;
	letter-spacing: -.03em;
	color: #5D5FEF;
}
.mapWr .mapSchBox01 .schBox01 .place01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 8px;
	top: 6px;
	right: 14px;
	background:url(/Form/_renew_vue/images/mapPlaceSel01.svg) no-repeat center / cover;
}
.mapWr .mapSchBox01 .schBox01 .ipt { 
	flex-grow:1;
	font-size: 13px;
	color: #424242;
}
.mapWr .mapSchBox01 .schBox01 .ipt::placeholder { 
	color: #999;
}
.mapWr .mapSchBox01 .schBox01 .btn01 { 
	flex-shrink:0;
	display:block; 
	font-size: 0;
}
.mapWr .mapSchBox01 .btnSet {
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 45px;
	height: 45px;
	background: #5D5FEF;
	border-radius: 15px;
}
.mapWr .mapSchBox01 .btnSel01 { 
	flex-shrink:0;
	position:relative;
	width: 88px;
}
.mapWr .mapSchBox01 .btnMapType01 { 
	position:relative;
	display:block; 
	width: 100%;
	padding:12px 27px 12px 12px;
	background: url(/Form/_renew_vue/images/mapSelect01.svg) no-repeat center right 15px;
	border:1px solid #F0F0F0;
	border-radius: 8px;
	font-size: 13px;
	color: #424242;
	text-align: left;
}
.mapWr .mapSchBox01 .mapTypeDropdown { 
	position:absolute;
	min-width:140px;
	max-height:320px;
	top:calc(100% + 4px);
	left:0;
	background:#FFF;
	border-radius:8px;
	box-shadow:0 2px 12px rgba(0,0,0,.15);
	z-index:100;
	overflow-y:auto;
}
.mapWr .mapConBox01 { 
	flex-grow:1;
	position:relative;
	min-height: 0;
	overflow: hidden;
}
.mapWr .mapSchRstBox01 { 
	position:absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding:16px 0;
	transition:all .3s ease;
	z-index: 2;
}
.mapWr .mapSchRstBox01 .place01 { 
	margin:0 0 10px;
	padding:14px 16px;
	background: #212121;
	border-radius: 10px;
	box-shadow:0 1px 1px 0 rgba(178,178,178,.25);
	font-weight: 700;
	font-size: 14px;
	color: #FFF;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.mapWr .mapSchRstBox01 .rstCateBox01 { 
	padding:0 0 0 16px;
}
.mapWr .mapSchRstBox01 .rstCateBox01 .swiper-slide { 
	width: auto;
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate { 
	position:relative;
	display:block;
	padding:8px 16px 8px 45px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	box-shadow:0 1px 1px 0 rgba(178,178,178,.25);
	font-size: 13px;
	color: #424242;
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 6px;
	left: 15px;
	background-repeat:no-repeat;
	background-size:cover;
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.stAll {
	padding-left:15px;
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.stAll:before { 
	display:none;
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.st01:before { 
	background-image: url(/Form/_renew_vue/images/mapRstIco01_off.svg);
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.st01.on:before { 
	background-image: url(/Form/_renew_vue/images/mapRstIco01_on.svg);
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.st02:before { 
	background-image: url(/Form/_renew_vue/images/mapRstIco02_off.svg);
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.st02.on:before { 
	background-image: url(/Form/_renew_vue/images/mapRstIco02_on.svg);
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.st03:before { 
	background-image: url(/Form/_renew_vue/images/mapRstIco03_off.svg);
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.st03.on:before { 
	background-image: url(/Form/_renew_vue/images/mapRstIco03_on.svg);
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.st04:before { 
	background-image: url(/Form/_renew_vue/images/mapRstIco04_off.svg);
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.st04.on:before { 
	background-image: url(/Form/_renew_vue/images/mapRstIco04_on.svg);
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.st05:before { 
	background-image: url(/Form/_renew_vue/images/mapRstIco05_off.svg);
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.st05.on:before { 
	background-image: url(/Form/_renew_vue/images/mapRstIco05_on.svg);
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.st06:before { 
	background-image: url(/Form/_renew_vue/images/mapRstIco06_off.svg);
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.st06.on:before { 
	background-image: url(/Form/_renew_vue/images/mapRstIco06_on.svg);
}
.mapWr .mapSchRstBox01 .rstCateBox01 .schCate.on { 
	background: #5D5FEF;
	border-color: #5D5FEF;
	font-weight: 500;
	color: #FFF;
}
.mapWr .mapSchRstBox01 .ipt01 { 
	margin:10px 0 0;
	padding:8px 15px 7px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 100px;
	font-size: 14px;
	color: #424242;
}
.mapWr .mapSchRstBox01 select.ipt01 { 
	padding-right:42px;
	appearance: none;
	background-image: url(/Form/_renew_vue/images/comSel02.svg);
	background-repeat:no-repeat;
	background-position:right 15px center;
}
.mapWr .mapSchRstBox01.on { 
	top: -63px;
	background: #FFF;
}
.mapWr .searchBox { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mapWr .searchBox .infoCard {
	position:absolute;
	display:none; 
	width: 100%;
	max-width: calc(100% - 32px);
	bottom:16px;
	left: 50%;
	transform:translateX(-50%);
	pointer-events: none;
	z-index: 1;
}
.mapWr .searchBox .infoCard .lstLnk {
	position:relative; 
	display:flex;
	align-items:center;
	gap:12px;
	width: 100%;
	letter-spacing: -.18px;
	z-index: 1;
}
.mapWr .searchBox .infoCard .lstLnk .lnkImg {
	flex-shrink:0;
	position:relative; 
	width: 96px;
	height: 96px;
	background: #D9D9D9;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-size: 0;
	overflow: hidden;
}
.mapWr .searchBox .infoCard .lstLnk .lnkImg img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.mapWr .searchBox .infoCard .lstLnk .lnkBox { 
	width: calc(100% - 130px); 
}
.mapWr .searchBox .infoCard .lstLnk .lnkCate01,
.mapWr .searchBox .infoCard .lstLnk .lnkTit01,
.mapWr .searchBox .infoCard .lstLnk .lnkTxt01 { 
	display:block; 
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.mapWr .searchBox .infoCard .lstLnk .lnkCate01 { 
	margin:0 0 7px;
	padding:0 24px 0 0;
	font-size: 13px;
	color: #5D5FEF;
}
.mapWr .searchBox .infoCard .lstLnk .lnkCateBox01 { 
	display:flex;
	flex-wrap:wrap;
	margin:0 0 7px;
}
.mapWr .searchBox .infoCard .lstLnk .lnkCateBox01 .cate { 
	display:block;
	padding:1px 6px;
	background: #EEEEFF;
	border-radius: 5px;
	font-size: 14px;
	color: #5D5FEF;
}
.mapWr .searchBox .infoCard .lstLnk .lnkTit01 { 
	margin:0 0 6px;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
}
.mapWr .searchBox .infoCard .lstLnk .lnkTxt01 {
	margin:0 0 9px;
	font-size: 13px;
	color: #666;
}
.mapWr .searchBox .infoCard .lstLnk .lnkScore { 
	position:relative;
	display:block;
	padding:0 0 0 26px;
	font-weight: 700;
	font-size: 15px;
	color: #424242;
}
.mapWr .searchBox .infoCard .lstLnk .lnkScore:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0;
	background:url(/Form/_renew_vue/images/mPdcSwipeStar01.svg) no-repeat;
	background-size:cover;
}
.mapWr .searchBox .infoCard .lstLnk .lnkScore .gTxt01 { 
	margin:0 0 0 7px;
	font-weight: 400;
	font-size: 13px;
	color: #797979;
}
.mapWr .searchBox .infoCard .lstLnk .lnkBtmBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
}
.mapWr .searchBox .infoCard .lstLnk .lnkDist { 
	font-size: 14px; 
	color: #424242;
}
.mapWr .searchBox .infoCard .lstLnk .lnkDist span { 
	position:relative;
	margin:0 6px 0 0;
	padding:0 8px 0 0;
	font-weight: 500;
}
.mapWr .searchBox .infoCard .lstLnk .lnkDist span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 50%;
	right: 0;
	margin:-6px 0 0;
	background: #DBDBDB;
}
.mapWr .searchBox .infoCard .lstLnk .lnkPer { 
	font-weight: 700;
	font-size: 18px;
	color: #E2502B;
}
.mapWr .searchBox .infoCard .lstLnk .lstZzim {
	position:absolute; 
	display:block;
	width: 20px;
	height: 20px;
	top: 13px;
	right: 16px;
	background:url(/Form/_renew_vue/images/comHeart01_off.svg) no-repeat;
	background-size:cover;
	z-index: 1;
	transition:all .2s ease;
}
.mapWr .searchBox .infoCard .lstLnk .lstZzim.stUp { 
	width: 24px; 
	height: 24px;
	top: 11px;
	right: 15px;
}
.mapWr .searchBox .infoCard .lstLnk .lstZzim.on {
	background-image: url(/Form/_renew_vue/images/comHeart01_on.svg);
}
.mapWr .searchBox .infoCard .lstLnk01 { 
	position:relative;
	display:flex;
	align-items:flex-start;
	gap:8px;
	padding:12px 15px 15px;
	background: #FFF;
	border:1px solid #EDEDED;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.25);
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkImg { 
	flex-shrink:0;
	position:relative;
	display:block;
	width: 157px;
	height: 120px;
	margin:5px 0 0;
	border:2px solid #5D5FEF;
	border-radius: 10px;
	overflow: hidden;
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkImg img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: 1;
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkPer01 { 
	position:absolute; 
	display:block;
	top: 0;
	right: 7px;
	padding:5px 5px 10px;
	background: #5D5FEF;
	border-radius: 0 0 15px 15px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: -.03em;
	color: #FFF;
	z-index: 2;
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkPer01 em { 
	font-style:normal;
	font-size: 18px;
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkConBox { 
	flex-grow:1;
	gap:10px;
	min-width: 0;
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkTopBox {
	display:flex;
	align-items:flex-end;
	gap:10px;
	margin:0 0 8px;
	padding:0 24px 0 0;
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkTit01 { 
	display:block;
	font-weight: 700;
	font-size: 21px;
	letter-spacing: -.03em;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkCate01 { 
	font-size: 13px;
	letter-spacing: -.03em;
	color: #5D5FEF;
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkTxt01 { 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 63px;
	margin:0 0 10px;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: -.03em;
	color: #424242;
	word-break:break-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkBtmBox { 
	display:flex;
	align-items:center;
	gap:4px;
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkStat01 { 
	display:block;
	font-size: 0;
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkScore01 { 
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.03em;
	color: #424242;
}
.mapWr .searchBox .infoCard .lstLnk01 .lnkScore01 .gTxt01 { 
	font-weight: 400;
	color: #797979;
}
.mapWr .searchBox .infoCard .lstZzim01 { 
	position:absolute; 
	display:block; 
	width: 20px;
	height: 20px;
	top: 16px;
	right: 15px;
	background:url(/Form/_renew_vue/images/comHeart02_off.svg) no-repeat center / cover;
	z-index: 1;
}
.mapWr .searchBox .infoCard .lstZzim01.on { 
	background-image:url(/Form/_renew_vue/images/comHeart01_on.svg);
}
.mapWr .searchBox .infoCard.active {
	display:block;
	pointer-events: auto;
}
.mapWr .searchBox .mapTieupBox { 
	position:absolute;
	display:flex;
	flex-direction:column;
	width: 100%;
	height: 100%;
	top:calc(100% - 80px);
	left: 0;
	background: #FFF;
	border-radius: 25px 25px 0 0;
	transition:all .3s ease;
}
.mapWr .searchBox .mapTieupBox .handle {
	flex-shrink:0;
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 100%;
	height: 32px;
}
.mapWr .searchBox .mapTieupBox .handle:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 73px;
	height: 4px;
	background: #EDEDED;
	border-radius: 1000px;
}
.mapWr .searchBox .mapTieupBox .comSchRstBox01 { 
	display:flex;
	flex-direction:column;
	height: calc(100% - 32px);
}
.mapWr .searchBox .mapTieupBox .comSchRstBox01 .topBox .rstCateBox {
	display:none;
}
.mapWr .searchBox .mapTieupBox .comSchRstBox01 .scrollBox { 
	flex-grow:1;
	min-height: 0;
	overflow-y:auto;
}
.mapWr .searchBox .mapTieupBox .rstCateSlide {
	margin:0 0 16px;
}
.mapWr .searchBox .mapTieupBox .rstCateSlide .item { 
	display:inline-block; 
}
.mapWr .searchBox .mapTieupBox .rstCateSlide .rstCateBtn { 
	display:block;
	min-width: 113px;
	padding:6px 6px 7px;
	background: #F9F0E9;
	border:1px solid #F9F0E9;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #81554b;
}
.mapWr .searchBox .mapTieupBox .rstCateSlide .rstCateBtn.on { 
	border-color:#5D5FEF;
	background:#5D5FEF;
	font-weight: 700;
	color: #FFF;
}
.mapWr .searchBox .mapTieupBox.on {
	top: 54px;   /* 검색창(neer식 .mapTopRow) 바로 아래 — 패널 열리면 카테고리칩(.mapCateWrap)은 숨어서 검색창만 남음, 106은 칩까지 있던 시절 값(갭버그, 사용자신고 2026-08-13) */
}
.mapWr .searchBox .mapTieupBox.on .comSchRstBox01 .topBox .rstCateBox {
	display:flex;
}
.mapWr .searchBox .mapTieupBox.off {
	top: 100%; 
}
.mapWr .searchBox .mapTieupOff {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	padding: 11px 20px;
	background: #17181D;
	color: #fff;
	border: 0;
	font-size: 14px;
	font-weight: 700;
	border-radius: 1000px;
	box-shadow: 0 10px 22px -6px rgba(20,22,30,.5);
	cursor: pointer;
	z-index: 1;
}
.mapWr .searchBox .mapTieupOff svg {
	width: 18px;
	height: 18px;
}
.mapWr .searchBox .mapTieupOff.off {
	display: none;
}
.mapWr .myLocationBtn {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	right: 10px;
	top: 84%;
	margin:-21px 0 0;
	background: #FFF;
	border-radius: 50%;
	box-shadow: 0 1px 2px 0 rgba(148, 148, 148, 0.25);
	z-index: 1;
}
.mapWr .searchBox .noDataBox { 
	position:absolute; 
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	text-align: center;
}
.mapWr .searchBox .noDataBox .imgBox { 
	width: 102px;
	margin:0 auto 22px;
	font-size: 0;
}
.mapWr .searchBox .noDataBox .imgBox img { 
	max-width: 100%; 
}
.mapWr .searchBox .noDataBox .txt01 { 
	font-size: 15px;
	color: #797979;
}
.mapWr .searchBox .noDataBox .txt02 {
	font-size: 12px;
	color: #797979;
}
.mapWr .searchBox .mapBox { 
	position:relative;
	height: 100%;
	font-size: 0;
	overflow: hidden;
}
.mapWr .searchBox #map {
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.mapWr .searchBox .mapInfoBox {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	padding:4px 10px;
	background: #FFF;
	border:1px solid #EDEDED;
	border-radius: 1000px;
	box-shadow:3px 2px 5px 1px rgba(141, 141, 141, .4);
}
.mapWr .searchBox .mapInfoBox .mapIco {
	display:block;
	font-size: 0;
}
.mapWr .searchBox .mapInfoBox .mapIco img {
	max-width: 100%;
}
.mapWr .searchBox .mapInfoBox .mapName {
	font-weight: 500;
	font-size: 12px;
	line-height: 1;
	letter-spacing: -.3px;
	color: #212121;
	max-width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mapWr .searchBox .mapInfoBox .mapPer {
	font-weight: 700;
	font-size: 13px;
	letter-spacing: -.3px;
	color: #5D5FEF;
}
.mapWr .searchBox .mapInfoBox.on {
	z-index: 9999 !important;
	background: #fff;
	border: 2px solid #5D5FEF;
}



.mapPopWr .selectBox {
	display:flex;
	gap:12px;
	margin:30px 0 0;
}
.mapPopWr .selectBox .btnSelect { 
	display:block; 
	width: calc((100% - 24px)/3);
	text-align: center;
}
.mapPopWr .selectBox .btnSelect span { 
	display:block; 
}
.mapPopWr .selectBox .btnSelect .btnImg { 
	position:relative;
	margin:0 0 9px;
	padding:100% 0 0;
	border:1px solid #EDEDED;
	border-radius: 10px;
	font-size: 0;
	overflow: hidden;
}
.mapPopWr .selectBox .btnSelect .btnImg:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(33,33,33,.6);
	z-index: 1;
}
.mapPopWr .selectBox .btnSelect .btnImg img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.mapPopWr .selectBox .btnSelect .btnTxt { 
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.3px;
	color: #666;
}
.mapPopWr .selectBox .btnSelect.on .btnImg { 
	border-color:#5D5FEF;
}
.mapPopWr .selectBox .btnSelect.on .btnImg:after { 
	display:none;
}
.mapPopWr .selectBox .btnSelect.on .btnTxt { 
	font-weight: 700; 
	color: #424242;
}
.mapAreaPopWr .areaOptBox { 
	display:flex;
}
.mapAreaPopWr .areaOptLBox { 
	flex-shrink:0;
	width: 108px;
	border:1px solid #F0F0F0;
}
.mapAreaPopWr .areaOptRBox { 
	flex-grow:1;
	padding:0 24px;
}
.mapAreaPopWr .areaDepth1 { 
	display:block;
	width: 100%;
	padding:13px 11px 11px;
	background: #FAFAFA;
	border-bottom:1px solid #F0F0F0;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #999;
}
.mapAreaPopWr .areaDepth1.on { 
	background: #FFF;
	color: #5D5FEF;
}
.mapAreaPopWr .areaDepth1:last-child { 
	border-bottom:none;
}
.mapAreaPopWr .areaDepth2 { 
	display:block; 
	width: 100%;
	padding:14px 13px 13px;
	border-bottom:1px solid #F0F0F0;
	font-weight: 500;
	font-size: 14px;
	text-align: left;
	color: #424242;
}
.mapAreaPopWr .areaDepth2.on { 
	color: #5D5FEF;
}
/* 지도 페이지 끝
------------------------------------------------------ */
/* 폴더 목록 시작
------------------------------------------------------ */
/* 내 컨텐츠 폴더: 리스트형(썸네일+이름+개수+편집) — 방식 A(맨 위 추가 행) */
.fdFolderList01 .fdRow {
	display:flex;
	align-items:center;
	gap:12px;
	width:100%;
	padding:11px 2px;
	border:0;
	border-bottom:1px solid #F1F2F5;
	background:transparent;
	text-align:left;
	cursor:pointer;
}
.fdFolderList01 .fdRow:last-child { border-bottom:0; }
.fdFolderList01 .fdThumb {
	flex-shrink:0;
	width:46px;
	height:46px;
	border-radius:12px;
	overflow:hidden;
	background:#EEF0F4;
	display:block;
}
.fdFolderList01 .fdThumb img { width:100%; height:100%; object-fit:cover; display:block; }
/* 빈 폴더: 색 없이 회색 테두리 + 폴더 아이콘 */
.fdFolderList01 .fdThumb.stNoImg {
	background:#fff;
	border:1px solid #E2E4EA;
	display:flex;
	align-items:center;
	justify-content:center;
}
.fdFolderList01 .fdThumb .fdThumbIco { width:22px; height:22px; }
.fdFolderList01 .fdThumbAdd { display:flex; align-items:center; justify-content:center; background:#EDEEF2; }
.fdFolderList01 .fdThumbAdd .plus { position:relative; display:block; width:20px; height:20px; }
.fdFolderList01 .fdThumbAdd .plus:before,
.fdFolderList01 .fdThumbAdd .plus:after { content:""; position:absolute; background:#8A8F9C; border-radius:2px; }
.fdFolderList01 .fdThumbAdd .plus:before { width:100%; height:2px; top:50%; left:0; margin-top:-1px; }
.fdFolderList01 .fdThumbAdd .plus:after { width:2px; height:100%; left:50%; top:0; margin-left:-1px; }
.fdFolderList01 .fdRowAdd .fdRowName { color:#212121; }
.fdFolderList01 .fdRowMid { flex:1; min-width:0; }
.fdFolderList01 .fdRowName { display:block; font-size:15px; font-weight:700; color:#212121; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fdFolderList01 .fdRowStat { display:block; font-size:12px; color:#9096A6; font-weight:500; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fdFolderList01 .fdRowMemo { color:#B0B4C0; }
.fdFolderList01 .lstEdit01 { position:relative; display:block; width:24px; height:24px; flex-shrink:0; }
.fdFolderList01 .lstEdit01:before,
.fdFolderList01 .lstEdit01:after,
.fdFolderList01 .lstEdit01 span { content:""; position:absolute; width:3px; height:3px; left:50%; margin-left:-1.5px; background:#C4C7D0; border-radius:50%; }
.fdFolderList01 .lstEdit01:before { top:5px; }
.fdFolderList01 .lstEdit01 span { top:50%; margin-top:-1.5px; }
.fdFolderList01 .lstEdit01:after { bottom:5px; }
/* 인스타 공유 저장: 폴더 선택 시트 + 저장 시작 안내 */
.igSharePop.comPopBg { display:flex; align-items:flex-end; background:rgba(0,0,0,.45); z-index:1200; }
.igDonePop.comPopBg { display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.45); z-index:1200; }
.igSharePop .comPopBox01 {
	position:relative; bottom:auto; left:auto; transform:none;
	width:100%; max-width:430px; margin:0 auto;
	border-radius:20px 20px 0 0;
	padding:22px 20px calc(18px + env(safe-area-inset-bottom));
	max-height:82vh; overflow-y:auto;
}
.igSharePop .igPreview { display:flex; align-items:center; gap:12px; padding:4px 2px 16px; border-bottom:1px solid #F1F2F5; }
.igSharePop .igThumb { flex-shrink:0; width:46px; height:46px; border-radius:12px; background:linear-gradient(135deg,#FEDA75,#D62976,#4F5BD5); display:flex; align-items:center; justify-content:center; }
.igSharePop.tiktok .igThumb { background:#111; }   /* 틱톡 공유 — 인스타 그라디언트 대신 틱톡 블랙(2026-08-07) */
.igSharePop .igThumb img { width:24px; height:24px; filter:brightness(0) invert(1); }
.igSharePop .igPvTxt { display:flex; flex-direction:column; min-width:0; }
.igSharePop .igPvTit { font-size:14px; font-weight:700; color:#212121; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.igSharePop .igPvUrl { font-size:12px; color:#9096A6; margin-top:2px; }
.igSharePop .igGuide { font-size:13px; color:#797979; padding:16px 2px 8px; }
.igSharePop .igFolderRow { display:flex; align-items:center; justify-content:space-between; width:100%; padding:13px 4px; background:transparent; border:0; border-bottom:1px solid #F5F6F8; text-align:left; cursor:pointer; }
.igSharePop .igFolderRow:last-child { border-bottom:0; }
.igSharePop .igFName { font-size:15px; font-weight:500; color:#333; }
.igSharePop .igFolderRow.on .igFName { color:#5D5FEF; font-weight:700; }
.igSharePop .igCheck { position:relative; flex-shrink:0; width:22px; height:22px; border-radius:50%; border:1.5px solid #D8DAE2; }
.igSharePop .igFolderRow.on .igCheck { border-color:#5D5FEF; background:#5D5FEF; }
.igSharePop .igFolderRow.on .igCheck:after { content:""; position:absolute; left:7px; top:4px; width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.igSharePop .igAddFolder { display:flex; align-items:center; justify-content:center; gap:6px; margin:14px 0 4px; padding:12px; border:1px dashed #C9CCF0; border-radius:12px; color:#5D5FEF; font-size:14px; font-weight:700; }
.igSharePop .igAddFolder .plus { position:relative; display:block; width:16px; height:16px; }
.igSharePop .igAddFolder .plus:before,
.igSharePop .igAddFolder .plus:after { content:""; position:absolute; background:#5D5FEF; border-radius:2px; }
.igSharePop .igAddFolder .plus:before { width:100%; height:2px; top:50%; left:0; margin-top:-1px; }
.igSharePop .igAddFolder .plus:after { width:2px; height:100%; left:50%; top:0; margin-left:-1px; }
.igSharePop .btmBox { margin-top:16px; }
.igDonePop .comPopBox01 { position:relative; bottom:auto; left:auto; transform:none; width:calc(100% - 56px); max-width:320px; margin:0 auto; border-radius:18px; padding:32px 24px 28px; text-align:center; }
.igDonePop .igDoneChk { display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; background:#22C55E; margin:0 0 16px; }
.igDonePop .igDoneChk svg { width:28px; height:28px; }
.igDonePop .igDoneTit { font-size:16px; font-weight:700; color:#212121; }
.igDonePop .igDoneSub { font-size:13px; color:#888; margin-top:8px; }
/* 저장 완료 토스트 */
.igToast { position:fixed; left:50%; bottom:96px; transform:translateX(-50%); z-index:1300; display:flex; align-items:center; gap:9px; max-width:calc(100% - 40px); padding:12px 18px; background:rgba(28,30,38,.95); border-radius:100px; box-shadow:0 8px 24px -8px rgba(0,0,0,.5); }
.igToast .igToastIco { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#5D5FEF; flex-shrink:0; }
.igToast.done .igToastIco { background:#5D5FEF; }   /* 저장 완료 원형 = 초록 → 앱 액센트 보라(사용자요청 2026-08-07). 진행중 상태와 동일 색 */
.igToast .igToastIco svg { width:13px; height:13px; }
.igToast .igToastTxt { font-size:13.5px; font-weight:600; color:#fff; white-space:nowrap; }
/* 폴더 행 수정(연필) 아이콘 */
.fdFolderList01 .lstEditPen01 { flex-shrink:0; width:34px; height:34px; display:flex; align-items:center; justify-content:center; background:none; border:0; padding:0; }
.fdFolderList01 .lstEditPen01 svg { width:19px; height:19px; }
/* 하단 다크 토스트 (삭제 안내) — 하단 네비(72px) 바로 위로 조금 내림 96→84px(사용자요청) */
.fdToast { position:fixed; left:50%; bottom:84px; transform:translateX(-50%); z-index:1400; max-width:calc(100% - 40px); padding:13px 22px; background:rgba(28,30,38,.95); border-radius:100px; box-shadow:0 8px 24px -8px rgba(0,0,0,.5); font-size:13.5px; font-weight:600; color:#fff; white-space:nowrap; }
/* 새 폴더 만들기 (중앙 모달) */
.fcModalBg { position:fixed; top:0;bottom:0;left:0;right:0;max-width:430px;margin:0 auto; z-index:1300; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.45); padding:20px; }
.fcModal { width:100%; max-width:300px; background:#fff; border-radius:18px; padding:22px 20px 20px; box-shadow:0 18px 44px -14px rgba(20,20,50,.5); }
.fcModal .fcHd { display:flex; align-items:center; justify-content:space-between; margin:0 0 20px; }
.fcModal .fcTit { font-size:16px; font-weight:800; color:#212121; }
.fcModal .fcClose { position:relative; width:22px; height:22px; background:none; border:0; padding:0; }
.fcModal .fcClose:before, .fcModal .fcClose:after { content:""; position:absolute; left:50%; top:50%; width:15px; height:2px; background:#999; border-radius:2px; }
.fcModal .fcClose:before { transform:translate(-50%,-50%) rotate(45deg); }
.fcModal .fcClose:after { transform:translate(-50%,-50%) rotate(-45deg); }
.fcModal .fcField { margin:0 0 18px; }
.fcModal .fcLabel { display:block; font-size:13px; font-weight:700; color:#333; margin:0 0 8px; }
.fcModal .fcOpt { font-size:12px; color:#AEB2BC; font-weight:500; }
.fcModal .fcInput { width:100%; padding:12px 13px; background:#F5F6F8; border:1px solid #EDEEF2; border-radius:11px; font-size:14px; color:#212121; }
.fcModal .fcInput::placeholder { color:#B0B4BE; }
/* [새 폴더] 이름·설명 입력칸 — 포커스 시 보라 테두리·배경변화 제거(사용자요청).
   기본 상태와 완전히 동일하게 두고, 깜빡이는 글자 커서만 보이게 한다. */
.fcModal .fcInput:focus { border-color:#8A8F9C; background:#F5F6F8; outline:none; box-shadow:none; }
.fcModal .fcTextarea { resize:none; line-height:1.5; min-height:96px; }
.fcModal .fcBtns { display:flex; gap:8px; margin-top:22px; }
.fcModal .fcBtns button { flex:1; height:46px; border-radius:12px; font-size:14px; font-weight:700; border:0; }
.fcModal .fcBtnMake { background:#5D5FEF; color:#fff; }
.fcModal .fcBtnMake:disabled { background:#5D5FEF; color:#fff; }
/* 상단 배너 */
.folderLstWr .fdBanner01 + .fdTopBox01 { margin-top:24px; }
.folderLstWr .fdBanner01 {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin:4px 0 0;
	padding:22px 20px;
	background:linear-gradient(120deg, #5D5FEF 0%, #8A7BF7 100%);
	border-radius:14px;
	box-shadow:0 6px 16px -6px rgba(93,95,239,.5);
}
.folderLstWr .fdBanner01 .fdBannerTxt {
	display:flex;
	flex-direction:column;
	gap:4px;
	min-width:0;
}
.folderLstWr .fdBanner01 .fdBannerTit {
	font-weight:700;
	font-size:15px;
	color:#fff;
	letter-spacing:-.3px;
}
.folderLstWr .fdBanner01 .fdBannerSub {
	font-size:12.5px;
	color:rgba(255,255,255,.85);
	letter-spacing:-.3px;
}
.folderLstWr .fdBanner01 .fdBannerIco {
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	background:rgba(255,255,255,.18);
	border-radius:50%;
}
.folderLstWr .fdBanner01 .fdBannerIco svg {
	width:22px;
	height:22px;
}
.folderLstWr .fdBanner01:active {
	opacity:.92;
}
.folderLstWr .fdTopBox01 {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin:0 0 16px;
	padding:0 6px 0 0;
}
.folderLstWr .fdTopBox01 .tit01 { 
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.folderLstWr .fdTopBox01 .addLnk01 {
	flex-shrink:0;
	position:relative;
	display:block;
	padding:7px 19px 7px 44px;
	background: #EBECFF;
	border:1px solid #EBECFF;
	border-radius: 100px;
	font-weight: 500;
	font-size: 15px;
	color: #5D5FEF;
	transition:all .3s ease;
}
.folderLstWr .fdTopBox01 .addLnk01 .plus {
	position:absolute;
	display:block;
	width: 14px;
	height: 14px;
	top: 10px;
	left: 22px;
}
.folderLstWr .fdTopBox01 .addLnk01 .plus:before,
.folderLstWr .fdTopBox01 .addLnk01 .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #5D5FEF;
	border-radius: 4px;
}
.folderLstWr .fdTopBox01 .addLnk01 .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.folderLstWr .fdTopBox01 .addLnk01 .plus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.folderLstWr .fdTopBox01 .addLnk01:focus,
.folderLstWr .fdTopBox01 .addLnk01:hover {
	background: #FFF;
	border-color:#5D5FEF;
}
.folderLstWr .fdTopBox01 .moreLnk01 {
	position:relative;
	display:block;
	padding:0 15px 0 0;
	font-size: 13px;
	transition:all .3s ease;
	color: #999;
}
.folderLstWr .fdTopBox01 .moreLnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 3px;
	right: 0;
	transform:rotate(45deg);
	border-top:1px solid #999;
	border-right:1px solid #999;
	transition:all .3s ease;
}
.folderLstWr .fdTopBox01 .moreLnk01:focus,
.folderLstWr .fdTopBox01 .moreLnk01:hover { 
	color: #5D5FEF;
}
.folderLstWr .fdTopBox01 .moreLnk01:focus:after,
.folderLstWr .fdTopBox01 .moreLnk01:hover:after { 
	border-color: #5D5FEF;
}
.folderLstWr * + .fdTopBox01 { 
	margin-top:40px;
}
.folderLstWr .fdCateBox01 {
	flex-grow:1;
	min-width: 0;
}
.folderLstWr .fdCateBox01 .swiper-slide {
	width: auto;
}
.folderLstWr .fdCateBox01 .btnCate { 
	display:block;
	padding:7px 19px 5px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 15px;
	color: #666;
}
.folderLstWr .fdCateBox01 .btnCate.on { 
	background: #5D5FEF;
	border-color: #5D5FEF;
	font-weight: 700;
	color: #FFF;
}
.folderLstWr .fdLst01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.folderLstWr .fdLst01 > li { 
	width: calc((100% - 12px)/2);
	border:1px solid #F0F0F0;
	border-radius: 15px;
}
.folderLstWr .fdLst01 .lstBtn01 { 
	display:block;
	width: 100%;
	padding:16px;
	text-align: left;
}
.folderLstWr .fdLst01 .lstImgBox {
	position:relative;
	display:block;
	margin:0 0 11px;
	padding:75% 0 0;
	background: #FAFAFA;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-size: 0;
	overflow: hidden;
}
.folderLstWr .fdLst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.folderLstWr .fdLst01 .lstImgBox.stNoImg { 
	background-image: url(/Form/_renew_vue/images/comNoImg01.svg);
	background-position: center center;
	background-repeat:no-repeat;
}
.folderLstWr .fdLst01 .lstNum01 { 
	position:absolute; 
	display:block;
	top: 0;
	left: 0;
	padding:4px 11px 5px;
	background: rgba(33, 33, 33, .6);
	border-radius: 0 0 10px 0;
	font-weight: 500;
	font-size: 12px;
	color: #FFF;
}
.folderLstWr .fdLst01 .lstMidBox { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 7px;
}
.folderLstWr .fdLst01 .lstTit01,
.folderLstWr .fdLst01 .lstSNS01 { 
	flex-grow:1;
	display:block;
	min-width: 0;
	height: 20px;
	letter-spacing: -.18px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.folderLstWr .fdLst01 .lstTit01 { 
	font-weight: 700;
	font-size: 15px;
	color: #212121;
}
.folderLstWr .fdLst01 .lstSNS01 { 
	position:relative;
	padding:0 0 0 22px;
	font-size: 13px;
	color: #424242;
}
.folderLstWr .fdLst01 .lstSNS01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.folderLstWr .fdLst01 .lstSNS01.stInst:before,
.folderLstWr .fdLst01 .lstSNS01.stinstagram:before { 
	background-image: url(/Form/_renew_vue/images/folderLstSns_instar.svg);
}
.folderLstWr .fdLst01 .lstHidToggle { 
	position:relative; 
	display:block; 
	width: 20px;
	height: 20px;
}
.folderLstWr .fdLst01 .lstHidToggle:before,
.folderLstWr .fdLst01 .lstHidToggle:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 4px;
	left: 50%;
	margin:0 0 0 -2px;
	background: #999;
	border-radius: 50%;
}
.folderLstWr .fdLst01 .lstHidToggle:before { 
	top: 2px;
}
.folderLstWr .fdLst01 .lstHidToggle:after { 
	top: 14px;
}
.folderLstWr .fdLst01 .lstHidToggle span {
	position:absolute;
	display:block;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 50%;
	margin:-2px 0 0 -2px;
	background: #999;
	border-radius: 50%;
}
.folderLstWr .fdLst01 .lstHidBox { 
	position:absolute;
	display:none;
	width: 100px;
	top: calc(100% + 9px);
	right: -9px;
	padding:0 15px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141, 141, 141, .25);
	z-index: 1;
}
.folderLstWr .fdLst01 .lstHidBox .lstBtn01 { 
	position:relative; 
	display:block;
	width: 100%;
	padding:9px 0 9px 18px;
	border-bottom:1px solid #F0F0F0;
	font-size: 14px;
	text-align: left;
	color: #797979;
}
.folderLstWr .fdLst01 .lstHidBox .lstBtn01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 11px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.folderLstWr .fdLst01 .lstHidBox .lstBtn01.stEdit:before { 
	background-image: url(/Form/_renew_vue/images/folderLstEdit01.svg);
}
.folderLstWr .fdLst01 .lstHidBox .lstBtn01.stDel:before { 
	background-image: url(/Form/_renew_vue/images/folderLstDel01.svg);
}
.folderLstWr .fdLst01 .lstHidBox .lstBtn01:last-child { 
	border-bottom:none;
}
.folderLstWr .fdLst01 .lstTxt01 { 
	font-size: 14px;
	letter-spacing: -.18px;
	color: #797979;
}
.folderLstWr .fdLst01 .lstBtmBox { 
	display:flex;
	gap:12px;
}
.folderLstWr .fdLst01 .lstStat01 { 
	position:relative;
	display:block;
	padding:0 0 0 22px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: -.18px;
}
.folderLstWr .fdLst01 .lstStat01:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.folderLstWr .fdLst01 .lstStat01.stPlace { 
	color: #5D5FEF;
}
.folderLstWr .fdLst01 .lstStat01.stPlace:before { 
	background-image: url(/Form/_renew_vue/images/folderLstStat01_place01.svg);
}
.folderLstWr .fdLst01 .lstStat01.stView { 
	color: #535384;
}
.folderLstWr .fdLst01 .lstStat01.stView:before { 
	background-image: url(/Form/_renew_vue/images/folderLstStat01_view01.svg);
}
.folderLstWr .fdLst01 .lstAddLnk01 {
	display:flex;
	align-items:center;
	justify-content:center;
	width: 100%;
	height: 100%;
}
.folderLstWr .fdLst01 .lstAddLnk01 .plus { 
	position:relative;
	display:block;
	width: 20px;
	height: 20px;
}
.folderLstWr .fdLst01 .lstAddLnk01 .plus:before,
.folderLstWr .fdLst01 .lstAddLnk01 .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	border-radius: 4px;
	background: #666;
	transition:all .3s ease;
}
.folderLstWr .fdLst01 .lstAddLnk01 .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.folderLstWr .fdLst01 .lstAddLnk01 .plus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.folderLstWr .fdLst01 .lstAddLnk01:focus .plus:before,
.folderLstWr .fdLst01 .lstAddLnk01:hover .plus:before,
.folderLstWr .fdLst01 .lstAddLnk01:focus .plus:after,
.folderLstWr .fdLst01 .lstAddLnk01:hover .plus:after { 
	background: #5D5FEF;
}
.folderLstWr .fdLstSwipe01 .swiper-slide {
	width: 150px;
	border:1px solid #EDEDED;
	border-radius: 10px;
	overflow: hidden;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 {
	display:block;
	width: 100%;
	height: 70px;
	box-sizing: border-box;
	padding:12px 14px;
	background: #F3F3F7;
	text-align: left;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstTopBox {
	position:relative;
	display:flex;
	align-items:center;
	gap:5px;
	margin:0 0 8px;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstTit01 { 
	flex-grow:1;
	display:block;
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
	letter-spacing: -.18px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;	
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstEdit01 { 
	flex-shrink:0;
	position:relative;
	display:block; 
	width: 18px;
	height: 18px;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstEdit01:before,
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstEdit01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	left: 50%;
	margin:0 0 0 -1px;
	background: #999;
	border-radius: 50%;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstEdit01:before { 
	top: 4px;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstEdit01:after { 
	top: 12px;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstEdit01 span {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -1px;
	background: #999;
	border-radius: 50%;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstBtmBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstStat01 { 
	position:relative;
	display:block;
	padding:0 0 0 22px;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #666;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstStat01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstStat01.stView:before { 
	background-image: url(/Form/_renew_vue/images/folderLstSwipe01_view01.svg);
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstStat01.stPlace:before { 
	background-image: url(/Form/_renew_vue/images/folderLstSwipe01_place01.svg);
}
.folderLstWr .fdLstSwipe01 .lstBtn02 {
	display:flex;
	align-items:center;
	justify-content:center;
	width: 100%;
	height: 70px;
}
.folderLstWr .fdLstSwipe01 .lstBtn02 .btnTxt01 { 
	position:relative;
	display:block;
	padding:0 0 0 22px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #212121;
}
.folderLstWr .fdLstSwipe01 .lstBtn02 .btnTxt01 .plus {
	position:absolute;
	display:block;
	width: 14px;
	height: 14px;
	top: 1px;
	left: 0;
}
.folderLstWr .fdLstSwipe01 .lstBtn02 .btnTxt01 .plus:before,
.folderLstWr .fdLstSwipe01 .lstBtn02 .btnTxt01 .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #5D5FEF;
	border-radius: 4px;
}
.folderLstWr .fdLstSwipe01 .lstBtn02 .btnTxt01 .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.folderLstWr .fdLstSwipe01 .lstBtn02 .btnTxt01 .plus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstSNS01 {
	flex-shrink: 1;
	position:relative;
	display: block;
	width: 16px;
	height: 16px;
	background-repeat:no-repeat;
	background-size:cover;
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstSNS01.stInst,
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstSNS01.stinstagram {
	background-image: url(/Form/_renew_vue/images/folderLstSns_instar.svg);
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstSNS01.stYout,
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstSNS01.styoutube {
	background-image: url(/Form/_renew_vue/images/folderLstPop02Sns_yout.svg);
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstSNS01.stTick,
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstSNS01.sttiktok {
	background-image: url(/Form/_renew_vue/images/folderLstPop02Sns_tick.svg);
}
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstSNS01.stBlog,
.folderLstWr .fdLstSwipe01 .lstBtn01 .lstSNS01.stblog {
	background-image: url(/Form/_renew_vue/images/folderLstPop02Sns_blog.svg);
}
.folderLstWr .fdLstSwipe01 .crHidBox {
	display: none;
	position: absolute;
	top: 22px;
	right: 0;
	background: #fff;
	border: 1px solid #EDEDED;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
	z-index: 10;
	white-space: nowrap;
	overflow: hidden;
}
.folderLstWr .fdLstSwipe01 .crHidBox.on { display: block; }
.folderLstWr .fdLstSwipe01 .crHidBtn {
	display: block;
	padding: 10px 16px;
	font-size: 13px;
	color: #444;
	cursor: pointer;
}
.folderLstWr .fdLstSwipe01 .crHidBtn:active { background: #F5F5F5; }
/* 컨텐츠(릴스): 윗줄/아랫줄 각각 독립 가로 스크롤 (Swiper 미사용) */
.folderLstWr .fdSnsSwipe01 {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.folderLstWr .fdSnsSwipe01::-webkit-scrollbar { display: none; }
.folderLstWr .fdSnsSwipe01 { cursor: grab; }
.folderLstWr .fdSnsSwipe01.isGrabbing { cursor: grabbing; }
.folderLstWr .fdSnsSwipe01.isGrabbing a { pointer-events: none; } /* 드래그 중 클릭 방지 */
/* 각 줄 래퍼 + 우측 '>' 스크롤 안내 */
.folderLstWr .fdReelsRowWrap { position: relative; }
.folderLstWr .fdReelsRowWrap + .fdReelsRowWrap { margin-top: 12px; } /* 윗줄↔아랫줄 간격 */
.folderLstWr .fdReelsArrow {
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255,255,255,.92);
	box-shadow: 0 1px 5px rgba(0,0,0,.22);
	color: #333;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}
.folderLstWr .fdReelsArrow:before { content: "\203A"; margin-top: -2px; } /* › */
.folderLstWr .fdReelsRowWrap.atEnd .fdReelsArrow { display: none; } /* 끝까지 스크롤 시 숨김 */
.folderLstWr .fdSnsSwipe01 .swiper-slide {
	flex: 0 0 auto;
	width: calc((min(100vw, 430px) - 44px) / 2); /* 한 화면에 2개 */
}
/* 컨텐츠 미리보기: 슬라이드 없이 2열 × 3줄 = 6개 고정 그리드 */
.folderLstWr .fdSnsSwipe01.fdReelsGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	overflow: visible;
	cursor: default;
}
.folderLstWr .fdSnsSwipe01.fdReelsGrid .swiper-slide {
	position: relative;
	width: auto;
	min-width: 0;
	background:#fff;
	border:1px solid #F0F0F0;
	border-radius:10px;
	padding:8px 8px 0;
	box-shadow:0 8px 18px -12px rgba(60,50,40,.4);
}
/* 폴라로이드 엽서: 사진은 라운드 4px·테두리 제거, 하단 여백에 제목/크리에이터 */
.folderLstWr .fdSnsSwipe01.fdReelsGrid .lnk01 {
	padding:84% 0 0;
	border:0;
	border-radius:5px;
}
.folderLstWr .fdSnsSwipe01.fdReelsGrid .btnZzim {
	top:14px;
	right:14px;
}
.folderLstWr .fdSnsSwipe01.fdReelsGrid .reelPcBody {
	padding:9px 5px 12px;
	cursor:pointer;
}
.folderLstWr .fdSnsSwipe01.fdReelsGrid .reelPcTit {
	font-size:13px;
	font-weight:700;
	color:#212121;
	line-height:1.3;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.folderLstWr .fdSnsSwipe01.fdReelsGrid .reelPcCr {
	margin-top:3px;
	font-size:11px;
	font-weight:600;
	color:#9B9B9B;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.folderLstWr .fdSnsSwipe01 .lnk01 {
	position:relative;
	display:block; 
	padding:162.5% 0 0;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	font-size: 0;
	overflow: hidden;
}
.folderLstWr .fdSnsSwipe01 .lnk01 img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.folderLstWr .fdSnsSwipe01 .btnZzim {
	position:absolute; 
	display:block; 
	width: 24px;
	height: 24px;
	top: 8px;
	right: 8px;
	background:url(/Form/_renew_vue/images/mContentBm01_off.svg) no-repeat center center;
	z-index: 1;
}
.folderLstWr .fdSnsSwipe01 .btnZzim.on { 
	background-image:url(/Form/_renew_vue/images/mContentBm01_on.svg);
}
.folderLstWr .fdAddLnk01 { 
	position:relative;
	display:block; 
	width: calc((100% - 12px)/2);
	margin:12px 0 0;
	padding:21px 40px 21px 48px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	font-weight: 500;
	font-size: 15px;
	color: #424242;
	transition:all .3s ease;
}
.folderLstWr .fdAddLnk01:before,
.folderLstWr .fdAddLnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.folderLstWr .fdAddLnk01:before { 
	width: 21px;
	height: 16px;
	top: 23px;
	left: 21px;
	background:url(/Form/_renew_vue/images/folderLstAdd01.svg) no-repeat center / cover;
}
.folderLstWr .fdAddLnk01:after { 
	width: 10px;
	height: 10px;
	top: 26px;
	right: 27px;
	transform:rotate(45deg);
	border-top:2px solid #797979;
	border-right:2px solid #797979;
}
.folderLstWr .fdAddLnk01:focus,
.folderLstWr .fdAddLnk01:hover { 
	background: #FFF;
	border-color:#5D5FEF;
	color:#5D5FEF;
}
.folderLstWr .fdAddLnk01:focus:after,
.folderLstWr .fdAddLnk01:hover:after {
	border-color:#5D5FEF;
}
.folderLstWr .fdFormLnkBox01 {
	position:fixed;
	bottom: 84px; /* 하단 네비(72px) 바로 위 */
	left: 50%;
	/* 하단 네비 5탭 중 'AI 챗'(우측 끝, 중심 = 컬럼 중앙 +40%) 위로 정렬. 컬럼폭 = min(100vw,430px) */
	margin-left: calc(0.4 * min(100vw, 430px) - 22px);
	right: auto;
	z-index: 11;
}
.folderLstWr .fdFormHidBox01 { 
	position:absolute;
	display:none;
	bottom: calc(100% + 15px);
	right: 0;
}
.folderLstWr .fdFormLst01 li { 
	border-bottom:1px solid #F0F0F0;
}
.folderLstWr .fdFormLst01 li:last-child { 
	border-bottom:0;
}
.folderLstWr .fdFormLst01 .lstBtn { 
	position:relative;
	display:block; 
	width: 100%;
	padding:13px 0 12px 25px;
	font-size: 14px;		
	text-align: left;
	color: #212121;
	transition:all .3s ease;
}
.folderLstWr .fdFormLst01 .lstBtn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 12px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.folderLstWr .fdFormLst01 .lstBtn.stAdd:before { 
	background-image: url(/Form/_renew_vue/images/folderLstHid01_add01.svg);
}
.folderLstWr .fdFormLst01 .lstBtn.stShare:before { 
	background-image: url(/Form/_renew_vue/images/folderLstHid01_share01.svg);
}
.folderLstWr .fdFormLst01 .lstBtn.stUse:before { 
	background-image: url(/Form/_renew_vue/images/folderLstHid01_use01.svg);
}
.folderLstWr .fdFormLst01 .lstBtn:focus,
.folderLstWr .fdFormLst01 .lstBtn:hover { 
	color: #5D5FEF;
}
.folderLstWr .fdFormLst02 li { 
	margin:0 0 8px;
}
.folderLstWr .fdFormLst02 li:last-child { 
	margin:0;
}
.folderLstWr .fdFormLst02 .lstBtn { 
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
	width: 100%;
}
.folderLstWr .fdFormLst02 .lstBtn .btnTxt01 { 
	display:block;
	padding:9px 20px;
	background: #FFF;
	border-radius: 100px;
	box-shadow:0 10px 16px -3px rgba(0,0,0,.1);
	font-weight: 500;
	font-size: 14px;
	color: #4F46E5;
	white-space:nowrap;
}
.folderLstWr .fdFormLst02 .lstBtn .btnIco {
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 44px;
	height: 44px;
	background: #4F46E5;
	border-radius: 50%;
}
.folderLstWr .fdFormLnk01 {
	position:relative;
	display:block;
	width: 44px;
	height: 44px;
	background: #5D5FEF;
	border-radius: 1000px;
	box-shadow:0 1px 3px 0 rgba(50,50,50,.25);
	transition:all .3s ease;
}
.folderLstWr .fdFormLnk01 .plus {
	position:absolute;
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	transition:all .3s ease;
}
.folderLstWr .fdFormLnk01 .plus:before,
.folderLstWr .fdFormLnk01 .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #FFF;
	border-radius: 4px;
}
.folderLstWr .fdFormLnk01 .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.folderLstWr .fdFormLnk01 .plus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.folderLstWr .fdFormLnk01.on { 
	background: #212121;
}
.folderLstWr .fdFormLnk01.on .plus { 
	transform:rotate(-45deg);
}
.folderLstWr .mContentWr { 
	margin-bottom:0;
}
.folderLstPop01 { 
	display:block;
	text-align: center;
}
.folderLstPop01 .imgBox { 
	margin:0 0 30px;
	font-size: 0;
}
.folderLstPop01 .txt01 { 
	margin:0 0 25px;
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.folderLstPop01 .btnBox01 { 
	display:flex;
	gap:12px;
}
.folderLstPop01 .btnBox01 .btn { 
	display:block;
	width: calc((100% - 12px)/2);
	padding:15px 10px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
}
.folderLstPop01 .btnBox01 .btn.st01 { 
	background: #EDEDED;
	color: #797979;
}
.folderLstPop01 .btnBox01 .btn.st02 { 
	background: #5D5FEF;
	color: #FFF;
}
.folderLstPop02 { 
	display:block;
}
.folderLstPop02 .contentBox01 { 
	display:flex;
	gap:8px;
}
.folderLstPop02 .contentBox01 .btn { 
	display:block; 
	width: calc((100% - 8px)/2);
	padding:15px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	text-align: left;
}
.folderLstPop02 .contentBox01 .btn span { 
	display:block;
}
.folderLstPop02 .contentBox01 .btnImgBox { 
	margin:0 0 14px;
	font-size: 0;
}
.folderLstPop02 .contentBox01 .btnTit01 { 
	margin:0 0 13px;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.folderLstPop02 .contentBox01 .btnTxt01 { 
	font-size: 13px;
	line-height: 1.4;
	color: #797979;
}
.folderLstPop02 .contentBox02 .cttTxt01 { 
	margin:0 0 23px;
	font-weight: 500;
	font-size: 15px;
	line-height: 1.4;
	color: #424242;
}
.folderLstPop02 .contentBox02 .cttTxt01 span { 
	display:block; 
	font-weight: 400;
	font-size: 14px;
	color: #797979;
}
.folderLstPop02 .contentBox02 .copyBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 24px;
	padding:13px 15px 13px 55px;
	background:url(/Form/_renew_vue/images/folderLstPop02Copy01.svg) no-repeat center left 18px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.folderLstPop02 .contentBox02 .copyBox01 .copyIpt { 
	flex-grow:1;
	font-size: 15px;
	color: #424242;
}
.folderLstPop02 .contentBox02 .copyBox01 .copyIpt::placeholder { 
	color: #999;
}
.folderLstPop02 .contentBox02 .copyBox01 .btn { 
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	padding:9px 12px;
	background: #212121;
	border-radius: 10px;
}
.folderLstPop02 .contentBox02 .copyBox01 .btn span { 
	display:block;
}
.folderLstPop02 .contentBox02 .copyBox01 .btnIco { 
	font-size: 0;
}
.folderLstPop02 .contentBox02 .copyBox01 .btnTxt01 { 
	font-weight: 500;
	font-size: 14px;
	color: #FFF;
}
.folderLstPop02 .contentBox02 .lnkDl01 { 
	padding:16px 15px 15px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.folderLstPop02 .contentBox02 .lnkDl01 dt { 
	margin:0 0 12px;
	font-size: 14px;
	color: #424242;
}
.folderLstPop02 .contentBox02 .lnkDl01 dd { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.folderLstPop02 .contentBox02 .lnkDl01 dd .lnk01 { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 40px;
	height: 40px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 50%;
}
.folderLstPop02.on .comPopBox01.stOff { 
	bottom: -100%;
}
.folderEditPop01 .folderEditLst01 li { 
	margin:0 0 30px
}
.folderEditPop01 .folderEditLst01 li:last-child { 
	margin:0;
}
.folderEditPop01 .folderEditLst01 .lstBtn01 { 
	position:relative;
	display:block;
	width: 100%;
	padding:0 0 0 34px;
	font-weight: 500;
	font-size: 15px;
	text-align: left;
	color: #424242;
}
.folderEditPop01 .folderEditLst01 .lstBtn01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: -4px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.folderEditPop01 .folderEditLst01 .lstBtn01.stName01:before { 
	background-image: url(/Form/_renew_vue/images/folderLstEdit01_name01.svg);
}
.folderEditPop01 .folderEditLst01 .lstBtn01.stOrder01:before { 
	background-image: url(/Form/_renew_vue/images/folderLstEdit01_order01.svg);
}
.folderEditPop01 .folderEditLst01 .lstBtn01.stAdd01:before { 
	background-image: url(/Form/_renew_vue/images/folderLstEdit01_add01.svg);
}
.folderEditPop01 .folderEditLst01 .lstBtn01.stDel01 { 
	color: #424242;
}
.folderEditPop01 .folderEditLst01 .lstBtn01.stDel01:before {
	background-image: url(/Form/_renew_vue/images/folderLstEdit01_del01.svg?v=2);
}
/* 완료 버튼: 보라색 (folderReorderPop01 과 동일 패턴으로 명시) */
.folderEditPop01 .btmBox .btn.st06 {
	background:#5D5FEF;
	border-color:#5D5FEF;
	color:#fff;
}
@media all and (max-width:599px){
	.folderLstWr .fdFormLnkBox01 {
		bottom: 84px;
		right: auto;
	}
}
/* 폴더 순서 변경 팝업 */
.folderReorderPop01 { z-index: 1100; }   /* FAB(z:1013) 위로 → 드래그 핸들 포인터 가로채기 방지 */
.folderReorderPop01.on .comPopBox01 { bottom: 0; }
.folderReorderPop01 .comPopBox01 { padding: 28px 0 20px; }
.folderReorderPop01 .popHeadBox { margin: 0 20px 20px; }
.folderReorderPop01 .popTit01 { font-size: 17px; font-weight: 700; color: #222; margin: 0 0 4px; }
.folderReorderPop01 .popDesc01 { font-size: 13px; color: #999; }
.folderReorderPop01 .reorderAllBox { display: flex; align-items: center; justify-content: space-between; margin: 0 20px 8px; }
.folderReorderPop01 .reorderAllChk { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; user-select: none; }
.folderReorderPop01 .reorderAllChk .box { width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid #D5D8E0; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; }
.folderReorderPop01 .reorderAllChk .box svg { width: 11px; height: 11px; opacity: 0; }
.folderReorderPop01 .reorderAllChk.on .box { background: #5D5FEF; border-color: #5D5FEF; }
.folderReorderPop01 .reorderAllChk.on .box svg { opacity: 1; }
.folderReorderPop01 .reorderAllChk .tx { font-size: 14px; font-weight: 600; color: #333; }
.folderReorderPop01 .reorderSelCnt { font-size: 12.5px; font-weight: 600; color: #5D5FEF; }
.folderReorderPop01 .conBox { max-height: 320px; overflow-y: auto; }
.folderReorderPop01 .folderReorderLst01 { list-style: none; padding: 0; margin: 0; }
.folderReorderPop01 .reorderItem01 { display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-bottom: 1px solid #f0f0f0; cursor: pointer; user-select: none; }
.folderReorderPop01 .reorderItem01 .reorderChk { width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid #D5D8E0; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; background: #fff; }
.folderReorderPop01 .reorderItem01 .reorderChk svg { width: 11px; height: 11px; opacity: 0; }
.folderReorderPop01 .reorderItem01.sel .reorderChk { background: #5D5FEF; border-color: #5D5FEF; }
.folderReorderPop01 .reorderItem01.sel .reorderChk svg { opacity: 1; }
.folderReorderPop01 .reorderItem01:last-child { border-bottom: none; }
.folderReorderPop01 .reorderItem01.sortable-chosen { background: #f2f2f4; }
.folderReorderPop01 .reorderItem01.sel { border-radius: 0; background: #EEF0FF; border-bottom-color: transparent; }
.folderReorderPop01 .dragHandle01 { display: flex; flex-direction: column; gap: 4px; padding: 2px 4px; }
.folderReorderPop01 .dragHandle01 span { display: block; width: 18px; height: 2px; background: #bbb; border-radius: 2px; }
.folderReorderPop01 .folderName01 { font-size: 14px; color: #333; font-weight: 500; flex: 1; }
.folderReorderPop01 .btmBox { display: flex; gap: 10px; margin: 20px 20px 0; }
.folderReorderPop01 .btmBox .btn { flex: 1; height: 48px; border-radius: 10px; font-size: 15px; font-weight: 600; }
.folderReorderPop01 .btmBox .btn.st01 { background: #f4f4f4; color: #666; }
.folderReorderPop01 .btmBox .btn.st01.stDel { background: #C4C8D0; color: #fff; border: 1.5px solid #C4C8D0; }
.folderReorderPop01 .btmBox .btn.st06 { background: #5D5FEF; color: #fff; }
/* 폴더 목록 끝
------------------------------------------------------ */
/* 전체 컨텐츠 시작
------------------------------------------------------ */
/* 도시 커스텀 드롭다운: 박스·목록 전부 가운데 정렬 + 좌우 여백 동일 (contentAll01 한정) */
.contentAllWr .comSchBox01 .schBox01 .iptSelCustom01 {
	position:relative;
	flex-shrink:0;
	width:92px;
}
.contentAllWr .comSchBox01 .schBox01 .iptSelCustom01 .selBtn01 {
	display:block;
	width:100%;
	/* 좌측 가장자리 + 화살표(우측) 사이 영역의 가운데에 텍스트 배치, 화살표와 간격 확보 */
	padding:15px 30px 15px 14px;
	background:url(/Form/_renew_vue/images/comSel02.svg) no-repeat center right 12px;
	border:1px solid #F0F0F0;
	border-radius:15px;
	font-size:14px;
	color:#424242;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.contentAllWr .comSchBox01 .schBox01 .iptSelCustom01.on .selBtn01 {
	border-color:#5D5FEF;
}
.contentAllWr .comSchBox01 .schBox01 .iptSelCustom01 .selList01 {
	position:absolute;
	top:calc(100% + 6px);
	left:0;
	z-index:30;
	min-width:100%;
	width:max-content;
	max-width:calc(100vw - 40px);
	max-height:260px;
	overflow-y:auto;
	padding:6px;
	margin:0;
	list-style:none;
	background:#fff;
	border:1px solid #F0F0F0;
	border-radius:12px;
	box-shadow:0 6px 20px rgba(0,0,0,.12);
}
.contentAllWr .comSchBox01 .schBox01 .iptSelCustom01 .selList01 li button {
	display:block;
	width:100%;
	padding:11px 15px;
	border-radius:8px;
	font-size:14px;
	color:#424242;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.contentAllWr .comSchBox01 .schBox01 .iptSelCustom01 .selList01 li button.on {
	background:#EEEEFF;
	color:#5D5FEF;
	font-weight:600;
}
/* 카테고리 칩: 아이콘 + 둥근 사각형 (contentAll01 한정, 아이콘은 common.css) */
/* 슬라이드 영역이 오른쪽으로 튀어나오지 않도록 클리핑 + '>' 더보기 표시 */
.contentAllWr .comSchBox01 .schCateBox03 {
	position:relative;
	overflow:hidden;
}
.contentAllWr .comSchBox01 .schCateBox03 .cateNextBtn {
	position:absolute;
	top:0;
	right:0;
	z-index:3;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	width:38px;
	height:100%;
	padding:0 7px 0 0;
	border:0;
	font-size:20px;
	line-height:1;
	color:#9AA0AC;
	background:linear-gradient(to right, rgba(255,255,255,0), #FFF 55%);
	cursor:pointer;
}
.contentAllWr .comSchBox01 .schCateBox03 .cateNextBtn:before {
	content:"\203A"; /* › */
}
/* 끝까지 슬라이드하면 화살표 숨김 (Swiper navigation) */
.contentAllWr .comSchBox01 .schCateBox03 .cateNextBtn.swiper-button-disabled,
.contentAllWr .comSchBox01 .schCateBox03 .cateNextBtn.swiper-button-lock {
	display:none;
}
/* 아이콘·여백 축소로 칩 가로 길이 슬림하게 */
.contentAllWr .comSchBox01 .schCateBox03 .btnCate {
	border-radius:8px;
	padding:11px 10px 11px 28px;
	font-size:13px;
}
.contentAllWr .comSchBox01 .schCateBox03 .btnCate:before {
	width:15px;
	height:15px;
	top:12px;
	left:9px;
}
.contentAllWr .comSchBox01 .schCateBox03 .btnCate.stAll {
	padding:11px 10px;
}
/* 검색창↔칩 / 칩↔썸네일 여백 통일 (16px) */
.contentAllWr .comSchBox01 .schBox01 + .schCateBox03 {
	margin-top:16px;
}
.contentAllWr .contentLst01 {
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:16px 0 0;
}
.contentAllWr .contentLst01 li { 
	position:relative;
	display:flex;
	align-items:flex-end; 
	justify-content:space-between;
	flex-direction:column;
	width: calc((100% - 12px)/2);
	height: 309px;
	padding:10px 10px 19px;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	overflow: hidden;
}
.contentAllWr .contentLst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:linear-gradient(to bottom, rgba(33,33,33,0), rgba(33,33,33,1));
	z-index: 1;
}
.contentAllWr .contentLst01 .lstImg { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: 0;
}
.contentAllWr .contentLst01 .lstBtnPut { 
	position:relative; 
	display:block;
	width: 45px;
	height: 45px;
	background: rgba(33,33,33,.6);
	border-radius: 50%;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: -.18px;
	text-align: center;
	color: #CDCDCD;
	z-index: 1;
}
.contentAllWr .contentLst01 .lstBtnPut:before {
	content:"";
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	margin:0 auto 2px;
	background:url(/Form/_renew_vue/images/cttAllPut01_off.svg) no-repeat center / cover;
}
.contentAllWr .contentLst01 .lstBtnPut.on:before { 
	background:url(/Form/_renew_vue/images/cttAllPut01_on.svg);
}
.contentAllWr .contentLst01 .lstBtmBox { 
	position:relative;
	width: 100%;
	padding:0 9px;
	z-index: 1;
}
.contentAllWr .contentLst01 .lstStatBox01 { 
	display:flex;
	align-items:center;
	gap:10px;
	margin:0 0 9px;
}
.contentAllWr .contentLst01 .lstSnsId01 { 
	flex-grow:1;
	position:relative; 
	min-width: 0;
	padding:0 0 0 22px;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #CDCDCD;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.contentAllWr .contentLst01 .lstSnsId01:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.contentAllWr .contentLst01 .lstSnsId01.stInst:before { 
	background-image: url(/Form/_renew_vue/images/cttAllSns_inst01.svg);
}
.contentAllWr .contentLst01 .lstSnsId01.stYout:before { 
	background-image: url(/Form/_renew_vue/images/cttAllSns_yout01.svg);
}
.contentAllWr .contentLst01 .lstSnsId01.stTick:before { 
	background-image: url(/Form/_renew_vue/images/cttAllSns_tick01.svg);
}
.contentAllWr .contentLst01 .lstSnsId01.stNaver:before { 
	background-image: url(/Form/_renew_vue/images/cttAllSns_naver01.svg);
}
.contentAllWr .contentLst01 .lstSnsId01.stBlog:before { 
	background-image: url(/Form/_renew_vue/images/cttAllSns_blog01.svg);
}
.contentAllWr .contentLst01 .lstBtnSubs {
	flex-shrink:0;
	position:relative;
	display:block;
	width: 72px;
	padding:4px 4px 4px 18px;
	background: rgba(33,33,33,.6);
	border-radius: 1000px;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: -.18px;
	color: #CDCDCD;
}
.contentAllWr .contentLst01 .lstBtnSubs:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 4px;
	left: 4px;
	background:url(/Form/_renew_vue/images/cttAllSnsSubs01_off.svg) no-repeat center / cover;
}
.contentAllWr .contentLst01 .lstBtnSubs.on { 
	color: #FFF;
}
.contentAllWr .contentLst01 .lstBtnSubs.on:before { 
	background-image:url(/Form/_renew_vue/images/cttAllSnsSubs01_on.svg);
}
.contentAllWr .contentLst01 .lstTxt01 { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 39px;	
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #FFF;
	text-overflow: ellipsis;
	overflow: hidden;
}
/* ── 컨텐츠 카드: folderList 엽서형과 동일 (흰 프레임 + 사진 + 하단 제목/크리에이터) ── */
.contentAllWr .contentLst01 li {
	display:block;
	height:auto;
	padding:8px 8px 0;
	background:#fff;
	border:1px solid #F0F0F0;
	border-radius:10px;
	box-shadow:0 8px 18px -12px rgba(60,50,40,.4);
	overflow:visible;
}
.contentAllWr .contentLst01 li:before { display:none; }
.contentAllWr .contentLst01 .lstImg {
	position:relative;
	width:100%;
	height:auto;
	aspect-ratio:100/84;
	border-radius:5px;
}
.contentAllWr .contentLst01 .lstBtnPut {
	position:absolute;
	top:14px;
	right:14px;
	width:34px;
	height:34px;
	font-size:0;
	z-index:2;
}
.contentAllWr .contentLst01 .lstBtnPut:before { margin:0 auto; width:18px; height:18px; }
.contentAllWr .contentLst01 .lstBtmBox {
	display:flex;
	flex-direction:column-reverse;
	padding:9px 5px 12px;
}
.contentAllWr .contentLst01 .lstStatBox01 { margin:4px 0 0; }
.contentAllWr .contentLst01 .lstSnsId01 { font-size:11px; color:#9B9B9B; }
.contentAllWr .contentLst01 .lstSnsId01:before { width:14px; height:14px; top:1px; }
.contentAllWr .contentLst01 .lstTxt01 {
	-webkit-line-clamp:1;
	height:auto;
	font-size:13px;
	color:#212121;
}
/* 전체 컨텐츠 끝
------------------------------------------------------ */
/* 내 컨텐츠01 시작
------------------------------------------------------ */
.contentMy01Wr header .hMoreBtn01 { 
	position:absolute; 
	display:block; 
	width: 24px;
	height: 24px;
	top: 50%;
	right: 12px;
	margin:-12px 0 0;
}
.contentMy01Wr header .hMoreBtn01:before,
.contentMy01Wr header .hMoreBtn01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 4px;
	left: 50%;
	margin:0 0 0 -2px;
	background: #212121;
	border-radius: 50%;
}
.contentMy01Wr header .hMoreBtn01:before { 
	top: 3px;
}
.contentMy01Wr header .hMoreBtn01:after { 
	top: 17px;
}
.contentMy01Wr header .hMoreBtn01 span { 
	position:absolute;
	display:block;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 50%;
	margin:-2px 0 0 -2px;
	background: #212121;
	border-radius: 50%;
}
.contentMy01Wr header .hHidBox01 { 
	position:absolute;
	display:none;
	top: 40px;
	right: 19px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.25);
}
.contentMy01Wr header .hHidBtn01 { 
	position:relative;
	display:block;
	padding:9px 16px 9px 34px;
	font-size: 14px;
	color: #797979;
}
.contentMy01Wr header .hHidBtn01:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 11px;
	left: 16px;
	background-repeat:no-repeat;
	background-size:cover;
}
.contentMy01Wr header .hHidBtn01.stDel:before { 
	background-image: url(/Form/_renew_vue/images/cttMyDel01.svg);
}
.contentMyWr .cttSchBox01 { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:0 0 9px;
}
.contentMyWr .cttSchBox01 .btnSelFolder {
	position:relative; 
	display:block;
	padding:0 30px 0 0;
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.contentMyWr .cttSchBox01 .btnSelFolder:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 8px;
	top: 9px;
	right: 0;
	background:url(/Form/_renew_vue/images/cttMySel01.svg) no-repeat center / cover;
}
.contentMyWr .cttSchBox01 .ipt {
	display:block;
	padding:8px 32px 8px 16px;
	appearance: none;
	background: url(/Form/_renew_vue/images/comSel01.svg) no-repeat right 10px center;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	min-width: 82px;
	font-weight: 700;
	font-size: 14px;
	color: #424242;
}
.contentMyWr .cttSchBox01 .selBox01 { 
	position:relative;
}
.contentMyWr .cttSchBox01 .selBox01 .btnSel01 { 
	display: block;
    padding: 8px 36px 8px 16px;
    border: 1px solid transparent;
    border-radius: 1000px;
    font-weight: 700;
    font-size: 14px;
    color: #424242;
}
.contentMyWr .cttSchBox01 .selBox01 .btnSel01:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 12px;
    height: 7px;
    top: 14px;
    right: 14px;
    background: url(/Form/_renew_vue/images/comSel03.svg) no-repeat center / cover;
    transition: all .3s ease;
}
.contentMyWr .cttSchBox01 .selBox01 .btnSel01.on:after { 
	transform:rotate(180deg);
}
.contentMyWr .cttSchBox01 .selBox01 .hidBox01 { 
	position:absolute;
	display:none;
	width: 150px;
	top: calc(100% + 8px);
	right: 0;
	padding:0 12px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	z-index: 2;
}
.contentMyWr .cttSchBox01 .selBox01 .lst01 li { 
	border-bottom:1px solid #F0F0F0;
}
.contentMyWr .cttSchBox01 .selBox01 .lst01 li:last-child { 
	border-bottom:none;
}
.contentMyWr .cttSchBox01 .selBox01 .lst01 .lstBtn01 { 
	display:block; 
	width: 100%;
	padding:12px 0;
	font-size: 14px;
	letter-spacing: -.03em;
	color: #424242;
	text-align: left;
}
.contentMyWr .cttSchBox01 .selBox01 .lst01 .lstBtn01.on { 
	font-weight: 500;
}
.contentMyWr .cttCateBox01,
.contentMyWr .cttCateBox02 { 
	margin:0 0 12px;
}
.contentMyWr .cttCateBox01 .swiper-slide,
.contentMyWr .cttCateBox02 .swiper-slide { 
	width: auto;
}
.contentMyWr .cttCateBox01 .btnCate { 
	display:block;
	padding:0 0 5px;
	border-bottom:2px solid transparent;
	font-weight: 500;
	font-size: 18px;
	color: #999;
}
.contentMyWr .cttCateBox01 .btnCate.on {
	border-bottom-color:#5D5FEF;
	font-weight: 700;
	color: #5D5FEF;
}
.contentMyWr .cttCateBox02 .btnCate {
	position:relative;
	display:block;
	padding:10px 17px 10px 45px;
	background: #F1F2F4;
	border:0;
	border-radius: 1000px;
	font-size: 14px;
	font-weight:700;
	color: #5B606B;
}
.contentMyWr .cttCateBox02 .btnCate:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 9px;
	left: 15px;
	background-repeat:no-repeat;
	background-size:cover;
}
.contentMyWr .cttCateBox02 .btnCate.on {
	background:#17181D;
	border-color:#17181D;
	font-weight: 700;
	color: #FFF;
}
.contentMyWr .cttCateBox02 .btnCate.stAll { 
	padding-left:17px;
}
.contentMyWr .cttCateBox02 .btnCate.stAll:before { 
	display:none;
}
.contentMyWr .cttCateBox02 .btnCate.stTasty:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_tasty01_off.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stTasty.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_tasty01_on.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stCafe:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_cafe01_off.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stCafe.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_cafe01_on.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stBar:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_bar01_off.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stBar.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_bar01_on.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stBeauty:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_beauty01_off.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stBeauty.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_beauty01_on.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stShop:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_shop01_off.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stShop.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_shop01_on.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stTour:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_tour01_off.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stTour.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_tour01_on.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stEtc:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_etc01_off.svg);
}
.contentMyWr .cttCateBox02 .btnCate.stEtc.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMyCate02_etc01_on.svg);
}
.contentMyWr .cttCateBox03 { 
	display:flex;
	margin:0 0 16px;
}
.contentMyWr .cttCateBox03 .btnCate { 
	display:block;
	width: 50%;
	padding:0 0 12px;
	font-weight: 700;
	font-size: 18px;
	color: #999;
	border-bottom:2px solid #EDEDED;
}
.contentMyWr .cttCateBox03 .btnCate.on { 
	border-bottom-color: #5D5FEF;
	color: #5D5FEF;
}
.contentMyWr .cttSelBox01 { 
	position:relative;
}
.contentMyWr .cttSelBox01 .btnSel01 { 
	position:relative;
	display:inline-block;
	padding:0 24px 0 0;
	font-size: 14px;
	letter-spacing: -.03em;
	color: #424242;
}
.contentMyWr .cttSelBox01 .btnSel01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 7px;
	top: 6px;
	right: 0;
	background:url(/Form/_renew_vue/images/comSel03.svg) no-repeat center / cover;
	transition:all .3s ease;
}
.contentMyWr .cttSelBox01 .btnSel01.on:after { 
	transform:rotate(180deg);
}
.contentMyWr .cttSelBox01 .hidBox01 { 
	position:absolute;
	display:none;
	width: 135px;
	top: calc(100% + 8px);
	left: 0;
	padding:0 12px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	z-index: 2;
}
.contentMyWr .cttSelBox01 .lst01 li { 
	border-bottom:1px solid #F0F0F0;
}
.contentMyWr .cttSelBox01 .lst01 li:last-child { 
	border-bottom:none;
}
.contentMyWr .cttSelBox01 .lst01 .lstBtn01 { 
	display:block; 
	width: 100%;
	padding:12px 0;
	font-size: 14px;
	letter-spacing: -.03em;
	color: #424242;
	text-align: left;
}
.contentMyWr .cttSelBox01 .lst01 .lstBtn01.on { 
	font-weight: 500;
}
.contentMyWr .cttLst01 li { 
	display:flex;
	align-items:center;
	gap:12px;
	margin:0 0 12px;
	padding:19px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
}
.contentMyWr .cttLst01 li:last-child { 
	margin:0;
}
.contentMyWr .cttLst01 .lstImgBox { 
	flex-shrink:0;
	position:relative;
	width: 80px;
	height: 80px;
	border:1px solid #D9D9D9;
	border-radius: 10px;
	overflow: hidden;
}
.contentMyWr .cttLst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.contentMyWr .cttLst01 .lstConBox { 
	flex-grow:1;
	min-width: 0;
}
.contentMyWr .cttLst01 .lstStatBox01 { 
	display:flex;
	align-items:center;
	gap:6px;
}
.contentMyWr .cttLst01 .lstStatBox02 { 
	display:flex;
	gap:14px;
}
.contentMyWr .cttLst01 .lstStatBox01 { 
	margin:0 0 8px;
}
.contentMyWr .cttLst01 .lstStatBox01 .stat { 
	display:block;
	padding:1px 5px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-weight: 700;
	font-size: 13px;
	color: #424242;
}
.contentMyWr .cttLst01 .lstStatBox01 .stat.on { 
	background: #FFF5DE;
	border-color: #FFF5DE;
	color: #AE7D14;
}
.contentMyWr .cttLst01 .lstSnsIco01 { 
	flex-shrink:0;
	display:block;
	font-size: 0;
}
.contentMyWr .cttLst01 .lstTit01 { 
	margin:0 0 10px;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.contentMyWr .cttLst01 .lstSnsId01 {
	position:relative;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #797979;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.contentMyWr .cttLst01 .lstPlace01 { 
	position:relative;
	padding:2px 6px 2px 27px;
	background: #FAFAFA;
	border-radius: 5px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #5D5FEF;
}
.contentMyWr .cttLst01 .lstPlace01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 14px;
	top: 4px;
	left: 8px;
	background:url(/Form/_renew_vue/images/cttMyPlace01.svg) no-repeat center / cover;
}
.contentMyWr .cttLst01 .lstBtnBm {
	flex-shrink:0;
	display:block; 
	width: 36px;
	height: 36px;
	background:#FAFAFA url(/Form/_renew_vue/images/cttMybm01_off.svg) no-repeat center;
	border-radius: 50%;
}
.contentMyWr .cttLst01 .lstBtnBm.on { 
	background-color:#F0F0FF;
	background-image:url(/Form/_renew_vue/images/cttMybm01_on.svg);
}
.contentMyWr .cttLst01 .lstBtnSubs { 
	flex-shrink:0;
	position:relative;
	display:block;
	padding:0 0 0 22px;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #5D5FEF;
}
.contentMyWr .cttLst01 .lstBtnSubs:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/cttMySubs01_off.svg) no-repeat center / cover;
}
.contentMyWr .cttLst01 .lstBtnSubs.on { 
	color: #797979;
}
.contentMyWr .cttLst01 .lstBtnSubs.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMySubs01_on.svg);
}
.contentMyWr .cttLst02 li { 
	margin:0 0 11px;
	padding:19px 19px 17px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
}
.contentMyWr .cttLst02 li:last-child { 
	margin:0;
}
.contentMyWr .cttLst02 .lstImgSwipe { 
	margin:0 0 9px;
	overflow: hidden;
}
.contentMyWr .cttLst02 .swiper-slide { 
	width: auto;
}
.contentMyWr .cttLst02 .lstImgBox { 
	position:relative; 
	width: 80px;
	height: 80px;
	border:1px solid #D9D9D9;
	border-radius: 10px;
	overflow: hidden;
}
.contentMyWr .cttLst02 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.contentMyWr .cttLst02 .lstImgBox.stRep { 
	width: 128px;
}
.contentMyWr .cttLst02 .lstConBox {
	position:relative;
	padding-right: 44px;
	overflow: hidden;
}
.contentMyWr .cttLst02 .lstTit01,
.contentMyWr .cttLst02 .lstTxt01 {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.contentMyWr .cttLst02 .lstTit01 {
	margin:0 0 8px;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
}
.contentMyWr .cttLst02 .lstTxt01 {
	margin:0 0 10px;
	font-size: 15px;
	color: #797979;
}
.contentMyWr .cttLst02 .lstDl01 {
	display:flex;
	gap:4px;
	overflow: hidden;
}
.contentMyWr .cttLst02 .lstDl01 dt {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	max-width: 60%;
}
.contentMyWr .cttLst02 .lstDl01 dt {
	flex-shrink:1;
	position:relative;
	padding:0 9px 0 0;
	font-size: 15px;
	min-width: 0;
	color: #666;
}
.contentMyWr .cttLst02 .lstDl01 dt:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 1px;
	top: 9px;
	right: 0;
	background: #666;
}
.contentMyWr .cttLst02 .lstDl01 .lstScore01 { 
	position:relative;
	padding:0 0 0 24px;
	font-weight: 500;
	font-size: 15px;
	color: #FF9721;
}
.contentMyWr .cttLst02 .lstDl01 .lstScore01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 1px;
	left: 0;
	background: url(/Form/_renew_vue/images/cttMyLst02_star01.svg) no-repeat center / cover;
}
.contentMyWr .cttLst02 .lstDl01 .lstScore01 span { 
	font-weight: 400;
	color: #666;
}
.contentMyWr .cttLst02 .lstAddBtn { 
	position:absolute;
	width: 36px;
	height: 36px;
	top: 50%;
	right: 0;
	margin:-18px 0 0;
	border:1px solid #5D5FEF;
	border-radius: 50%;
	transition:all .3s ease;
}
.contentMyWr .cttLst02 .lstAddBtn:before,
.contentMyWr .cttLst02 .lstAddBtn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 50%;
	left: 50%;
	background: #5D5FEF;
	border-radius: 4px;
}
.contentMyWr .cttLst02 .lstAddBtn:before { 
	width: 14px;
	height: 2px;
	margin:-1px 0 0 -7px;
}
.contentMyWr .cttLst02 .lstAddBtn:after { 
	width: 2px;
	height: 14px;
	margin:-7px 0 0 -1px;
}
.contentMyWr .cttLst02 .lstAddBtn:focus,
.contentMyWr .cttLst02 .lstAddBtn:hover { 
	background: #5D5FEF;
}
.contentMyWr .cttLst02 .lstAddBtn:focus:before,
.contentMyWr .cttLst02 .lstAddBtn:hover:before,
.contentMyWr .cttLst02 .lstAddBtn:focus:after,
.contentMyWr .cttLst02 .lstAddBtn:hover:after { 
	background: #FFF;
}
.contentMyWr .cttLst03 li {
	position:relative;
	border-bottom:1px solid #DADADA;
}
.contentMyWr .cttLst03 .lstBtn01 {
	display:flex;
	align-items:flex-start;
	gap:16px;
	width: 100%;
	padding:20px 24px 20px 0;
	text-align: left;
}
.contentMyWr .cttLst03 .lstImgBox { 
	flex-shrink:0;
	position:relative;
	display:block;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	overflow: hidden;
}
.contentMyWr .cttLst03 .lstImgBox img {
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
/* 영상 컨텐츠 재생 배지(100px 정사각 박스 기준 1:4 비율, 사용자요청: 재생버튼 있는지 전체 확인) */
.contentMyWr .cttLst03 .lstImgBox .svPlayIco{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; display:flex; align-items:center; justify-content:center; width:25px; height:25px; border-radius:50%; background:rgba(20,20,24,.42); box-shadow:0 3px 10px -3px rgba(0,0,0,.4); pointer-events:none; }
.contentMyWr .cttLst03 .lstImgBox .svPlayIco svg{ width:17px; height:17px; margin-left:1px; }
.contentMyWr .cttLst03 .lstConBox { 
	flex-grow:1;
	min-width: 0;
}
.contentMyWr .cttLst03 .lstStatBox01 {
	display:flex;
	gap:8px;
	margin:0 0 4px;
}
.contentMyWr .cttLst03 .lstStatBox02 { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.contentMyWr .cttLst03 .lstStat01 {
	font-size: 13px;
	letter-spacing: -.03em;
	color: #5D5FEF;
}
.contentMyWr .cttLst03 .lstPlace01 { 
	position:relative;
	display:block;
	padding:0 0 0 18px;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #666;
}
.contentMyWr .cttLst03 .lstPlace01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 2px;
	left: 0;
	background:url(/Form/_renew_vue/images/cttMyPlace02.svg) no-repeat center / cover;
}
.contentMyWr .cttLst03 .lstTit01 { 
	display:block;
	margin:0 0 10px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.03em;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.contentMyWr .cttLst03 .lstTagBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 16px;
}
.contentMyWr .cttLst03 .lstTagBox01 .tag { 
	display:block;
	padding:3px 8px;
	background: #F8F8F8;
	border-radius: 1000px;
	font-size: 11px;
	letter-spacing: -.03em;
	color: #707070;
}
.contentMyWr .cttLst03 .lstSnsId01 { 
	position:relative;
	display:block;
	padding:0 0 0 22px;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #999;
}
.contentMyWr .cttLst03 .lstSnsId01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/cttMySns_instar01.svg) no-repeat center / cover;
}
.contentMyWr .cttLst03 .lstBtnSubs {
	position:relative;
	display:block;
	padding:0 0 0 22px;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #5D5FEF;
}
.contentMyWr .cttLst03 .lstBtnSubs:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/cttMySubs01_off.svg) no-repeat center / cover;
}
.contentMyWr .cttLst03 .lstBtnSubs.on { 
	color: #797979;
}
.contentMyWr .cttLst03 .lstBtnSubs.on:before { 
	background-image: url(/Form/_renew_vue/images/cttMySubs01_on.svg);
}
.contentMyWr .cttLst03 .lstBtnBm { 
	position:absolute; 
	display:block; 
	width: 24px;
	height: 24px;
	top: 20px;
	right: 0;
	background:url(/Form/_renew_vue/images/cttMyBm02_on.svg) no-repeat center center;
	z-index: 1;
}
.contentMyWr .cttFormLnk01 {
	position:fixed;
	display:flex;
	align-items:center;
	justify-content:center;
	bottom: 90px; /* 하단 네비(72px) 위 여백 */
	left: 50%;
	/* 하단 네비 5탭 중 'AI 챗'(우측 끝, 컬럼 중앙 +40%) 위로 정렬 (FAB 반폭 22px 보정) */
	margin-left: calc(0.4 * min(100vw, 430px) - 22px);
	right: auto;
	width: 44px;
	height: 44px;
	padding: 0;
	background: #5D5FEF;
	border-radius: 50%;
	box-shadow:0 1px 3px 0 rgba(50,50,50,.25);
	z-index: 11;
}
/* [+] 아이콘 */
.contentMyWr .cttFormLnk01 .plus {
	position:relative;
	display:block;
	width: 20px;
	height: 20px;
}
.contentMyWr .cttFormLnk01 .plus:before,
.contentMyWr .cttFormLnk01 .plus:after {
	content:"";
	position:absolute;
	background:#fff;
	border-radius:2px;
}
.contentMyWr .cttFormLnk01 .plus:before {
	width:100%; height:2px; top:50%; left:0; margin-top:-1px;
}
.contentMyWr .cttFormLnk01 .plus:after {
	width:2px; height:100%; left:50%; top:0; margin-left:-1px;
}
.cttMySelPop01, .cttMySelPop02 { 
	display:block;
}
.cttMySelPop02 .cttScheAddBox01 { 
	max-height: 294px;
	overflow-y:auto;
}
.cttMySelPop02 .cttScheAddBox01 .btnScheAdd { 
	display:block;
	width: 100%;
	margin:0 0 24px;
	padding:12px 15px;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	text-align: left;
	transition:all .3s ease;
}
.cttMySelPop02 .cttScheAddBox01 .btnScheAdd span { 
	display:block;
}
.cttMySelPop02 .cttScheAddBox01 .btnScheAdd.on { 
	background: #EEEEFF;
	border-color:#5D5FEF;
}
.cttMySelPop02 .cttScheAddBox01 .btnScheAdd:last-child { 
	margin:0;
}
.cttMySelPop02 .cttScheAddBox01 .btnTit01 { 
	margin:0 0 9px;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
}
.cttMySelPop02 .cttScheAddBox01 .btnTxt01 { 
	font-size: 14px;
	color: #797979;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.cttMySelPop02 .cttScheAddBox01 .btnScheAdd.on .btnTxt01 { 
	color: #424242;
}
@media all and (max-width:599px){
	.contentMyWr .cttFormLnk01 {
		bottom: 90px;
		right: auto;
	}
}
/* 내 컨텐츠01 끝
------------------------------------------------------ */
/* 컨텐츠 리스트 페이지 공통 시작
------------------------------------------------------ */
.cttComLstWr header .hMoreBtn01 { 
	position:absolute; 
	display:block; 
	width: 24px;
	height: 24px;
	top: 50%;
	right: 12px;
	margin:-12px 0 0;
}
.cttComLstWr header .hMoreBtn01:before,
.cttComLstWr header .hMoreBtn01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 4px;
	left: 50%;
	margin:0 0 0 -2px;
	background: #212121;
	border-radius: 50%;
}
.cttComLstWr header .hMoreBtn01:before { 
	top: 3px;
}
.cttComLstWr header .hMoreBtn01:after { 
	top: 17px;
}
.cttComLstWr header .hMoreBtn01 span { 
	position:absolute;
	display:block;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 50%;
	margin:-2px 0 0 -2px;
	background: #212121;
	border-radius: 50%;
}
.cttComLstWr header .hHidBox01 { 
	position:absolute;
	display:none;
	top: 40px;
	right: 19px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.25);
}
.cttComLstWr header .hHidBtn01 { 
	position:relative;
	display:block;
	padding:9px 16px 9px 34px;
	font-size: 14px;
	color: #797979;
}
.cttComLstWr header .hHidBtn01:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 11px;
	left: 16px;
	background-repeat:no-repeat;
	background-size:cover;
}
.cttComLstWr header .hHidBtn01.stDel:before { 
	background-image: url(/Form/_renew_vue/images/cttMyDel01.svg);
}
.cttComLstWr .cttTopBox01 {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:0 0 14px;
}
/* 정렬 드롭다운 (최신순/가나다순/사용자 지정순) */
.cttComLstWr .cttTopBox01 .sortSel01 {
	position:relative;
}
.cttComLstWr .cttTopBox01 .sortSel01 .sortSelBtn01 {
	display:flex;
	align-items:center;
	gap:5px;
	font-weight:700;
	font-size:13px;
	color:#212121;
}
.cttComLstWr .cttTopBox01 .sortSel01 .sortSelBtn01 .arr {
	display:block;
	width:0;
	height:0;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:5px solid #212121;
	transition:transform .2s ease;
}
.cttComLstWr .cttTopBox01 .sortSel01.on .sortSelBtn01 .arr {
	transform:rotate(180deg);
}
.cttComLstWr .cttTopBox01 .sortSel01 .sortSelLst01 {
	position:absolute;
	display:none;
	top:calc(100% + 8px);
	right:0;
	min-width:124px;
	padding:6px 0;
	background:#fff;
	border:1px solid #f0f0f0;
	border-radius:10px;
	box-shadow:0 4px 16px rgba(0,0,0,0.12);
	z-index:50;
}
.cttComLstWr .cttTopBox01 .sortSel01.on .sortSelLst01 {
	display:block;
}
.cttComLstWr .cttTopBox01 .sortSel01 .sortSelLst01 li button {
	position:relative;
	display:block;
	width:100%;
	padding:9px 32px 9px 14px;
	text-align:left;
	font-size:13px;
	color:#797979;
	white-space:nowrap;
}
.cttComLstWr .cttTopBox01 .sortSel01 .sortSelLst01 li button.on {
	font-weight:700;
	color:#212121;
}
.cttComLstWr .cttTopBox01 .sortSel01 .sortSelLst01 li button.on:after {
	content:"";
	position:absolute;
	top:50%;
	right:14px;
	width:5px;
	height:9px;
	margin-top:-6px;
	border-right:2px solid #5D5FEF;
	border-bottom:2px solid #5D5FEF;
	transform:rotate(45deg);
}
.cttComLstWr .cttTopBox01 .tit01 {
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #212121;
}
.cttComLstWr .cttTopBox01 .cateLst01 { 
	display:flex;
	gap:12px;
}
.cttComLstWr .cttTopBox01 .cateLst01 li { 
	position:relative;
	padding:0 13px 0 0;
}
.cttComLstWr .cttTopBox01 .cateLst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 1px;
	right: 0;
	background: #999;
}
.cttComLstWr .cttTopBox01 .cateLst01 li:last-child { 
	padding:0;
}
.cttComLstWr .cttTopBox01 .cateLst01 li:last-child:after { 
	display:none;
}
.cttComLstWr .cttTopBox01 .cateLst01 .btnCate { 
	display:block;
	font-size: 13px;
	letter-spacing: 0;
	color: #999;
}
.cttComLstWr .cttTopBox01 .cateLst01 .btnCate.on { 
	font-weight: 700;
	color: #212121;
}
.cttComLstWr .cttLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.cttComLstWr .cttLst01 li { 
	width: calc((100% - 12px)/2);
}
.cttComLstWr .cttLst01 .btnCttAdd { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 100%;
	height: 100%;
	border:1px solid #C9C9C9;
	border-radius: 10px;
}
.cttComLstWr .cttLst01 .btnCttAdd .btnTxt01 { 
	position:relative;
	display:block;
	padding:0 0 0 22px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #212121;
}
.cttComLstWr .cttLst01 .btnCttAdd .btnTxt01 .plus {
	position:absolute;
	display:block;
	width: 14px;
	height: 14px;
	top: 1px;
	left: 0;
}
.cttComLstWr .cttLst01 .btnCttAdd .btnTxt01 .plus:before,
.cttComLstWr .cttLst01 .btnCttAdd .btnTxt01 .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #5D5FEF;
	border-radius: 4px;
}
.cttComLstWr .cttLst01 .btnCttAdd .btnTxt01 .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.cttComLstWr .cttLst01 .btnCttAdd .btnTxt01 .plus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.cttComLstWr .cttLst01 .lstBtn01 { 
	display:block; 
	width: 100%;
	padding:19px 15px 18px;
	background: #F3F3F7;
	border-radius: 10px;
	text-align: left;
}
.cttComLstWr .cttLst01 .lstBtn01 .lstTopBox { 
	position:relative;
	display:flex;
	align-items:center;
	gap:5px;
	margin:0 0 11px;
}
.cttComLstWr .cttLst01 .lstBtn01 .lstSNS01 {
	flex-shrink: 1;
	position:relative;
	display: block;
	width: 16px;
	height: 16px;
	background-repeat:no-repeat;
	background-size:cover;
}
.cttComLstWr .cttLst01 .lstBtn01 .lstSNS01.stinstagram {
	background-image: url(/Form/_renew_vue/images/folderLstSns_instar.svg);
}
.cttComLstWr .cttLst01 .lstBtn01 .lstSNS01.styoutube {
	background-image: url(/Form/_renew_vue/images/folderLstPop02Sns_yout.svg);
}
.cttComLstWr .cttLst01 .lstBtn01 .lstSNS01.sttiktok {
	background-image: url(/Form/_renew_vue/images/folderLstPop02Sns_tick.svg);
}
.cttComLstWr .cttLst01 .lstBtn01 .lstSNS01.stblog {
	background-image: url(/Form/_renew_vue/images/folderLstPop02Sns_blog.svg);
}
.cttComLstWr .cttLst01 .lstBtn01 .lstTit01 { 
	flex-grow:1;
	display:block;
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
	letter-spacing: -.18px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;	
}
.cttComLstWr .cttLst01 .lstBtn01 .lstEdit01 { 
	flex-shrink:0;
	position:relative;
	display:block; 
	width: 18px;
	height: 18px;
}
.cttComLstWr .cttLst01 .lstBtn01 .lstEdit01:before,
.cttComLstWr .cttLst01 .lstBtn01 .lstEdit01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	left: 50%;
	margin:0 0 0 -1px;
	background: #999;
	border-radius: 50%;
}
.cttComLstWr .cttLst01 .lstBtn01 .lstEdit01:before { 
	top: 4px;
}
.cttComLstWr .cttLst01 .lstBtn01 .lstEdit01:after { 
	top: 12px;
}
.cttComLstWr .cttLst01 .lstBtn01 .lstEdit01 span {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -1px;
	background: #999;
	border-radius: 50%;
}
.cttComLstWr .cttLst01 .lstBtn01 .lstBtmBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.cttComLstWr .cttLst01 .lstBtn01 .lstStat01 { 
	position:relative;
	display:block;
	padding:0 0 0 22px;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #666;
}
.cttComLstWr .cttLst01 .lstBtn01 .lstStat01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.cttComLstWr .cttLst01 .lstBtn01 .lstStat01.stView:before { 
	background-image: url(/Form/_renew_vue/images/folderLstSwipe01_view01.svg);
}
.cttComLstWr .cttLst01 .lstBtn01 .lstStat01.stPlace:before {
	background-image: url(/Form/_renew_vue/images/folderLstSwipe01_place01.svg);
}
/* 카드 ⋮ 드롭다운(편집/삭제) — cordix 배포본 기준 */
.cttComLstWr .cttLst01 .lnkHidBox01 {
	position:absolute;
	top:38px;
	right:8px;
	background:#FFF;
	border-radius:10px;
	box-shadow:0 4px 16px rgba(0,0,0,0.12);
	z-index:100;
	overflow:hidden;
}
.cttComLstWr .cttLst01 .lnkHidBox01 .btn01 {
	display:flex;
	align-items:center;
	gap:4px;
	width: 100%;
	padding:9px 15px;
}
.cttComLstWr .cttLst01 .lnkHidBox01 .btn01 span {
	display:block;
}
.cttComLstWr .cttLst01 .lnkHidBox01 .btn01 .btnIco {
	font-size: 0;
}
.cttComLstWr .cttLst01 .lnkHidBox01 .btn01 .btnIco img {
	max-width: 100%
}
.cttComLstWr .cttLst01 .lnkHidBox01 .btn01 .btnTxt {
	font-size: 14px;
	color: #797979;
}
/* 슬라이드22: 헤더 우측 "편집" 텍스트 버튼 (기존 ⋮ 대체, 제목은 가운데 정렬 유지) */
.cttComLstWr header .hEditBtn01 {
	position:absolute;
	top:50%;
	right:16px;
	transform:translateY(-50%);
	font-family:Pretendard, sans-serif;
	font-weight:500;
	font-size:13px;
	letter-spacing:-.18px;
	color:#212121;
}
/* 슬라이드23: 폴더 편집 바텀시트 */
.folderEditSheet01.on .comPopBox01 { bottom: 0; }
.folderEditSheet01 .comPopBox01 { padding: 0; }
.folderEditSheet01 .sheetHeadBox01 {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:52px;
	border-bottom:1px solid #f0f0f0;
}
.folderEditSheet01 .sheetHeadBox01 .sheetTit01 {
	font-size:16px;
	font-weight:700;
	color:#212121;
}
.folderEditSheet01 .sheetHeadBox01 .sheetBack01 {
	position:absolute;
	left:16px;
	top:50%;
	width:24px;
	height:24px;
	transform:translateY(-50%);
}
.folderEditSheet01 .sheetHeadBox01 .sheetBack01:before {
	content:"";
	position:absolute;
	width:10px;
	height:10px;
	top:6px;
	left:9px;
	border-left:2px solid #212121;
	border-bottom:2px solid #212121;
	transform:rotate(45deg);
}
.folderEditSheet01 .sheetHeadBox01 .sheetDone01 {
	position:absolute;
	right:16px;
	top:50%;
	transform:translateY(-50%);
	font-size:15px;
	font-weight:600;
	color:#5D5FEF;
}
.folderEditSheet01 .chkIpt {
	position:absolute;
	width:0;
	height:0;
	opacity:0;
	overflow:hidden;
}
.folderEditSheet01 .chkLbl:before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:22px;
	height:22px;
	box-sizing:border-box;
	border:2px solid #d5d5d5;
	border-radius:50%;
	background:none;
}
.folderEditSheet01 .chkIpt:checked + .chkLbl:before {
	border:0;
	background:url(/Form/_renew_vue/images/schdEditChk01_on.svg) no-repeat center / cover;
}
.folderEditSheet01 .allChkBox01 {
	padding:16px 19px;
	border-bottom:1px solid #f0f0f0;
}
.folderEditSheet01 .allChkBox01 .chkLbl {
	position:relative;
	display:inline-block;
	padding-left:30px;
	font-weight:700;
	font-size:15px;
	line-height:22px;
	color:#212121;
	cursor:pointer;
}
.folderEditSheet01 .conBox {
	max-height:50vh;
	overflow-y:auto;
	padding:0 19px;
}
.folderEditSheet01 .folderEditLst01 {
	list-style:none;
	padding:0;
	margin:0;
}
.folderEditSheet01 .fEditItem01 {
	display:flex;
	align-items:center;
	gap:12px;
	padding:14px 0;
	border-bottom:1px solid #f0f0f0;
	background:#fff;
	user-select:none;
}
.folderEditSheet01 .fEditItem01:last-child {
	border-bottom:none;
}
.folderEditSheet01 .fEditItem01.sortable-chosen {
	background:#f8f8ff;
	border-radius:8px;
}
.folderEditSheet01 .fEditItem01 .chkLbl {
	position:relative;
	display:block;
	flex-shrink:0;
	width:22px;
	height:22px;
	cursor:pointer;
}
.folderEditSheet01 .fEditItem01 .fEditName01 {
	flex:1;
	font-size:15px;
	font-weight:500;
	color:#333;
}
.folderEditSheet01 .fEditItem01 .dragHandle01 {
	display:flex;
	flex-direction:column;
	gap:4px;
	padding:2px 4px;
	cursor:grab;
}
.folderEditSheet01 .fEditItem01 .dragHandle01 span {
	display:block;
	width:18px;
	height:2px;
	background:#bbb;
	border-radius:2px;
}
.folderEditSheet01 .fEditNoData01 {
	padding:40px 0;
	text-align:center;
	font-size:14px;
	color:#999;
}
.folderEditSheet01 .btmBox {
	padding:14px 19px 18px;
}
.folderEditSheet01 .btmBox .btn.fullWid {
	width:100%;
	height:50px;
	border-radius:10px;
	font-size:15px;
	font-weight:600;
}
.folderEditSheet01 .btmBox .btn.st02 {
	background:#5D5FEF;
	color:#fff;
}
.folderEditSheet01 .btmBox .btn.st02:disabled {
	background:#dbdbdb;
	color:#666;
}
/* 삭제 + 완료 2버튼 가로 배치 (절반 너비, 높이·모양 통일) */
.folderEditSheet01 .btmBox .btn {
	height:50px;
	border-radius:10px;
	font-size:15px;
	font-weight:600;
}
.folderEditSheet01 .btmBox .btnDone01 {
	background:#5D5FEF;
	color:#fff;
}
/* 컨텐츠 리스트 페이지 공통 끝
------------------------------------------------------ */
/* 컨텐츠 상세 시작
------------------------------------------------------ */
.cttDetailWr {
	height: 100%;
	padding:0 0 55px;
}
.cttDetailWr .cttSwipe01 {
	position:relative;
	margin:4px 0 24px;   /* 헤더~썸네일 24px = 썸네일~정보박스 24px — 상하 여백 동일(사용자요청, 실측 맞춤) */
	overflow:hidden;   /* swiper-slide(고정 180px)가 클리핑 없이 오른쪽으로 삐져나가 페이드·'>' 구간을 지나 다음 사진이 선명하게 보이던 버그(사용자요청 2026-08-12) */
}
/* 드래그 가능 안내: 우측 '>' 인디케이터 — 흰 원형 배지 대신 앱 표준 페이드+화살표(design.md §Horizontal Rail, .alboMore/.surMore와 동일 규격, 사용자요청) */
.cttDetailWr .cttSwipe01 .cttSwipeMore {
	position:absolute; top:0; right:0; z-index:5;
	width:56px; height:100%;
	display:flex; align-items:center; justify-content:flex-end; padding-right:2px;
	border:0; border-radius:0;
	background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 45%, rgba(255,255,255,.94) 78%, #fff 100%);
	color:#b9bdc4;
	pointer-events:none;
}
.cttDetailWr .cttSwipe01 .cttSwipeMore svg { width:22px; height:22px; filter:drop-shadow(0 0 2px rgba(255,255,255,.9)); }
/* 썸네일 재생 버튼 — 영상 컨텐츠일 때 첫 슬라이드에만, 원본에 재생아이콘이 없을 때만(사용자요청) */
.cttDetailWr .cttSwipe01 .cttPlayBtn {
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;
	display:flex; align-items:center; justify-content:center;
	width:45px; height:45px; border-radius:50%; border:0; padding:0;
	background:rgba(20,20,24,.42); box-shadow:0 4px 14px -4px rgba(0,0,0,.4); cursor:pointer;
}
/* 인스타 원본 재생아이콘 실측(원 지름:박스폭=1:4, 세모폭:원지름=0.34, 세모높이:원지름=0.41) 기준으로 맞춤(사용자요청) */
.cttDetailWr .cttSwipe01 .cttPlayBtn svg { width:30px; height:30px; margin-left:2px; }
.cttDetailWr .cttSwipe01 .swiper-slide { 
	width: 180px;
}
.cttDetailWr .cttSwipe01 .lnk01 { 
	position:relative; 
	display:block;
	padding:133% 0 0;
	border-radius: 12px;
	font-size: 0;
	overflow: hidden;
}
.cttDetailWr .cttSwipe01 .lnk01 .lnkImg {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.cttDetailWr .cttSwipe01 .lnk01 .lnkConBox { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(33,33,33,.7);
	text-align: center;
	opacity: 0;
	transition:all .3s ease;
	z-index: 1;
}
.cttDetailWr .cttSwipe01 .lnk01 .lnkConBox span { 
	display:block;
}
.cttDetailWr .cttSwipe01 .lnk01:focus .lnkConBox,
.cttDetailWr .cttSwipe01 .lnk01:hover .lnkConBox { 
	opacity: 1;
}
.cttDetailWr .cttSwipe01 .lnk01 .lnkIco {
	margin:0 0 10px;
	font-size: 0;
}
.cttDetailWr .cttSwipe01 .lnk01 .lnkTxt01 { 
	font-size: 13px;
	letter-spacing: -.18px;	
	color: #EDEDED;
}
.cttDetailWr .cttSwipe01Page { 
	position:relative;
	margin:30px 0;
	background: #EDEDED;
	border-radius: 4px;
	overflow: hidden;
}
.cttDetailWr .swiper-pagination-progressbar-fill { 
	background: #5D5FEF;
}
.cttDetailWr .cttTit01 { 
	margin:0 0 10px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.18px;
	color: #212121;
}
.cttDetailWr * + .cttTit01 { 
	margin-top:27px;
}
.cttDetailWr .tagLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:3px;
	font-size: 14px;
	color: #3A77D2;
	word-break:break-all;
}
.cttDetailWr * + .tagLst01 { 
	margin-top:9px;
}
.cttDetailWr .cttConBox01 { 
	padding:15px 15px 13px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.cttDetailWr .cttConBox01 .topBox01 { 
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 13px;
	padding:0 0 10px;
	border-bottom:1px solid #F0F0F0;
}
.cttDetailWr .cttConBox01 .topBox01 .topLBox { 
	flex-grow:1;
	min-width: 0;
}
.cttDetailWr .cttConBox01 .statBox01 { 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:12px;
	margin:0 0 12px;
}
.cttDetailWr .cttConBox01 .snsStat01 { 
	position:relative; 
	display:block;
	padding:0 0 0 22px;
	font-size: 13px;
	letter-spacing: -.18px;	
	color: #424242;
}
.cttDetailWr .cttConBox01 .snsStat01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.cttDetailWr .cttConBox01 .snsStat01.stInst:before {
	background-image: url(/Form/_renew_vue/images/cttDetailSns_inst01.svg);
}
.cttDetailWr .cttConBox01 .snsStat01.stBlog:before {
	background-image: url(/Form/_renew_vue/images/cttAllSns_blog01.svg);
}
.cttDetailWr .cttConBox01 .snsStat01.stTick:before {
	background-image: url(/Form/_renew_vue/images/cttAllSns_tick01.svg);
}
.cttDetailWr .cttConBox01 .snsStat01.stYout:before {
	background-image: url(/Form/_renew_vue/images/cttAllSns_yout01.svg);
}
.cttDetailWr .cttConBox01 .statSubs01 { 
	position:relative;
	display:block;
	padding:3px 15px 4px 35px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 100px;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: -.18px;	
	color: #797979;
}
.cttDetailWr .cttConBox01 .statSubs01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 4px;
	left: 14px;
	background:url(/Form/_renew_vue/images/cttDetailSubs01_off.svg) no-repeat center / cover;
}
.cttDetailWr .cttConBox01 .statSubs01.on { 
	background:#FFF;
	color: #666;
}
.cttDetailWr .cttConBox01 .statSubs01.on:before { 
	background-image:url(/Form/_renew_vue/images/cttDetailSubs01_on.svg);
}
.cttDetailWr .cttConBox01 .tit01 { 
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #212121;
	word-break:break-all;
}
.cttDetailWr .cttConBox01 .topLnk01 { 
	flex-shrink:0;
	position:relative; 
	display:block;
	padding:8px 33px 6px 12px;
	background: #212121;
	border-radius: 10px;
	font-size: 13px;
	color: #FFF;
}
.cttDetailWr .cttConBox01 .topLnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 10px;
	right: 13px;
	background:url(/Form/_renew_vue/images/cttDetailLnk01.svg) no-repeat center / cover;
}
.cttDetailWr .cttConBox01 .txt01 { 
	font-size: 14px;
	line-height: 1.4;
	color: #424242;
	word-break:break-all;
}
.cttDetailWr .cttConBox01 .imgSwipeBox01 { 
	margin:0 0 9px;
	overflow: hidden;
}
.cttDetailWr .cttConBox01 .swiper-slide { 
	width: auto;
}
.cttDetailWr .cttConBox01 .imgSwipeBox01 .imgBox { 
	position:relative; 
	width: 80px;
	height: 80px;
	border:1px solid #D9D9D9;
	border-radius: 10px;
	overflow: hidden;
}
.cttDetailWr .cttConBox01 .imgSwipeBox01 .imgBox img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.cttDetailWr .cttConBox01 .imgSwipeBox01 .imgBox.stRep { 
	width: 128px;
}
.cttDetailWr .cttConBox01 .placeInfoBox01 { 
	position:relative;
	padding:0 40px 0 0;
}
.cttDetailWr .cttConBox01 .infoTit01,
.cttDetailWr .cttConBox01 .infoTxt01 {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;	
}
.cttDetailWr .cttConBox01 .infoTit01 { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
}
.cttDetailWr .cttConBox01 .infoTxt01 { 
	margin:0 0 10px;
	font-size: 15px;
	color: #797979;
}
.cttDetailWr .cttConBox01 .infoDl01 { 
	display:flex;
	gap:4px;
}
.cttDetailWr .cttConBox01 .infoDl01 dt { 
	flex-shrink:0;
	position:relative;
	padding:0 9px 0 0;
	font-size: 15px;
	color: #666;
}
.cttDetailWr .cttConBox01 .infoDl01 dt:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 4px;
	height: 1px;
	top: 9px;
	right: 0;
	background: #666;
}
.cttDetailWr .cttConBox01 .infoDl01 .score01 { 
	position:relative;
	padding:0 0 0 24px;
	font-weight: 500;
	font-size: 15px;
	color: #FF9721;
}
.cttDetailWr .cttConBox01 .infoDl01 .score01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 1px;
	left: 0;
	background: url(/Form/_renew_vue/images/cttMyLst02_star01.svg) no-repeat center / cover;
}
.cttDetailWr .cttConBox01 .infoDl01 .score01 span {
	font-weight: 400;
	color: #666;
}
.cttDetailWr .cttConBox01 .btnAdd01 { 
	position:absolute;
	width: 36px;
	height: 36px;
	top: 50%;
	right: 0;
	margin:-18px 0 0;
	border:1px solid #5D5FEF;
	border-radius: 50%;
	transition:all .3s ease;
}
.cttDetailWr .cttConBox01 .btnAdd01:before,
.cttDetailWr .cttConBox01 .btnAdd01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 50%;
	left: 50%;
	background: #5D5FEF;
	border-radius: 4px;
}
.cttDetailWr .cttConBox01 .btnAdd01:before { 
	width: 14px;
	height: 2px;
	margin:-1px 0 0 -7px;
}
.cttDetailWr .cttConBox01 .btnAdd01:after { 
	width: 2px;
	height: 14px;
	margin:-7px 0 0 -1px;
}
.cttDetailWr .cttConBox01 .btnAdd01:focus,
.cttDetailWr .cttConBox01 .btnAdd01:hover { 
	background: #5D5FEF;
}
.cttDetailWr .cttConBox01 .btnAdd01:focus:before,
.cttDetailWr .cttConBox01 .btnAdd01:hover:before,
.cttDetailWr .cttConBox01 .btnAdd01:focus:after,
.cttDetailWr .cttConBox01 .btnAdd01:hover:after { 
	background: #FFF;
}
.cttDetailWr .cttConBox02 {
	position:relative;
	padding:0 0 40px;
}
.cttDetailWr .cttConBox02.ctInfoBox { padding-bottom:18px; }   /* 원본/핵심요약 버튼 아래 여백 축소(사용자요청으로 30→18px 추가 축소) */
.cttDetailWr .cttConBox02:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 500px;
	height: 1px;
	bottom: 0;
	left: 50%;
	margin:0 0 0 -250px;
	background:#E5E5E5;
}
.cttDetailWr .cttConBox02 .topBox01 {
	display:inline-flex;
	align-items:center;
	gap:3px;
	margin:0 0 15px;
	max-width:100%;
}
/* 로고+아이디+아이콘을 감싼 연한 회색 알약 배지 = 탭 가능한 버튼. ct_url 있을 때만(.lnk).
   좌측(로고) 11px, 우측('>' 옆) 은 더 좁게(사용자요청 2026-08-12, 11→7px) */
.cttDetailWr .cttConBox02 .topBox01.lnk {
	padding:5px 7px 5px 11px;
	background:#FAFBFC;
	border:1px solid #EFF0F2;
	border-radius:100px;
	cursor:pointer;
	transition:background .15s;
}
.cttDetailWr .cttConBox02 .topBox01.lnk:active { background:#F3F4F6; }
.cttDetailWr .cttConBox02 .btnOrigin01 { position:relative; top:-1px; display:flex; align-items:center; justify-content:center; width:14px; height:14px; padding:0; background:none; border:0; color:#9AA0AC; flex-shrink:0; }   /* 인스타 아이디 우측 '>' 회색으로(사용자요청 2026-08-12) */
.cttDetailWr .cttConBox02 .btnOrigin01 svg { width:14px; height:14px; }
/* 장소 설명: 핵심요약 ↔ 원본 캡션 토글 (GIF 컨텐츠상세와 동일) */
.cttDetailWr .cttConBox02 .ctDesc01 { margin:14px 0 0; }
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescTxt { font-size:14px; line-height:1.65; color:#333; white-space:pre-line; word-break:break-word; }
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescTxt.clamp:not(.open) { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; }
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescActs { display:flex; align-items:center; gap:14px; margin-top:9px; }
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescActs button { font-size:13px; font-weight:500; color:#8A8F9C; background:none; border:0; padding:0; cursor:pointer; }
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescActs button.ctDescMore { margin-right:auto; font-size:14px; font-weight:700; color:#20232B; }   /* 간략히 = 왼쪽, 굵게 */
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescLnk { margin-left:auto; }     /* 원본보기/핵심요약 = 오른쪽 (기본 .ctDescActs button 스타일: 13px/500/#8A8F9C 연한 회색) */
/* 문장 끝 인라인 더보기 (인스타식 "…더보기") */
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescTxt.ctOrig { white-space:pre-line; }
/* 확장된 원문 아무데나 클릭=5줄로 접힘([간략히 보기]와 동일). descLong일 때만 .ctClickable → 포인터 */
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescTxt.ctOrig.ctClickable { cursor:pointer; }
.cttDetailWr .cttConBox02 .ctDesc01 .ctMoreInline { display:inline; margin-left:2px; padding:0; border:0; background:none; font-size:14px; font-weight:700; line-height:1.65; color:#20232B; cursor:pointer; white-space:nowrap; }
/* 첫 화면 구조화 요약: 이모지 + 굵은 제목 + 한 문장 설명 (2~4개) */
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescList { display:flex; flex-direction:column; gap:13px; }
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescList li { display:flex; align-items:flex-start; gap:10px; }
/* 멀티컬러 카테고리 아이콘 → 뉴트럴 그레이 솔리드 점(사용자요청: 색 통일). 점은 첫 줄 광학중앙에 오도록 margin-top */
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescList .cdBul { flex-shrink:0; width:7px; height:7px; margin-top:7px; border-radius:50%; background:#6B7180; }
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescList .tx { flex:1; min-width:0; font-size:14px; line-height:1.55; color:#8A8F9C; word-break:break-word; }
.cttDetailWr .cttConBox02 .ctDesc01 .ctDescList .tx b { color:#20232B; font-weight:700; margin-right:5px; }
.cttDetailWr .cttConBox02 .btnSubs01 {
	position:relative;
	display:block;
	padding:2px 7px 2px 19px;
	background: #F7F7F7;
	border-radius: 100px;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: -.18px;
	color: #797979;
}
.cttDetailWr .cttConBox02 .btnSubs01 .plus { 
	position:absolute; 
	display:block;
	width: 8px;
	height: 8px;
	top: 5px;
	left: 7px;
}
.cttDetailWr .cttConBox02 .btnSubs01 .plus:before,
.cttDetailWr .cttConBox02 .btnSubs01 .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #797979;
	border-radius: 4px;
}
.cttDetailWr .cttConBox02 .btnSubs01 .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.cttDetailWr .cttConBox02 .btnSubs01 .plus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.cttDetailWr .cttConBox02 .snsStat01 {
	position:relative;
	display:block;
	padding:0 0 0 22px;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #424242;
}
/* 클릭은 배지(.topBox01.lnk)가 담당 → 자식은 cursor 상속(inherited)으로 포인터 표시 */
.cttDetailWr .cttConBox02 .snsStat01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.cttDetailWr .cttConBox02 .snsStat01.stInst:before {
	background-image: url(/Form/_renew_vue/images/cttDetailSns_inst01.svg);
}
.cttDetailWr .cttConBox02 .snsStat01.stBlog:before {
	background-image: url(/Form/_renew_vue/images/cttAllSns_blog01.svg);
}
.cttDetailWr .cttConBox02 .snsStat01.stTick:before {
	background-image: url(/Form/_renew_vue/images/cttAllSns_tick01.svg);
}
.cttDetailWr .cttConBox02 .snsStat01.stYout:before {
	background-image: url(/Form/_renew_vue/images/cttAllSns_yout01.svg);
}
.cttDetailWr .cttConBox02 .titBox01 {
	display:flex;
	align-items:center;
	gap:5px;
	margin:0 0 17px;
}
.cttDetailWr .cttConBox02 .titBox02 {
	display:flex;
	align-items:center;
	gap:8px;
}
.cttDetailWr .cttConBox02 .titBox02 .lnk01 { 
	position:relative;
	display:block;
	background: #F7F7F7;
	padding:1px 7px 3px 17px;
	border-radius: 100px;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: -.18px;
	color: #797979;
	transition:all .3s ease;
}
.cttDetailWr .cttConBox02 .titBox02 .lnk01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 9px;
	height: 9px;
	top: 5px;
	left: 5px;
	background:url(/Form/_renew_vue/images/cttDetailLnk02_off.svg) no-repeat center / cover;
}
.cttDetailWr .cttConBox02 .titBox02 .lnk01:focus,
.cttDetailWr .cttConBox02 .titBox02 .lnk01:hover { 
	background: #5D5FEF;
	color: #FFF;
}
.cttDetailWr .cttConBox02 .titBox02 .lnk01:focus:before,
.cttDetailWr .cttConBox02 .titBox02 .lnk01:hover:before { 
	background-image:url(/Form/_renew_vue/images/cttDetailLnk02_on.svg);
}
.cttDetailWr .cttConBox02 .tit01 {
	flex-grow:1;
	min-width: 0;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -.18px;
	color: #212121;
	word-break:break-all;
}
.cttDetailWr .cttConBox02 .tit02 { 
	margin:0 0 15px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -.18px;
	color: #212121;
}
.cttDetailWr .cttConBox02 .titBox02 .tit02 { 
	margin:0;
}
.cttDetailWr .cttConBox02 .txt01 { 
	font-size: 15px;
	line-height: 1.6;
	color: #424242;
	white-space: pre-line;
}
.cttDetailWr .cttConBox02 .btnImg01 + .txt01 { 
	margin-top:8px;
}
.cttDetailWr .cttConBox02 .btnBm01 {
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 32px;
	height: 32px;
	padding:0;
	border:1px solid #ECECEC;
	border-radius:50%;
	background:#fff url(/Form/_renew_vue/images/comHeart02_off.svg) center / 18px no-repeat;   /* 흰 원형 + 회색 테두리 + 하트 (앱 표준 .pzim 동일) */
	box-shadow:0 1px 3px rgba(0,0,0,.08);
	color:#5B606B;            /* off=검정 외곽선 하트 (comHeart02_off) */
	cursor:pointer;
}
.cttDetailWr .cttConBox02 .btnBm01 svg { width:18px; height:18px; display:block; }
.cttDetailWr .cttConBox02 .btnBm01.on {
	background-image:url(/Form/_renew_vue/images/comHeart01_on.svg);   /* on=빨강+검정테두리 */
}
.cttDetailWr .cttConBox02 .btnBm01.on svg { fill:#FF3B30; stroke:#FF3B30; }
.cttDetailWr .cttConBox02 .midBox01 { 
	display:flex;
	gap:8px;
	max-width: 350px;
	margin:40px auto 0;
	padding:39px 0 0;
	border-top:1px solid #DADADA;
}
.cttDetailWr .cttConBox02 .midBox01 .btn { 
	display:block; 
	width: calc((100% - 16px)/3);
	text-align: center;
}
.cttDetailWr .cttConBox02 .midBox01 .btn span { 
	display:block;
}
.cttDetailWr .cttConBox02 .midBox01 .btnIco { 
	margin:0 0 9px;
	font-size: 0;
}
.cttDetailWr .cttConBox02 .midBox01 .btnTxt01 { 
	font-size: 15px;
	color: #616161;
}
.cttDetailWr .cttConBox02 .midBox01 .btn.on .btnTxt01 { 
	color: #5D5FEF;
}
/* ── 이 컨텐츠의 장소 (알보식 카드) ── */
.cttDetailWr .cttConBox02.alboBox01 { padding-top: 0; padding-bottom: 0; }   /* 아래 메모(.ctMemoBox)가 상단 여백을 전부 부담(placeDetail placeSurBox.stLast와 동일 패턴, 사용자요청) */
.cttDetailWr .cttConBox02 + .cttConBox02.alboBox01 { margin-top: 22px; }           /* 장소 위 여백 축소(동일) */
/* 컨텐츠 메모 */
.cttDetailWr .cttConBox02.ctMemoBox { padding-top: 48px; padding-bottom: 11px; }   /* 상단 여백 = placeDetail 주변→메모 간격(48px)과 동일(사용자요청) */
.cttDetailWr .cttConBox02 + .cttConBox02.ctMemoBox { margin-top: 0; }
.cttDetailWr .cttConBox02.ctMemoBox:after { display:none; }   /* 메모 하단 실선 삭제(사용자요청) */
.cttDetailWr .cttConBox02:has(+ .cttConBox02.ctMemoBox):after { display:none; }   /* 메모 상단 실선(윗 섹션의 하단선) 삭제(사용자요청) */
.cttDetailWr .ctMemoBox .ctMemoHd { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:24px; margin:0 0 10px; }
.cttDetailWr .ctMemoBox .ctMemoHd .tit01 { margin:0; font-size:20px; }   /* placeDetail 주변 추천 장소/메모 제목(.placeTit01)과 동일 크기(사용자요청) */
.cttDetailWr .ctMemoBox .ctMemoActs { display:flex; align-items:center; gap:7px; }
.cttDetailWr .ctMemoBox .ctMemoIco { -webkit-appearance:none; appearance:none; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:1px solid #E3E4E8; border-radius:50%; background:#fff; font-size:11px; line-height:1; color:#8A8F9C; cursor:pointer; }
.cttDetailWr .ctMemoBox .ctMemoIco:disabled { opacity:.45; }
.cttDetailWr .ctMemoBox .ctMemoOk { border-color:#55585F; background:#55585F; color:#fff; font-weight:700; }
.cttDetailWr .ctMemoBox .ctMemoDel { color:#B4B8C2; }
.cttDetailWr .ctMemoBox .ctMemoField { -webkit-appearance:none; appearance:none; display:flex; width:100%; box-sizing:border-box; margin:0; text-align:left; border:1px solid #ECECEC; border-radius:12px; background:#F7F8FA; }
.cttDetailWr .ctMemoBox .ctMemoField.empty { align-items:center; justify-content:space-between; gap:10px; padding:13px 16px; cursor:pointer; }
.cttDetailWr .ctMemoBox .ctMemoField.filled { padding:14px 16px; cursor:pointer; }
.cttDetailWr .ctMemoBox .ctMemoField.editing { background:#F1F2F4; border-color:#BCBCC6; padding:0; }
.cttDetailWr .ctMemoBox .ctMemoPh { font-size:14px; color:#9BA0AC; }
.cttDetailWr .ctMemoBox .ctMemoPlus { flex-shrink:0; font-size:22px; line-height:1; color:#55585F; }
.cttDetailWr .ctMemoBox .ctMemoText { flex:1; min-width:0; font-size:14px; line-height:1.6; color:#2B2E36; white-space:pre-wrap; word-break:break-word; }
.cttDetailWr .ctMemoBox .ctMemoInput { display:block; width:100%; box-sizing:border-box; min-height:58px; max-height:320px; padding:13px 16px; margin:0; border:0; background:transparent; resize:none; font-family:inherit; font-size:14px; line-height:1.6; color:#2B2E36; outline:none; }
.cttDetailWr .ctMemoBox .ctMemoInput::placeholder { color:#9BA0AC; }
/* 저장된 메모 목록 (기재창 아래, 절반 폭 작은 가로형 카드 · 2개/줄 · 레퍼런스 알보메모 기준) */
.cttDetailWr .ctMemoBox .ctMemoList { display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; margin-top:11px; padding:0; list-style:none; }
.cttDetailWr .ctMemoBox .ctMemoItem { position:relative; min-height:56px; border:1px solid #ECECEC; border-radius:12px; background:#F7F8FA; padding:11px 12px; cursor:pointer; overflow:hidden; }
.cttDetailWr .ctMemoBox .ctMemoItem.on { border-color:#BCBCC6; background:#F1F2F4; }
.cttDetailWr .ctMemoBox .ctMemoItemTx { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; font-size:13px; line-height:1.45; color:#2B2E36; word-break:break-word; padding-right:13px; }
.cttDetailWr .ctMemoBox .ctMemoItemDel { -webkit-appearance:none; appearance:none; position:absolute; top:5px; right:5px; width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:0; background:none; font-size:11px; line-height:1; color:#B4B8C2; cursor:pointer; }
.cttDetailWr .ctMemoBox .ctMemoItemDel:disabled { opacity:.45; }
/* [메모] 탭을 직접 클릭했을 때만 — 3열 카드 그리드 대신 **한 줄씩 세로 목록**(사용자요청 2026-08-19).
   위 메모 입력창(.ctMemoField)과 같은 폭·같은 좌우 패딩(13px 16px)으로 맞춘다. 홈 미리보기(3열)는 그대로. */
.cttDetailWr .ctMemoBox.memoTabActive .ctMemoList { display:flex; flex-direction:column; gap:8px; }
.cttDetailWr .ctMemoBox.memoTabActive .ctMemoItem { min-height:auto; padding:13px 16px; }
.cttDetailWr .ctMemoBox.memoTabActive .ctMemoItemTx { -webkit-line-clamp:unset; padding-right:24px; }
/* [X] 삭제 버튼은 카드 세로 가운데 — 한 줄 목록에서 위쪽에 붙으면 어색하다(placeDetail 과 동일) */
.cttDetailWr .ctMemoBox.memoTabActive .ctMemoItemDel { top:50%; right:5px; transform:translateY(-50%); }
.cttDetailWr .alboBox01 .alboHd01 {
	display: flex; align-items: center; justify-content: space-between;
	gap: 10px; margin: 0 0 4px;
}
.cttDetailWr .alboBox01 .alboHd01 .tit01 { margin: 0; font-size: 20px; }   /* placeDetail 주변 추천 장소 제목(.placeTit01)과 동일 크기(사용자요청) */
/* 제목 우측 '>' — placeDetail placeTit01 .titLink/.arr("컨텐츠›"·"방문자 리뷰›")와 동일 패턴(사용자요청 2026-08-12).
   클릭 → 이 컨텐츠 지도뷰(openMapView) */
.cttDetailWr .alboBox01 .alboHd01 .tit01 .titLink { display:inline-flex; align-items:center; gap:7px; padding:0; border:0; background:none; font:inherit; font-weight:inherit; color:inherit; text-decoration:none; cursor:pointer; }
.cttDetailWr .alboBox01 .alboHd01 .tit01 .titLink .arr { font-size:1.25em; font-weight:inherit; color:inherit; line-height:1; }
.cttDetailWr .alboBox01 .alboHd01 .tit01 .titLink:active { opacity:.6; }
.cttDetailWr .alboBox01 .alboAddBtn {
	flex-shrink: 0; display: inline-flex; align-items: center; gap: 3px;
	height: 34px; padding: 0 15px 0 11px;
	background: #fff; border: 1px solid #E3E4E8; border-radius: 18px;
	font-size: 14px; font-weight: 600; letter-spacing: -.03em; color: #3A3D45;
}
.cttDetailWr .alboBox01 .alboAddBtn .ic {
	font-size: 19px; font-weight: 400; line-height: 1; color: #5D5FEF;
}
/* 카테고리 칩 — placeDetail 주변 추천 장소(.surCateChips)와 동일 디자인(사용자요청) */
.cttDetailWr .alboBox01 .alboCats { display: flex; gap: 8px; margin: 12px 0 14px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; }
.cttDetailWr .alboBox01 .alboCats::-webkit-scrollbar { display: none; }
.cttDetailWr .alboBox01 .alboCat { flex-shrink: 0; padding: 8px 16px; border: none; border-radius: 999px; background: #F1F2F4; font-size: 14px; font-weight:700; color: #5B606B; white-space: nowrap; cursor: pointer; }
.cttDetailWr .alboBox01 .alboCat.on { background: #17181D; color: #fff; font-weight: 700; }
/* 가로 슬라이드 카드(이미지 위 / 텍스트 아래) — placeDetail 주변 추천 장소(.rstLst01)와 동일 디자인/동작(사용자요청) */
.cttDetailWr .alboBox01 .alboSlideWrap { position: relative; }
.cttDetailWr .alboBox01 .alboLst01 {
	display: flex; flex-wrap: nowrap; gap: 10px; margin: 0; padding: 0; list-style: none;
	overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch;
	cursor: grab; user-select: none; -webkit-user-select: none;
}
.cttDetailWr .alboBox01 .alboLst01:active { cursor: grabbing; }
.cttDetailWr .alboBox01 .alboLst01::-webkit-scrollbar { display: none; }
.cttDetailWr .alboBox01 .alboLst01 img { -webkit-user-drag: none; user-drag: none; }
.cttDetailWr .alboBox01 .alboLst01 li { position: relative; flex: 0 0 auto; width: calc((100% - 52px) / 2); min-width: 0; margin: 0; }
.cttDetailWr .alboBox01 .alboCard {
	display: flex; flex-direction: column; align-items: stretch; gap: 8px;
	width: 100%; padding: 0; text-align: left; background: none; border: 0;
}
.cttDetailWr .alboBox01 .alboThumb {
	position: relative; display: block; width: 100%; height: 130px; border-radius: 12px; background: #F1F2F4; overflow: hidden;
}
.cttDetailWr .alboBox01 .alboThumb img {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.cttDetailWr .alboBox01 .alboInfo { display: block; min-width: 0; }
.cttDetailWr .alboBox01 .alboCate, .cttDetailWr .alboBox01 .alboName, .cttDetailWr .alboBox01 .alboTxt {
	display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.cttDetailWr .alboBox01 .alboCate { margin: 0 0 6px; font-size: 13px; color: #999; }
.cttDetailWr .alboBox01 .alboName { margin: 0 0 4px; font-weight: 700; font-size: 16px; letter-spacing: -.03em; color: #17181C; }
.cttDetailWr .alboBox01 .alboTxt { margin: 0 0 4px; font-size: 13px; color: #424242; }
.cttDetailWr .alboBox01 .alboScore { position: relative; display: block; padding: 0 0 0 26px; font-weight: 700; font-size: 15px; letter-spacing: -.18px; color: #424242; }
.cttDetailWr .alboBox01 .alboScore:before {
	content: ""; position: absolute; box-sizing: border-box; display: block;
	width: 20px; height: 20px; top: -1px; left: 0;
	background: url(/Form/_renew_vue/images/mPdcSwipeStar01.svg) no-repeat; background-size: cover;
}
.cttDetailWr .alboBox01 .alboScore .gTxt01 { margin: 0 0 0 6px; font-weight: 400; font-size: 13px; color: #797979; }
/* 썸네일 우상단 액션: [찜하기][일정 추가] 나란히 (placeDetail .surActs와 동일, 사용자요청) */
.cttDetailWr .alboBox01 .alboActs { position: absolute; top: 8px; right: 8px; z-index: 2; display: flex; gap: 5px; }
.cttDetailWr .alboBox01 .alboActs > button {
	box-sizing: border-box; flex-shrink: 0; width: 26px; height: 26px; padding: 0;
	border: 1px solid #E5E5E5; border-radius: 50%; background-color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.14); cursor: pointer;
}
.cttDetailWr .alboBox01 .alboActs > button:active { background-color: #F1F2F5; }
.cttDetailWr .alboBox01 .alboZim {
	background-image: url(/Form/_renew_vue/images/comHeart02_off.svg); background-repeat: no-repeat; background-position: center; background-size: 15px;
}
.cttDetailWr .alboBox01 .alboZim.on { background-image: url(/Form/_renew_vue/images/comHeart01_on.svg); }
.cttDetailWr .alboBox01 .alboAdd { display: flex; align-items: center; justify-content: center; color: #111; }
.cttDetailWr .alboBox01 .alboAdd svg { width: 16px; height: 16px; }
/* 우측 '>' 더보기 — 박스 없이 흰색 그라데이션 위에 화살표만(placeDetail .surMore와 동일, 사용자요청) */
.cttDetailWr .alboBox01 .alboMore {
	position: absolute; top: 65px; right: 0; transform: translateY(-50%);
	width: 62px; height: 130px; padding: 0 10px 0 0; border: 0; border-radius: 0;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 32%, rgba(255,255,255,.9) 62%, #fff 100%);
	display: flex; align-items: center; justify-content: flex-end;
	/* ★ 색은 앱 표준 #b9bdc4 — design.md §Horizontal Rail 의 '사용자 확정' 값(2026-08-04 앱 전체 통일).
	   #222(검정)로 되어 있어 이 줄만 화살표가 유독 진했다(사용자지적 2026-08-12). */
	color: #b9bdc4; cursor: pointer; z-index: 3;
}
.cttDetailWr .alboBox01 .alboMore:active { opacity: .6; }
.cttDetailWr .alboBox01 .alboMore svg { width: 22px; height: 22px; filter: drop-shadow(0 0 2px rgba(255,255,255,.9)); }   /* 20→22px 표준 규격 */
.cttDetailWr .alboBox01 .alboMore.hide { display: none; }

/* ── 장소 ⋯ 액션 바텀시트 ── */
.alboMenuBg {
	position: fixed; top:0;bottom:0;left:0;right:0;max-width:430px;margin:0 auto; z-index: 1200;
	display: flex; align-items: flex-end; justify-content: center;
	background: rgba(0, 0, 0, .42);
}
.alboMenuSheet {
	position: relative;
	width: 100%; max-width: 430px;
	padding: 8px 20px calc(18px + env(safe-area-inset-bottom));
	background: #fff; border-radius: 22px 22px 0 0;
}
.alboMenuHandle {
	display: block; width: 40px; height: 4px; margin: 0 auto 12px;
	border-radius: 2px; background: #E1E3E8;
}
.alboMenuHd {
	display: flex; align-items: center; gap: 12px;
	padding: 4px 2px 16px; border-bottom: 1px solid #F1F1F3;
}
.alboMenuHd .amThumb {
	flex-shrink: 0; position: relative; width: 50px; height: 50px;
	border-radius: 12px; background: #F1F2F4; overflow: hidden;
}
.alboMenuHd .amThumb img {
	position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.alboMenuHd .amInfo { min-width: 0; }
.alboMenuHd .amName {
	display: block; font-size: 16px; font-weight: 700; letter-spacing: -.03em;
	color: #17181C; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.alboMenuHd .amMeta {
	display: block; margin-top: 4px; font-size: 13px; letter-spacing: -.03em; color: #8A8F9C;
}
.alboMenuLst { padding: 6px 0 2px; }
.alboMenuLst button {
	display: flex; align-items: center; gap: 13px; width: 100%;
	padding: 14px 2px; background: none; border: 0; text-align: left;
	font-size: 16px; font-weight: 500; letter-spacing: -.03em; color: #26282E;
}
.alboMenuLst .amIco {
	flex-shrink: 0; display: inline-flex; width: 22px; height: 22px; color: #5A5E68;
}
.alboMenuLst .amIco svg { width: 100%; height: 100%; }
.alboMenuLst button.on { color: #FF3B30; }
.alboMenuLst button.on .amIco { color: #FF3B30; }
.alboMenuLst button.on .amIco svg path { fill: #FF3B30; stroke: #FF3B30; }
/* [저장 취소](저장됨) = 검정 글씨 + 좌측 하트는 빨강 채움 (사용자요청) */
.alboMenuLst button.amDanger.on { color: #26282E; }
.alboMenuLst button.amDanger.on .amIco { color: #FF3B30; }
.alboMenuLst button.amDanger.on .amIco svg path { fill: #FF3B30; stroke: #FF3B30; }
/* ⋯ 메뉴 우측 상단 X 닫기 (하단 [닫기] 버튼 대체) */
.alboMenuX {
	position: absolute; top: 14px; right: 14px;
	width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
	padding: 0; background: none; border: 0; cursor: pointer;
}
.alboMenuX svg { width: 22px; height: 22px; display: block; }
.cttDetailWr .cttConBox02 .lnkLst01 .lstMyPlace01.on {
	opacity: 1;
}
.cttDetailWr .cttConBox02 .btnImg01 {
	display:block;
	border-radius: 8px;
	font-size: 0;
	overflow: hidden;
}
.cttDetailWr .cttConBox02 .btnImg01 img { 
	width: 100%;
}
.cttDetailWr .cttConBox02 .txt01 + .btnImg01 { 
	margin-top:15px;
}
.cttDetailWr .cttConBox02 + .cttConBox02 { 
	margin-top:40px;
}
.cttDetailWr .cttBtmBox01 {
	position:fixed;
	width: 398px;
	max-width: 100%;	
	bottom: 84px;
	left: 50%;
	transform:translateX(-50%);
	z-index: 2;
}
.cttDetailWr .cttBtmBox01 .btn { 
	display:block; 
	width: 100%;
	padding:16px 10px 15px;
	background: #5D5FEF;
	border-radius: 10px;
	box-shadow:0px 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 15px;
	color: #FFF;
}
.cttDetailPop01 { 
	display:block;
}
.cttDetailPop01 .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	padding:0;
	text-align: left;
}
.cttDetailPop01 .topBox .btnAddFolder { 
	position:relative; 
	display:block;
	padding:8px 16px 7px 38px;
	border:1px solid #5D5FEF;
	border-radius: 10px;
	font-weight: 500;
	font-size: 14px;
	color: #5D5FEF;
	transition:all .3s ease;
}
.cttDetailPop01 .topBox .btnAddFolder .plus { 
	position:absolute; 
	display:block;
	width: 14px;
	height: 14px;
	top: 10px;
	left: 17px;
}
.cttDetailPop01 .topBox .btnAddFolder .plus:before,
.cttDetailPop01 .topBox .btnAddFolder .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #5D5FEF;
	border-radius: 4px;
	transition:all .3s ease;
}
.cttDetailPop01 .topBox .btnAddFolder .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.cttDetailPop01 .topBox .btnAddFolder .plus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.cttDetailPop01 .topBox .btnAddFolder:focus,
.cttDetailPop01 .topBox .btnAddFolder:hover {
	background: #5D5FEF;
	color: #FFF;	
}
.cttDetailPop01 .topBox .btnAddFolder:focus .plus:before,
.cttDetailPop01 .topBox .btnAddFolder:hover .plus:before,
.cttDetailPop01 .topBox .btnAddFolder:focus .plus:after,
.cttDetailPop01 .topBox .btnAddFolder:hover .plus:after { 
	background: #FFF;
}
.cttDetailPop01 .noFolderBox01 { 
	text-align: center;
}
.cttDetailPop01 .noFolderBox01 .nfImgBox { 
	margin:0 0 17px;
	font-size: 0;
}
.cttDetailPop01 .noFolderBox01 .nfTxt01 { 
	margin:0 0 13px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #212121;
}
.cttDetailPop01 .noFolderBox01 .nfTxt02 { 
	font-size: 14px;
	letter-spacing: -.18px;	
	color: #666;
}
.cttDetailPop01 .folderBoxPar01 { 
	position:relative;
}
.cttDetailPop01 .folderBoxPar01 .folderArrow { 
	position:absolute; 
	display:block;
	width: 32px;
	height: 32px;
	top: 50%;
	margin:-16px 0 0;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	z-index: 1;
}
.cttDetailPop01 .folderBoxPar01 .folderArrow:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	border-top:2px solid #666;
	border-right:2px solid #666;
}
.cttDetailPop01 .folderBoxPar01 .folderArrow.stPrev { 
	left: -16px;
}
.cttDetailPop01 .folderBoxPar01 .folderArrow.stPrev:before { 
	margin:-5px 0 0 -3px;
	transform:rotate(-135deg);
}
.cttDetailPop01 .folderBoxPar01 .folderArrow.stNext { 
	right: -16px;
}
.cttDetailPop01 .folderBoxPar01 .folderArrow.stNext:before { 
	margin:-5px 0 0 -7px;
	transform:rotate(45deg);
}
.cttDetailPop01 .folderBox01 {
	overflow: hidden;
}
.cttDetailPop01 .folderBox01 .btnSelFolder {
	position:relative;
	display:block;
	width: 100%;
	padding:15px 20px 8px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
}
.cttDetailPop01 .folderBox01 .btnSelFolder:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 16px;
	margin:0 auto 10px;
	background:url(/Form/_renew_vue/images/cttDetailFolder01_off.svg) no-repeat center / cover;
}
.cttDetailPop01 .folderBox01 .btnSelFolder:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:none;
	width: 16px;
	height: 16px;
	top: 11px;
	left: 11px;
	background:url(/Form/_renew_vue/images/cttDetailChk01.svg) no-repeat center / cover;
}
.cttDetailPop01 .folderBox01 .btnSelFolder span { 
	display:block;
}
.cttDetailPop01 .folderBox01 .btnSelFolder .btnTxt01 { 
	margin:0 0 8px;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.cttDetailPop01 .folderBox01 .btnSelFolder .btnNum01 { 
	font-size: 14px;
	color: #5D5FEF;
}
.cttDetailPop01 .folderBox01 .btnSelFolder.on { 
	background: #EEEEFF;
	border-color:#5D5FEF;
}
.cttDetailPop01 .folderBox01 .btnSelFolder.on:before { 
	background-image:url(/Form/_renew_vue/images/cttDetailFolder01_on.svg);
}
.cttDetailPop01 .folderBox01 .btnSelFolder.on:after {
	display:block;
}
/* contentAll01 담기 시트: 선택 폴더 체크 숨김 */
.cttDetailPop01.cttAllSavePop .folderBox01 .btnSelFolder.on:after {
	display:none;
}
/* 선택(클릭) 시 폴더 아이콘을 '다음' 버튼 색(#5D5FEF)으로 꽉 채움 — 배경 연보라(#EEEEFF)는 유지, 미선택은 기본 그대로 */
.cttDetailPop01.cttAllSavePop .folderBox01 .btnSelFolder.on:before {
	background-image:url(/Form/_renew_vue/images/cttDetailFolder01_fill.svg);
}
.cttDetailPop01 .folderBox01 .btnSelFolder.on .btnTxt01 {
	color: #5D5FEF;
}
.cttDetailPop01 .folderBox01.has2 .btnSelFolder {
	width: calc((100% - 12px)/2);
}
.cttDetailPop01 .folderBox01.has3 .btnSelFolder {
	width: calc((100% - 24px)/3);
}
.cttDetailPop01 .wishTopBox01 {
	display:flex;
	align-items:center;
	gap:12px;
	margin:0 0 24px;
}
.cttDetailPop01 .wishTopBox01 .btnBack { 
	position:relative; 
	display:block;
	width: 24px;
	height: 24px;
}
.cttDetailPop01 .wishTopBox01 .btnBack:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 50%;
	left: 50%;
	margin:-6px 0 0 -3px;
	transform:rotate(-45deg);
	border-top:2px solid #111827;
	border-left:2px solid #111827;
}
.cttDetailPop01 .wishTopBox01 .tit01 { 
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.cttDetailPop01 .withMidBox01 {
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 24px;
}
.cttDetailPop01 .withMidBox01 .txt01 { 
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.cttDetailPop01 .withMidBox01 .chkBox01 { 
	position:relative;
}
.cttDetailPop01 .withMidBox01 .chkBox01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.cttDetailPop01 .withMidBox01 .chkBox01 .chkLbl { 
	position:relative;
	display:block;
	padding:0 0 0 29px;
	font-weight: 500;
	font-size: 15px;
	color: #424242;
}
.cttDetailPop01 .withMidBox01 .chkBox01 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 11px;
	top: 4px;
	left: 0;
	background:url(/Form/_renew_vue/images/comPopChk01_off.svg) no-repeat center / cover;
}
.cttDetailPop01 .withMidBox01 .chkBox01 .chkIpt:checked + .chkLbl { 
	color: #5D5FEF;
}
.cttDetailPop01 .withMidBox01 .chkBox01 .chkIpt:checked + .chkLbl:before { 
	background-image:url(/Form/_renew_vue/images/comPopChk01_on.svg);
}
.cttDetailPop01.on .comPopBox01.stOff { 
	bottom: -100%;
}
/* 컨텐츠 상세 끝
------------------------------------------------------ */
/* 폴더 만들기 시작
------------------------------------------------------ */
.folderFormWr { 
	min-height: 100vh;
}
.folderFormWr .iptTopBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 10px;
}
.folderFormWr * + .iptTopBox01 { 
	margin-top:22px;
}
.folderFormWr .iptTit01 { 
	display:block;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.folderFormWr .iptTit01 .gTxt01 { 
	font-weight: 400;
	color: #797979;
}
.folderFormWr .iptLength01 { 
	font-size: 14px;
	color: #999;
}
.folderFormWr .ipt01 { 
	display:block;
	padding:15px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #212121;
}
.folderFormWr .ipt01::placeholder { 
	color: #999;
}
.folderFormWr .ipt01.fullWid { 
	width: 100%;
}
.folderFormWr .ffBtmBox01 { 
	position:fixed;
	width: 430px;
	max-width: 100%;	
	bottom: 0;
	left: 50%;
	padding:24px 16px;
	transform:translateX(-50%);
	z-index: 1;
}
.folderFormWr .ffBtmBox01 .btn { 
	display:block; 
	width: 100%;
	padding:16px 10px 15px;
	background: #5D5FEF;
	border-radius: 10px;
	box-shadow:0px 1px 2px 0 rgba(141,141,141,.25);
	font-weight: 700;
	font-size: 15px;
	color: #FFF;
}
/* 폴더 만들기 끝
------------------------------------------------------ */
/* 장소 정보 페이지 시작
------------------------------------------------------ */
.placeDetailWr { 
	background: #F6F6F6; 
}
.placeDetailWr .placeTopNotice { 
	position:relative;
	background: rgba(54, 2, 0, 0.7);
	padding:14px 14px 13px 40px;
}
.placeDetailWr .placeTopNotice:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 12px;
	left: 16px;
	background:url(/Form/_renew_vue/images/placeDtl_topNotice01.svg) no-repeat;
	background-size:cover;
}
.placeDetailWr .placeTopNotice .noticeBox { 
	overflow: hidden;
}
.placeDetailWr .placeTopNotice .noticeSlide { 
	display:flex;
	gap:10px;
	animation: noticeSlide01 20s linear infinite;
}
.placeDetailWr .placeTopNotice .topNotice {
	flex-shrink:0;
	display:block;
	font-weight: 500; 
	font-size: 13px;
	line-height: 1;
	letter-spacing: -.3px;
	color: #FFF;
}
@keyframes noticeSlide01 {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-200%)
    }
}
.placeDetailWr .placeBnrBox { 
	position:relative;
	overflow: hidden;
}
.placeDetailWr .placeBnrBox .swiper-slide { 
	position:relative;
	height: auto; 
	padding:62.09% 0 0;
	font-size: 0;
	overflow: hidden;
}
.placeDetailWr .placeBnrBox .swiper-slide img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.placeDetailWr .placeBnrBox .placeBnrPage { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:2px;
	width: 42px;
	height: 26px;
	top: auto;
	bottom: 12px;
	right: 12px;
	left: auto;
	background: rgba(33,33,33,0.4);
	border-radius: 1000px;
	font-size: 11px;
	letter-spacing: -.18px;
	color: #FFF;
	z-index: 1;
}
.placeDetailWr .placeConBox {
	padding:30px 16px;   /* 섹션 사이 여백 확대 24→30px(사용자요청) — 구분선 위아래가 각각 6px씩 넓어진다 */
	background: #FFF;
	border-bottom:1px solid #EDEDED;
	letter-spacing: -.18px;
}
.placeDetailWr .placeConBox.stLast {
	border-bottom:none;
}
.placeDetailWr .placeMenuBox {
	border-bottom:none;   /* 대표 메뉴 섹션 하단 실선 삭제(사용자요청) */
}
.placeDetailWr .placeConBox + .placeConBox {
	margin-top:0;
}
.placeDetailWr .placeTopBox .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 7px;
}
.placeDetailWr .placeTopBox .cate01 { 
	font-size: 14px;
	color: #FF3200;
}
.placeDetailWr .placeTopBox .place01 { 
	position:relative; 
	padding:0 0 0 24px;
	font-size: 13px;
	color: #797979;
}
.placeDetailWr .placeTopBox .place01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: -1px;
	left: 0;
	background:url(/Form/_renew_vue/images/placeDtl_place01.svg) no-repeat;
	background-size:cover;
}
.placeDetailWr .placeTopBox .name01 { 
	margin:0 0 5px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.placeDetailWr .placeTopBox .name01 span { 
	font-size: 18px;
	color: #999;
}
.placeDetailWr .placeTopBox .txt01 {
	margin:0 0 5px;
	font-size: 14px; 
	color: #666;
	word-break:break-all;
}
.placeDetailWr .placeTopBox .oriPrc01 { 
	margin:0 0 5px;
	font-size: 16px;
	color: #797979;
	text-decoration:line-through;
}
.placeDetailWr .placeTopBox .prcBox { 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
	margin:0 0 7px;
}
.placeDetailWr .placeTopBox .per01 { 
	font-weight: 700;	 
	font-size: 18px;
	color: #E2502B;
}
.placeDetailWr .placeTopBox .prc01 { 
	font-weight: 700; 
	font-size: 18px;
	color: #212121;
}
.placeDetailWr .placeTopBox .prcTxt01 { 
	font-weight: 400;
	font-size: 16px; 
	color: #666;
}
.placeDetailWr .placeTopBox .score { 
	position:relative;
	display:block;
	margin:0 0 25px;
	padding:0 0 0 26px;
	font-weight: 700;
	font-size: 15px;
	color: #424242;
}
.placeDetailWr .placeTopBox .score:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0;
	background:url(/Form/_renew_vue/images/mPdcSwipeStar01.svg) no-repeat;
	background-size:cover;
}
.placeDetailWr .placeTopBox .score .gTxt01 { 
	margin:0 0 0 7px;
	font-weight: 400;
	font-size: 13px;
	color: #797979;
}
.placeDetailWr .placeTopBox .btnBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.placeDetailWr .placeTopBox .btnBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:5px;
	width: calc((100% - 12px)/2);
	padding:12px;
	background: #FFF;
	border:1px solid #F9F2ED;
	border-radius: 10px;
	box-shadow:0 1px 2px rgba(141,141,141,.25);
}
.placeDetailWr .placeTopBox .btnBox .btn:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	background-repeat:no-repeat;
	background-size:cover;
}
.placeDetailWr .placeTopBox .btnBox .btn span { 
	display:block;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.3px;
	color: #797979;
}
.placeDetailWr .placeTopBox .btnBox .btn.stLocation:before { 
	background-image: url(/Form/_renew_vue/images/placeDtl_location01.svg); 
}
.placeDetailWr .placeTopBox .btnBox .btn.stShare:before { 
	background-image: url(/Form/_renew_vue/images/placeDtl_share01.svg); 
}
.placeDetailWr .placeTopBox .btnBox .btn.stZzim { 
	background: #FAFAFA;
	border-color:#FAFAFA;
}
.placeDetailWr .placeTopBox .btnBox .btn.stZzim:before { 
	background-image: url(/Form/_renew_vue/images/placeDtl_zzim01_off.svg); 
}
.placeDetailWr .placeTopBox .btnBox .btn.stZzim span { 
	color: #212121;
}
.placeDetailWr .placeTopBox .btnBox .btn.stZzim.on:before { 
	background-image: url(/Form/_renew_vue/images/placeDtl_zzim01_on.svg); 
}
.placeDetailWr .placeTopBox .btnBox .btn.fullWid {
	width: 100%;
}
.placeDetailWr .placeTopBox .btnBox .btn.stAgoda {
	background: #E6350A;
	border-color: #E6350A;
}
.placeDetailWr .placeTopBox .btnBox .btn.stAgoda:before {
	display: none;
}
.placeDetailWr .placeTopBox .btnBox .btn.stAgoda span {
	color: #FFF;
	font-size: 16px;
}
.placeDetailWr .placeTit01 {
	margin:0 0 13px;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -.3px;
}
.placeDetailWr .placeNoticeBox .noticeLst01 { 
	padding:16px;
	background: #FDFAFF;
	border-radius: 10px;
}
.placeDetailWr .placeNoticeBox .noticeLst01 li { 
	margin:0 0 16px;
	padding:0 0 16px;
	border-bottom:1px solid #F3EEF6;
}
.placeDetailWr .placeNoticeBox .noticeLst01 li:last-child { 
	margin:0;
	padding:0;
	border-bottom:none;
}
.placeDetailWr .placeNoticeBox .noticeLst01 .lstTit01 { 
	position:relative; 
	padding:0 0 0 29px;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
	word-break:break-all;
}
.placeDetailWr .placeNoticeBox .noticeLst01 .lstTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.placeDetailWr .placeNoticeBox .noticeLst01 .lstTit01.stNotice:before { 
	background-image: url(/Form/_renew_vue/images/placeDtlNotice_notice01.svg);
}
.placeDetailWr .placeNoticeBox .noticeLst01 .lstTit01.stEvent:before { 
	background-image: url(/Form/_renew_vue/images/placeDtlNotice_event01.svg);
}
.placeDetailWr .placeNoticeBox .noticeLst01 .lstTit01.stGrade:before { 
	background-image: url(/Form/_renew_vue/images/placeDtlNotice_grade01.svg);
}
.placeDetailWr .placeNoticeBox .noticeLst01 .lstTxt01 { 
	font-size: 14px;
	letter-spacing: -.3px;
	color: #666;
	word-break:break-all;
}
.placeDetailWr .placeNoticeBox .noticeLst01 .lstTit01 + .lstTxt01 { 
	margin-top:11px;
}
.placeDetailWr .placeMenuBox .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 14px;
}
.placeDetailWr .placeMenuBox .topBox .placeTit01 { 
	margin:0;
}
.placeDetailWr .placeMenuBox .topBox .lnk { 
	position:relative; 
	display:block;
	padding:0 18px 0 0;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.3px;
	color: #666;
}
.placeDetailWr .placeMenuBox .topBox .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #666;
	border-right:2px solid #666;
}
.placeDetailWr .placeMenuBox .lst01 li {
	display:flex;
	align-items:center;
	gap:12px;
	margin:0 0 14px;
	padding:0;
}
.placeDetailWr .placeMenuBox .lst01 li:last-child {
	margin:0;
	padding:0;
	border-bottom:none;
}
.placeDetailWr .placeMenuBox .lst01 .lstImgBox { 
	flex-shrink:0;
	position:relative;
	width: 104px;
	height: 104px;
	border-radius: 10px;
	font-size: 0;
	overflow: hidden;
}
.placeDetailWr .placeMenuBox .lst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.placeDetailWr .placeMenuBox .lst01 .lstConBox { 
	width: calc(100% - 116px);
	letter-spacing: -.18px;
}
.placeDetailWr .placeMenuBox .lst01 .lstTit01,
.placeDetailWr .placeMenuBox .lst01 .lstTxt01 { 
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.placeDetailWr .placeMenuBox .lst01 .lstTit01 { 
	margin:0 0 6px;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
}
.placeDetailWr .placeMenuBox .lst01 .lstTxt01 { 
	margin:0 0 5px;
	font-size: 14px;
	color: #666;
}
.placeDetailWr .placeMenuBox .lst01 .lstPrc { 
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.placeDetailWr .placeMenuBox .lst01 .lstPrc span { 
	font-weight: 400;
	font-size: 16px;
	color: #666;
}
.placeDetailWr .placeMapBox .mapBox {
	position:relative;
	margin:0 0 18px;   /* 지도 아래 여백 12 → 18px(사용자요청 2026-08-13). 아래 주소줄(.infoLst01)의 margin-bottom 18px 과 같은 값 */
	padding:48% 0 0;
	border-radius: 15px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-size: 0;
	overflow: hidden;
}
.placeDetailWr .placeMapBox .mapBox iframe,
.placeDetailWr .placeMapBox .mapBox .mapView {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #E0E0E0;
}
.placeDetailWr .placeMapBox .infoLst01 { 
	margin:0 0 18px;
}
.placeDetailWr .placeMapBox .infoLst01 li { 
	position:relative;
	margin:0 0 18px;
	padding:0 0 0 30px;
}
.placeDetailWr .placeMapBox .infoLst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.placeDetailWr .placeMapBox .infoLst01 li.stAddr:before { 
	background-image: url(/Form/_renew_vue/images/placeDtl_InfoAddr01.svg); 
}
.placeDetailWr .placeMapBox .infoLst01 li.stCall:before { 
	background-image: url(/Form/_renew_vue/images/placeDtl_InfoCall01.svg); 
}
.placeDetailWr .placeMapBox .infoLst01 li.stLink:before { 
	background-image: url(/Form/_renew_vue/images/placeDtl_InfoLink01.svg); 
}
.placeDetailWr .placeMapBox .infoLst01 li:last-child { 
	margin:0;
}
.placeDetailWr .placeMapBox .infoLst01 .lstBtn { 
	display:block; 
	font-size: 14px;
	letter-spacing: -.3px;
	color: #424242;
	word-break:break-all;
}
.placeDetailWr .placeMapBox .infoLst01 .lstBtn.hasIco:after { 
	content:"";
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle;
	width: 14px;
	height: 14px;
	margin:0 0 0 5px;
	background:url(/Form/_renew_vue/images/placeDtl_InfoCopy01.svg) no-repeat;
	background-size:cover;
}
.placeDetailWr .placeMapBox .askLnk { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:6px;
	width: 100%;
	padding:12px 12px 11px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
}
.placeDetailWr .placeMapBox .askLnk span { 
	display:block; 
}
.placeDetailWr .placeMapBox .askLnk .lnkIco { 
	font-size: 0; 
}
.placeDetailWr .placeMapBox .askLnk .lnkIco img {
	max-width: 100%; 
}
.placeDetailWr .placeMapBox .askLnk .lnkTxt {
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.3px;
	color: #797979;
}
/* [현지에서 길 묻기]는 주 버튼(검정 채움), 옆 [길찾기]는 보조로 한 단계 낮춘다.
   둘 다 흰색·회색이라 어느 쪽도 눈에 안 들어오던 문제(사용자요청) */
.placeDetailWr .placeMapBox .askLnk.askMain {
	background: #17181D;
	border-color: #17181D;
	box-shadow:none;
}
.placeDetailWr .placeMapBox .askLnk.askMain .lnkTxt {
	color: #FFF;
}
.placeDetailWr .placeMapBox .askLnk.routeLnk {
	border-color: #DDDFE5;
	box-shadow:none;
}
.placeDetailWr .placeMapBox .askLnk.routeLnk .lnkTxt {
	color: #5A5F6B;
}
.placeDetailWr .placeTimeBox .timeOnOff { 
	position:relative; 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:9px;
	width: 100%;
	margin:0 0 14px;
	padding:0 20px 0 0;
}
.placeDetailWr .placeTimeBox .timeOnOff:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	right: 4px;
	margin:-8px 0 0;
	transform:rotate(45deg);
	border-bottom:2px solid #111827;
	border-right:2px solid #111827;
	transition:all .3s ease;
}
.placeDetailWr .placeTimeBox .timeOnOff > span { 
	display:block; 
}
.placeDetailWr .placeTimeBox .timeOnOff .btnTit01 { 
	width: 100%;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -.3px;
	color: #212121;
}
.placeDetailWr .placeTimeBox .timeOnOff .btnTit01 span { 
	position:relative;
	padding:0 30px 0 0;
}
.placeDetailWr .placeTimeBox .timeOnOff .btnTit01 span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 6px;
	right: 0;
	background:url(/Form/_renew_vue/images/placeDtl_timeInfo01.svg) no-repeat;
	background-size:cover;
}
.placeDetailWr .placeTimeBox .timeOnOff .btnCate01 { 
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.18px;
}
.placeDetailWr .placeTimeBox .timeOnOff .btnCate01.st01 { 
	color: #E2502B; 
}
.placeDetailWr .placeTimeBox .timeOnOff .btnTxt01 {
	font-size: 14px;
	color: #666;
}
.placeDetailWr .placeTimeBox .timeOnOff.on:after {
	margin:-4px 0 0;
	transform:rotate(225deg); 
}
.placeDetailWr .placeTimeBox .timeBox { 
	display:none;
	padding:16px;
	background: #FAFAFA;
	border-radius: 10px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
}
.placeDetailWr .placeTimeBox .timeBox dl { 
	display:flex;
	align-items:center;
	gap:11px;
	font-size: 15px;
	letter-spacing: -.3px;
}
.placeDetailWr .placeTimeBox .timeBox dl + dl { 
	margin-top:11px;
}
.placeDetailWr .placeTimeBox .timeBox dt { 
	flex-shrink:0;
	color: #666; 
}
.placeDetailWr .placeTimeBox .timeBox dd { 
	font-weight: 500; 
	color: #212121;
}
.placeDetailWr .placeReportLnk { 
	display:block; 
	width: 100%;
	margin:15px 0 0;
	padding:11px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	text-align: center;
}
.placeDetailWr .placeReportLnk span { 
	position:relative;
	display:inline-block;
	padding:0 19px 0 0;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.3px;
}
.placeDetailWr .placeReportLnk span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	right: 0;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top-width:2px;
	border-top-style:solid;
	border-right-width:2px;
	border-right-style:solid;
}
.placeDetailWr .placeReportLnk.st01 {
	background: #F8F0FF;
	border-color:#F3EDF9;
}
.placeDetailWr .placeReportLnk.st01 span {
	color: #FF3200;
}
.placeDetailWr .placeReportLnk.st01 span:after { 	
	border-color:#FF3200;
}
.placeDetailWr .placeReportLnk.st02 { 
	background: #FF3200;
	border-color:#FF3200;
}
.placeDetailWr .placeReportLnk.st02 span {
	color: #FFF;
}
.placeDetailWr .placeReportLnk.st02 span:after {
	border-color:#FFF;
}
.placeDetailWr .placeRvBox .rvLst01 > li { 
	margin:0 0 13px;
	padding:0 0 13px;
	border-bottom:1px solid #EDEDED;
}
.placeDetailWr .placeRvBox .rvLst01 > li:last-child { 
	margin:0;
	padding:0;
	border-bottom:0;
}
.placeDetailWr .placeRvBox .rvLst01 .lstTopBox { 
	display:flex;
	align-items:center;
	gap:11px;
	margin:0 0 8px;
}
.placeDetailWr .placeRvBox .rvLst01 .lstTopImg { 
	flex-shrink:0;
	position:relative; 
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-size: 0;
	overflow: hidden;
}
.placeDetailWr .placeRvBox .rvLst01 .lstTopImg img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.placeDetailWr .placeRvBox .rvLst01 .lstTopCon { 
	display:flex;
	align-items:center;
	justify-content:space-between; 
	gap:8px;
	width: calc(100% - 43px);
}
.placeDetailWr .placeRvBox .rvLst01 .lstTit01 { 
	margin:0 0 5px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.3px;
	color: #212121;
}
.placeDetailWr .placeRvBox .rvLst01 .lstDate01 { 
	font-size: 12px; 
	letter-spacing: -.3px;
	color: #797979;
}
.placeDetailWr .placeRvBox .rvLst01 .lstScore { 
	position:relative;
	display:block;
	padding:0 0 0 22px;
	font-weight: 700;
	font-size: 14px;
	color: #424242;
}
.placeDetailWr .placeRvBox .rvLst01 .lstScore:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/mPdcSwipeStar01.svg) no-repeat;
	background-size:cover;
}
.placeDetailWr .placeRvBox .rvLst01 .lstTxt01 { 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin:0 0 6px;
	font-size:14px;
	letter-spacing: -.3px;
	color: #424242;
	word-break:break-all;
	text-overflow: ellipsis;
	overflow: hidden; 
}
.placeDetailWr .placeRvBox .rvLst01 .lstTxt01.on { 
	display:block; 
	overflow: visible;
}
.placeDetailWr .placeRvBox .rvLst01 .rvToggle { 
	display:inline-flex;
	align-items:center;
	gap:6px;
}
.placeDetailWr .placeRvBox .rvLst01 .rvToggle .plus { 
	position:relative;
	width: 10px;
	height: 10px;
	overflow: hidden;
}
.placeDetailWr .placeRvBox .rvLst01 .rvToggle .plus:before,
.placeDetailWr .placeRvBox .rvLst01 .rvToggle .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #797979;
	border-radius: 4px;
	transition:all .3s ease;
}
.placeDetailWr .placeRvBox .rvLst01 .rvToggle .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.placeDetailWr .placeRvBox .rvLst01 .rvToggle .plus:after {
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.placeDetailWr .placeRvBox .rvLst01 .rvToggle .btnTxt01 { 
	font-weight: 500;
	font-size:13px;
	line-height: 1;
	color: #999;
}
.placeDetailWr .placeRvBox .rvLst01 .rvToggle.on .plus:after { 
	transform:rotate(90deg); 
}
.placeDetailWr .placeRvBox .rvNoDataBox { 
	padding:41px 16px;
	letter-spacing: -.3px;
	text-align: center; 
}
.placeDetailWr .placeRvBox .rvNoDataBox .imgBox { 
	margin:0 auto 8px;
	font-size: 0;
}
.placeDetailWr .placeRvBox .rvNoDataBox .imgBox img { 
	max-width: 100%; 
}
.placeDetailWr .placeRvBox .rvNoDataBox .txt01 { 
	margin:0 0 6px;
	font-weight: 500;
	font-size: 15px;
	color: #666;
}
.placeDetailWr .placeRvBox .rvNoDataBox .txt02 { 
	font-size: 13px; 
	color: #999;
}
.placeDetailWr .placeSurBox .cateBox01 {
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:0 0 21px;
}
.placeDetailWr .placeSurBox .cateBox01 .btnCate {
	display:block; 
	min-width: 70px;
	padding:6px 6px 7px;
	background: #EEE8F4;
	border:1px solid #ECE1F8;
	border-radius: 1000px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.3px;
	text-align: center;
	color: #664B81;
}
.placeDetailWr .placeSurBox .cateBox01 .btnCate.on { 
	background: #FF3200;
	border-color:#FF3200;
	color: #FFF;
}
.placeDetailWr .placeSurBox .comSchRstBox01 { 
	padding:0;
}
.placeSellHistory .popBox {
	position:absolute;
	width: 320px;
	max-width: 90%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	border-radius: 16px;
	padding: 20px;
}
.placeSellHistory .topBox {
	margin:0 0 24px;
	overflow: hidden;
}
.placeSellHistory .topBox .popClose {
	position:relative;
	display:block;
	width: 24px;
	height: 24px;
	float:right;
}
.placeSellHistory .topBox .popClose:before,
.placeSellHistory .topBox .popClose:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -10px;
	background: #FFF;
	border-radius: 4px;
}
.placeSellHistory .topBox .popClose:before {
	transform:rotate(45deg);
}
.placeSellHistory .topBox .popClose:after {
	transform:rotate(-45deg);
}
.placeSellHistory .conBox .txt01 {
	margin:0 0 24px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	text-align: center;
	color: #FFF;
}
.placeSellHistory .conBox .lnk01 {
	display:block;
	padding:14px 14px 15px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	text-align: center;
}
.placeSellHistory .conBox .lnk01.st01 {
	background: #FF3200;
	color: #FFF;
}
.placeSellHistory .conBox .lnk01.st02 {
	background: #FFF;
	border: 1px solid #E0E0E0;
	color: #212121;
}
.placeSellHistory .conBox .lnk01 + .lnk01 {
	margin-top:12px;
}
/* 장소 정보 페이지 끝
------------------------------------------------------ */
/* 여행지 상세 시작
------------------------------------------------------ */
.travelInfoWr .tvInfoTopBox { 
	position:relative;
	margin:0 0 37px;
	padding:73.02% 0 0;
	font-size: 0;
	overflow: hidden;
}
.travelInfoWr .tvInfoTopBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.travelInfoWr .tvInfoNeedsBox { 
	margin:0 0 55px;
}
.travelInfoWr .tvInfoNeedsBox .inner { 
	overflow: hidden; 
}
.travelInfoWr .tvInfoNeedsBox .swiper-slide { 
	width: 61px;
}
.travelInfoWr .tvInfoNeedsBox .tvNeedsBtn { 
	display:block;
	text-align: center;
}
.travelInfoWr .tvInfoNeedsBox .tvNeedsBtn .btnIco { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 55px;
	height: 55px;
	margin:0 auto 9px;
	background: #FCF9FF;
	border:1px solid #EDE5F5;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	border-radius: 10px;
	font-size: 0;
	transition:all .3s ease;
}
.travelInfoWr .tvInfoNeedsBox .tvNeedsBtn .btnTxt01 { 
	display:block;
	font-weight: 500;
	font-size: 14px;
	color: #424242;
	word-break:break-all;
}
.travelInfoWr .tvInfoNeedsBox .tvNeedsBtn:focus .btnIco,
.travelInfoWr .tvInfoNeedsBox .tvNeedsBtn:hover .btnIco { 
	background: #F5E9FF;
	border-color:#FF3200;
}
/* 여행지 상세 끝
------------------------------------------------------ */
/* 차단회원 목록 시작
------------------------------------------------------ */
.blockListWr .blTit01 { 
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.blockListWr .blTit01 span { 
	color: #5D5FEF;
}
.blockListWr .blLst01 li { 
	display:flex;
	align-items:center;
	gap:12px;
	padding:20px 0 19px;
	border-bottom:1px solid #F0F0F0;
}
.blockListWr .blLst01 .lstImgBox01 { 
	flex-shrink:0;
	position:relative;
	width: 42px;
	height: 42px;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	overflow: hidden;
}
.blockListWr .blLst01 .lstImgBox01 img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.blockListWr .blLst01 .lstName01 { 
	flex-grow:1;
	min-width: 0;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.blockListWr .blLst01 .lstBtn01 { 
	flex-shrink:0;
	display:block;
	width: 56px;
	padding:7px 7px 6px;
	border:1px solid #F0F0F0;
	border-radius: 100px;
	font-size: 15px;
	color: #666;
}
.blockListWr .blLst01 .lstBtn01.on { 
	background:#FFE7E2;
	border-color:#FFE7E2;
	color: #E2502B;
}
/* 차단회원 목록 끝
------------------------------------------------------ */
/* 지역상세 시작
------------------------------------------------------ */
.wrapper.areaDetailWr { 
	padding-bottom:190px;
}
.areaDetailWr .thumbSwipeBox { 
	position:relative;
	margin:0 0 22px;
	overflow: hidden;
}
.areaDetailWr .thumbSwipe { 
	position:relative;
	padding:62.09% 0 0;
	font-size: 0;
	z-index: 1;
}
.areaDetailWr .thumbSwipe .swiper-wrapper { 
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.areaDetailWr .thumbSwipe .swiper-slide {
	border-radius: 15px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	overflow: hidden;
}
.areaDetailWr .thumbSwipe img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.areaDetailWr .thumbSwipe .per01 { 
	position:absolute;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 50px;
	height: 50px;
	top: 16px;
	right: 16px;
	background: #5D5FEF;
	border-radius: 50%;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.18px;
	color: #FFF;
	text-align: center;
}
.areaDetailWr .thumbSwipeNum { 
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:3px;
	width: 58px;
	height: 38px;
	bottom: 16px;
	right: 16px;
	background: rgba(33,33,33,.4);
	border-radius: 100px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.18px;
	color: #FFF;
	z-index: 2;
}
.areaDetailWr .adTopBox01 {
	margin:0 0 40px;
	padding:24px 20px 40px;
	background: #FFF;
	border-bottom:8px solid #EDEDED;
}
.areaDetailWr .adTopBox01 .infoBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 7px;
}
.areaDetailWr .adTopBox01 .cate01 { 
	font-size: 13px;
	letter-spacing: -.18px;
	color: #5D5FEF;
}
.areaDetailWr .adTopBox01 .place01 {
	position:relative;
	padding:0 0 0 21px;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #797979;
}
.areaDetailWr .adTopBox01 .place01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 13px;
	height: 16px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/areaDetailPlace01.svg) no-repeat center / cover;
}
.areaDetailWr .adTopBox01 .nameBox01 { 
	display:flex;
	align-items:flex-start;
	gap:8px; 
	margin:0 0 5px;
}
.areaDetailWr .adTopBox01 .name01 {
	flex-grow:1;
	min-width: 0;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: -.18px;
	color: #212121;
	word-break:break-all;
}
.areaDetailWr .adTopBox01 .btnZzim01 { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 24px;
	height: 24px;
}
.areaDetailWr .adTopBox01 .eng01 { 
	margin:0 0 7px;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #999;
	word-break:break-all;	
}
.areaDetailWr .adTopBox01 .score01 { 
	position:relative;
	margin:0 0 7px;
	padding:0 0 0 22px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #424242;
}
.areaDetailWr .adTopBox01 .score01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 2px;
	left: 0;
	background:url(/Form/_renew_vue/images/areaDetailScore01.svg) no-repeat center / cover;
}
.areaDetailWr .adTopBox01 .score01 span { 
	font-weight: 400;
	font-size: 13px;
	color: #797979;
}
.areaDetailWr .adTopBox01 .txt01 {
	font-size: 15px;
	line-height: 1.6;	
	letter-spacing: -.18px;
	color: #666;
	word-break:break-all;	
}
.areaDetailWr .adTopBox01 .btnBox01 { 
	display:flex;
	margin:0 0 38px;
	padding:39px 0 0;
	border-top:1px solid #F0F0F0;
}
.areaDetailWr .adTopBox01 .btnBox01 .btn { 
	display:block;
	width: 33.333%;
	text-align: center;
}
.areaDetailWr .adTopBox01 .btnBox01 .btn span { 
	display:block;
}
.areaDetailWr .adTopBox01 .btnBox01 .btnIco { 
	margin:0 0 10px;
	font-size: 0;
}
.areaDetailWr .adTopBox01 .btnBox01 .btnTxt01 { 
	font-size: 15px;
	color: #797979;
}
.areaDetailWr .adImgBnr01 {
	font-size: 0;
	overflow: hidden;
}
.areaDetailWr .adImgBnr01 .swiper-slide { 
	position:relative; 
	height: 96px;
	background: #E0E0E0;
	border-radius: 10px;
	overflow: hidden;
}
.areaDetailWr .adImgBnr01 .swiper-slide img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	object-fit: cover;
}
.areaDetailWr .adTit01 { 
	margin:0 0 13px;
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.areaDetailWr .adTopBox02 { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:0 0 22px;
}
.areaDetailWr .adTopBox02 .adTit01 { 
	margin:0;
}
.areaDetailWr .adTopBox02 .lnk01 { 
	position:relative; 
	display:block;
	padding:0 18px 0 0;
	font-weight: 500;
	font-size: 13px;
	transition:all .3s ease;
	color: #999;
}
.areaDetailWr .adTopBox02 .lnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 3px;
	right: 0;
	transform:rotate(45deg);
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.areaDetailWr .adTopBox02 .lnk01:focus,
.areaDetailWr .adTopBox02 .lnk01:hover { 
	color: #5D5FEF;
}
.areaDetailWr .adTopBox02 .lnk01:focus:after,
.areaDetailWr .adTopBox02 .lnk01:hover:after {
	border-color: #5D5FEF;
}
/* 쿠폰·바우처 영역 */
.areaDetailWr .adVoucherBox01 .voucherLst01 {
	display:flex;
	flex-direction:column;
	gap:12px;
	margin:0;
	padding:0;
	list-style:none;
}
.areaDetailWr .voucherCard01 {
	display:flex;
	align-items:center;
	gap:12px;
	padding:14px 14px;
	background:#FAFAFA;
	border:1px solid #EFEFEF;
	border-radius:14px;
}
.areaDetailWr .vImgBox01 {
	flex-shrink:0;
	width:54px;
	height:54px;
	border-radius:10px;
	overflow:hidden;
	background:#F0F0F0;
}
.areaDetailWr .vImgBox01 img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.areaDetailWr .vInfoBox01 {
	flex:1;
	min-width:0;
}
.areaDetailWr .vBrand01 {
	margin:0 0 3px;
	font-weight:600;
	font-size:14px;
	letter-spacing:-.2px;
	color:#212121;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.areaDetailWr .vDesc01 {
	margin:0;
	font-size:12px;
	letter-spacing:-.15px;
	color:#888;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.areaDetailWr .vDownBtn01 {
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:4px;
	min-width:52px;
	padding:8px 10px;
	background:#5D5FEF;
	border-radius:10px;
	text-decoration:none;
}
.areaDetailWr .vDownIco01 {
	display:block;
	width:16px;
	height:16px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 2v8M5 7l3 3 3-3M3 13h10' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}
.areaDetailWr .vDownTxt01 {
	font-weight:600;
	font-size:11px;
	letter-spacing:-.1px;
	color:#fff;
	white-space:nowrap;
}
.areaDetailWr .vDownBtn01:hover,
.areaDetailWr .vDownBtn01:focus {
	background:#4a4cd6;
}
.areaDetailWr .adFixBox01 { 
	position:fixed;
	width: 100%;
	max-width: 430px;
	bottom: 0;
	left: 50%;
	padding:16px 0 0;
	transform:translateX(-50%);
	z-index: 2;
}
.areaDetailWr .adBtmBox01 {
	padding:0 16px;
}
.areaDetailWr .adBtmBox01 .btn { 
	display:block; 
	width: 100%;
	margin:0 0 20px;
	padding:15px 10px;
	background: #5D5FEF;
	border-radius: 10px;
	font-weight: 700;	
	font-size: 15px;
	color: #FFF;
}
.areaDetailWr .adLineBox01 { 
	padding:40px 16px;
	border-bottom:8px solid #EDEDED;
}
.areaDetailWr .adLineBox01.stLast { 
	border-bottom:none;
}
.areaDetailWr .adMapBox01 .mapBox01 { 
	position:relative;
	margin:0 0 17px;
	background: #E0E0E0;
	border-radius: 15px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-size: 0;
	overflow: hidden;
}
/* Embed iframe 대체 지도(js/map-embed-replace.js) — 기존 iframe 기본 높이(150px)와 같은 자리 */
.areaDetailWr .adMapBox01 .mapBox01 .mapView {
	display:block;
	width: 100%;
	height: 150px;
	background: #E0E0E0;
}
.areaDetailWr .adMapBox01 .infoLst01 li { 
	position:relative;
	margin:0 0 15px;
	padding:0 0 0 29px;
}
.areaDetailWr .adMapBox01 .infoLst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.areaDetailWr .adMapBox01 .infoLst01 li.stAddr01:before { 
	background-image: url(/Form/_renew_vue/images/areaDetailInfo01_addr01.svg);
}
.areaDetailWr .adMapBox01 .infoLst01 li.stTime01:before { 
	background-image: url(/Form/_renew_vue/images/areaDetailInfo01_time01.svg);
}
.areaDetailWr .adMapBox01 .infoLst01 li.stCall01:before { 
	background-image: url(/Form/_renew_vue/images/areaDetailInfo01_call01.svg);
}
.areaDetailWr .adMapBox01 .infoLst01 li.stLnk01:before { 
	background-image: url(/Form/_renew_vue/images/areaDetailInfo01_lnk01.svg);
}
.areaDetailWr .adMapBox01 .infoLst01 li:last-child { 
	margin:0;
}
.areaDetailWr .adMapBox01 .infoLst01 .lstBtn01 { 
	display:block;
	font-size: 15px;
	line-height: 1.4;
	color: #424242;
	text-align: left;
	word-break:break-all;
}
.areaDetailWr .adMapBox01 .infoLst01 .lstBtn01:after { 
	content:"";
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle;
	width: 14px;
	height: 14px;
	margin:0 0 0 7px;
	background:url(/Form/_renew_vue/images/areaDetailCopy01.svg) no-repeat center / cover;
}
.areaDetailWr .adMapBox01 .infoLst01 .lstToggle01 { 
	position:relative;
	display:inline-block;
	padding:0 22px 0 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: -.18px;
	color: #5D5FEF;
}
.areaDetailWr .adMapBox01 .infoLst01 .lstToggle01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 3px;
	right: 0;
	border-bottom:1px solid #CDCDCD;
	border-right:1px solid #CDCDCD;
	transform:rotate(45deg);
	transition:all .3s ease;
}
.areaDetailWr .adMapBox01 .infoLst01 .lstToggle01.on:after { 
	top: 7px;
	transform:rotate(225deg);
}
.areaDetailWr .adMapBox01 .infoLst01 .lstToggleBox01 { 
	display:none;
	margin:13px 0 0;
}
.areaDetailWr .adMapBox01 .infoLst01 .lstInfoDl01 { 
	display:flex;
	align-items:flex-start;
	gap:10px;
	font-size: 15px;
}
.areaDetailWr .adMapBox01 .infoLst01 .lstInfoDl01 dt { 
	flex-shrink:0;
	width: 42px;
	color: #666;	
}
.areaDetailWr .adMapBox01 .infoLst01 .lstInfoDl01 dd { 
	font-weight: 500;
	color: #212121;
	word-break:break-all;
}
.areaDetailWr .adMapBox01 .infoLst01 .lstInfoDl01 + .lstInfoDl01 { 
	margin-top:12px;
}
.areaDetailWr .adMapBox01 .infoLst01 .lstTxt01 { 
	font-size: 14px;
	color: #424242;
	word-break:break-all;
}
.areaDetailWr .adMapBox01 .btnBox01 { 
	display:flex;
	gap:16px;
	margin:18px 0 0;
}
.areaDetailWr .adMapBox01 .btnBox01 .btn { 
	display:block;
	width: calc((100% - 16px)/2);
	padding:12px 10px 11px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	font-weight: 700;		
	font-size: 15px;
	text-align: center;
}
.areaDetailWr .adMapBox01 .btnBox01 .btn.st01 { 
	border-color:#F0F0F0;
	color: #999;
}
.areaDetailWr .adMapBox01 .btnBox01 .btn.st02 {
	background-color:#5D5FEF;
	border-color:#5D5FEF;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	color: #FFF;
}
.areaDetailWr .adMapBox01 .stAgodaBox {
	margin-top: 10px;
}
.areaDetailWr .adMapBox01 .stAgodaBox .btn.st03 {
	width: 100%;
	background-color: #E6350A;
	border-color: #E6350A;
	box-shadow: 0 1px 2px 0 rgba(141,141,141,.25);
	color: #FFF;
}
/* 아고다 팝업 */
.agodaSearchPop .comPopBox01 { border-radius: 16px 16px 0 0; }
.agodaSearchPop .topBox { display:flex; align-items:center; justify-content:space-between; padding:18px 20px 0; }
.agodaSearchPop .topBox .tit01 { font-size:17px; font-weight:700; color:#212121; }
.agodaSearchPop .topBox .btnClose { width:24px; height:24px; background:url(/Form/_renew_vue/images/comClose01.svg) no-repeat center/cover; }
.agodaSearchPop .conBox { padding:20px; }
.agodaSearchPop .agodaHotelName { font-size:15px; font-weight:600; color:#212121; margin:0 0 16px; }
.agodaSearchPop .agodaDateRow { display:flex; align-items:center; gap:8px; margin:0 0 18px; }
.agodaSearchPop .agodaDateBox { flex:1; }
.agodaSearchPop .agodaDateBox label { display:block; font-size:12px; color:#888; margin:0 0 4px; }
.agodaSearchPop .agodaDateBox input[type="date"] { width:100%; padding:10px 8px; border:1px solid #E0E0E0; border-radius:8px; font-size:14px; color:#212121; box-sizing:border-box; }
.agodaSearchPop .agodaDateArrow { font-size:18px; color:#bbb; flex-shrink:0; padding-top:18px; }
.agodaSearchPop .agodaGuestRow { display:flex; gap:16px; }
.agodaSearchPop .agodaGuestBox { flex:1; }
.agodaSearchPop .agodaGuestBox label { display:block; font-size:12px; color:#888; margin:0 0 8px; }
.agodaSearchPop .agodaCounter { display:flex; align-items:center; justify-content:space-between; border:1px solid #E0E0E0; border-radius:8px; overflow:hidden; }
.agodaSearchPop .agodaCounter button { width:40px; height:40px; font-size:20px; color:#5D5FEF; background:#fff; border:none; cursor:pointer; }
.agodaSearchPop .agodaCounter span { font-size:16px; font-weight:700; color:#212121; }
.agodaSearchPop .btmBox { display:flex; gap:10px; padding:0 20px 20px; }
.agodaSearchPop .btmBox .btn { flex:1; padding:14px; border-radius:10px; font-size:15px; font-weight:700; text-align:center; border:none; cursor:pointer; }
.agodaSearchPop .btmBox .btn.st05 { background:#F5F5F5; color:#666; }
.agodaSearchPop .btmBox .btn.st01 { background:#E6350A; color:#FFF; }
.areaDetailWr .adContentBox01 .swiper-slide {
	width: 162px;
}
.areaDetailWr .adContentBox01 .adCttSwipe .lnk01,
.areaDetailWr .adContentBox01 .adCttSwipe .lnk01 span { 
	display:block;
}
.areaDetailWr .adContentBox01 .adCttSwipe .lnk01 .lnkImgBox { 
	position:relative;
	margin:0 0 8px;
	padding:169% 0 0;
	border-radius: 15px;
	font-size: 0;
	overflow: hidden;
}
.areaDetailWr .adContentBox01 .adCttSwipe .lnk01 .lnkImgBox img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	object-fit: cover;
	transition:all .3s ease;
}																			   
.areaDetailWr .adContentBox01 .adCttSwipe .lnk01:focus .lnkImgBox img,
.areaDetailWr .adContentBox01 .adCttSwipe .lnk01:hover .lnkImgBox img {
	width: 120%;
	height: 120%;
}
/* 영상 컨텐츠 재생 배지(원 지름:박스폭=1:4 비율 — 사용자요청: 재생버튼 있는지 전체 확인) */
.areaDetailWr .adContentBox01 .adCttSwipe .lnk01 .lnkImgBox .svPlayIco{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:rgba(20,20,24,.42); box-shadow:0 4px 14px -4px rgba(0,0,0,.4); pointer-events:none; }
.areaDetailWr .adContentBox01 .adCttSwipe .lnk01 .lnkImgBox .svPlayIco svg{ width:26px; height:26px; margin-left:2px; }
.areaDetailWr .adContentBox01 .adCttSwipe .lnk01 .lnkTit01 { 
	margin:0 0 8px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.18px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.areaDetailWr .adContentBox01 .adCttSwipe .lnk01 .lnkSnsId {
	position:relative;
	padding:0 0 0 23px;
	font-size: 13px;
	color: #797979;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.areaDetailWr .adContentBox01 .adCttSwipe .lnk01 .lnkSnsId:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.areaDetailWr .adContentBox01 .adCttSwipe .lnk01 .lnkSnsId.stInst:before { 
	background-image: url(/Form/_renew_vue/images/areaDetailSns_instar01.svg);
}
.areaDetailWr .adReviewBox01 .swiper-slide { 
	width: 288px;
	padding:19px 19px 18px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.areaDetailWr .adReviewBox01 .adReviewSwipe .topBox { 
	position:relative;
	margin:0 0 11px;
	padding:0 0 0 55px;
	min-height: 42px;
}
.areaDetailWr .adReviewBox01 .adReviewSwipe .thumbBox01 { 
	position:absolute; 
	width: 42px;
	height: 42px;
	top: 0;
	left: 0;
	border-radius: 50%;
	overflow: hidden;
}
.areaDetailWr .adReviewBox01 .adReviewSwipe .thumbBox01 img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;	
}
.areaDetailWr .adReviewBox01 .adReviewSwipe .name01 { 
	margin:0 0 5px;
	font-weight: 700;
	font-size: 15px;
	color: #212121;
}
.areaDetailWr .adReviewBox01 .adReviewSwipe .date01 { 
	font-size: 12px;
	color: #797979;
}
.areaDetailWr .adReviewBox01 .adReviewSwipe .scoreBox01 { 
	display:flex;
	align-items:center;
	gap:6px;
	margin:0 0 12px;
}
.areaDetailWr .adReviewBox01 .adReviewSwipe .scoreBox01 .scoreImg { 
	display:block;
	width: 16px;
	font-size: 0;
}
.areaDetailWr .adReviewBox01 .adReviewSwipe .scoreBox01 .scoreImg img { 
	max-width: 100%;
}
.areaDetailWr .adReviewBox01 .adReviewSwipe .scoreBox01 .scoreNum01 { 
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #424242;
}
.areaDetailWr .adReviewBox01 .adReviewSwipe .txt01 { 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 63px;
	font-size: 13px;
	line-height: 1.6;
	color: #424242;
	word-break:break-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.areaDetailWr .adPlaceLst01 li { 
	margin:0 0 24px;
	padding:0 0 24px;
	border-bottom:1px solid #EDEDED;
}
.areaDetailWr .adPlaceLst01 li:last-child { 
	margin:0;
}
.areaDetailWr .adPlaceLst01 .lstLnk01 { 
	display:flex;
	gap:8px;
	width: 100%;
}
.areaDetailWr .adPlaceLst01 .lstLnk01 .lnkConBox {
	flex-grow:1;
	display:block;
	min-width: 0;
}
.areaDetailWr .adPlaceLst01 .lstLnk01 .lnkCate01 { 
	display:block;
	margin:0 0 4px;
	font-size: 13px;
	letter-spacing: -.18px;
	color: #5D5FEF;
}
.areaDetailWr .adPlaceLst01 .lstLnk01 .lnkTit01 { 
	display:block;
	margin:0 0 8px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.18px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.areaDetailWr .adPlaceLst01 .lstLnk01 .lnkTxt01 { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 37px;
	margin:0 0 10px;
	font-size: 14px;
	letter-spacing: -.18px;
	color: #666666;
	word-break:break-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.areaDetailWr .adPlaceLst01 .lstLnk01 .lnkScore { 
	position:relative;
	display:block;
	padding:0 0 0 25px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color:#424242;
}
.areaDetailWr .adPlaceLst01 .lstLnk01 .lnkScore:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 19px;
	height: 18px;
	top: 0;
	left: 0;
	background:url(/Form/_renew_vue/images/areaDetailScore01.svg) no-repeat center / cover;
}
.areaDetailWr .adPlaceLst01 .lstLnk01 .lnkScore span { 
	font-weight: 400;
	font-size: 13px;
	color: #797979;
}
.areaDetailWr .adPlaceLst01 .lstLnk01 .lnkImgBox { 
	flex-shrink:0;
	position:relative;
	display:block;
	width: 118px;
	height: 118px;
	border-radius: 15px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	overflow: hidden;
}
.areaDetailWr .adPlaceLst01 .lstLnk01 .lnkImgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: 1;
}
.areaDetailWr .adPlaceLst01 .lstLnk01 .lnkPer01 { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 40px;
	height: 40px;
	top: 10px;
	right: 10px;
	background: #5D5FEF;
	border-radius: 50%;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #FFF;
	text-align: center;
	z-index: 2;
}
.areaDetailWr .adBtnAdd01 { 
	display:block;
	width: 100%;
	margin:16px 0 0;
	padding:15px 10px;
	background: #5D5FEF;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
	color: #FFF;
}
.areaDetailWr .adBenefitBox01 {
	padding:13px 16px;
	background: #F7F7F7;
	text-align: center;
}
.areaDetailWr .adBenefitBox01 .txt01 { 
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.18px;
	color: #212121;
}
.areaDetailWr .adBenefitBox01 .txt01 span { 
	color: #5D5FEF;
}
/* 지역상세 끝
------------------------------------------------------ */
/* 현지에서 길 묻기 시작
------------------------------------------------------ */
/* 썸네일: 고정 크롭(원본 비율 그대로 두면 세로로 긴 구글 사진이 화면을 다 덮는다).
   placeDetail 배너는 62.09%지만 이 페이지는 사진이 주인공이 아니라 더 납작하게(사용자요청) */
.askWayWr .imgBox {
	position:relative;
	padding:45% 0 0;
	margin:0 0 24px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.25);
	font-size: 0;
	overflow:hidden;
}
.askWayWr .imgBox img {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	object-fit:cover;
}
.askWayWr .langLst01 { 
	margin:0 0 24px;
}
.askWayWr .langLst01 li { 
	margin:0 0 24px;
	padding:16px;
	background: #FDFAFF;
	border-radius: 10px;
}
.askWayWr .langLst01 li:last-child { 
	margin:0;
}
.askWayWr .langLst01 .lstTit01 { 
	font-size:14px;
	letter-spacing: -.3px;
	color: #666;
}
.askWayWr .langLst01 .lstTxt01 { 
	font-weight: 700;
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: -.3px;
	color: #212121;
}
.askWayWr .langLst01 .lstTxt01 span { 
	color: #FF3200;
}
.askWayWr .mapLnkBox { 
	text-align: center;
}
.askWayWr .mapLnkBox .lnk { 
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:4px;
	padding:12px 32px 10px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.askWayWr .mapLnkBox .lnk span { 
	display:block; 
}
.askWayWr .mapLnkBox .lnk .lnkIco { 
	font-size: 0; 
}
.askWayWr .mapLnkBox .lnk .lnkIco img { 
	max-width: 100%; 
}
.askWayWr .mapLnkBox .lnk .lnkTxt { 
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.3px;
	color: #797979;
}
/* 현지에서 길 묻기 끝
------------------------------------------------------ */
/* 로그인 이동 페이지 시작
------------------------------------------------------ */
.beforeLoginWr { 
	position:relative;
}
.beforeLoginWr .conBox { 
	position: absolute;
	width: 328px;
	max-width: calc(100% - 32px);
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	text-align: center;
}
.beforeLoginWr .imgBox { 
	margin:0 auto 13px;
	font-size: 0;
}
.beforeLoginWr .imgBox img { 
	max-width: 100%; 
}
.beforeLoginWr .txt01,
.beforeLoginWr .txt02 {
	letter-spacing: -.3px;
	color: #797979;	 
}
.beforeLoginWr .txt01 {
	margin:0 0 12px;
	font-weight: 700;
	font-size: 18px;
}
.beforeLoginWr .txt02 { 
	margin:0 0 14px;
	font-size:15px;
}
.beforeLoginWr .lnk { 
	display:block;
	padding:14px 14px 15px;
	background: #FF3200;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	text-align: center;
	color: #FFF;
}
/* 로그인 이동 페이지 끝
------------------------------------------------------ */
/* 로그인 시작
------------------------------------------------------ */
.loginWr { 
	height: 100dvh;
	min-height: 0;
	padding-bottom:0;
	background: url(/Form/_renew_vue/images/loginBg01.png) no-repeat; 
	background-size:cover;
	text-align: center;
}
.loginWr .subComWr {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height: 100%;
}
.loginWr .logoBox .imgBox { 
	margin:0 auto 20px;
	font-size: 0;
	animation: loginBounce01 1s infinite;
}
.loginWr .logoBox .imgBox img { 
	max-width: 100%; 
}
.loginWr .logoBox .txt01 { 
	margin:0 0 10px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -.3px;
	color: #5D5FEF;
}
.loginWr .logoBox .txt02 { 
	font-size: 15px; 
	letter-spacing: -.3px;
	color: #424242;
}
.loginWr .btmBox .btnKakao {
	position:relative; 
	display:block;
	width: 100%;
	margin:0 0 24px;
	padding:14px 40px 15px;
	border-radius: 10px;
	background: #FEE500 url(/Form/_renew_vue/images/loginKakao01.svg) no-repeat left 16px center;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	text-align: center;
	color: #181600;
}
.loginWr .btmBox .btnApple {
	position:relative;
	display:block;
	width: 100%;
	margin:0 0 24px;
	padding:14px 40px 15px;
	border-radius: 10px;
	background: #151515 url(/Form/_renew_vue/images/loginApple01.svg) no-repeat left 16px center;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	text-align: center;
	color: #FFF;
}
.loginWr .btmBox .lnk { 
	display:inline-block;
	font-size: 16px;	
	color: #212121;
}
@keyframes loginBounce01 {
    0%,to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }
    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}
/* 로그인 끝
------------------------------------------------------ */
/* 회원가입 시작
------------------------------------------------------ */
.joinWr .logoBox { 
	margin:0 0 37px;
	font-size: 0;
}
.joinWr .logoBox img { 
	max-width: 100%; 
}
.joinWr .tit01 { 
	margin:0 0 12px;
	font-weight: 700; 
	font-size: 18px;
	letter-spacing: -.3px;
	color: #212121;
}
.joinWr .txt01 { 
	font-size:15px;
	letter-spacing: -.3px;
	color: #666;
}
.joinWr .iptBox { 
	margin:12px 0 0;
	padding:17px 0 0;
	border-top:1px solid #EDEDED;
}
.joinWr .thumbBox { 
	position:relative;
	width: 120px;
	height: 120px;
	margin:0 auto 14px;
	font-size: 0;
}
.joinWr .thumbBox .imgBox { 
	position:relative; 
	width: 100%;
	height: 100%;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	font-size: 0;
}
.joinWr .thumbBox .imgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.joinWr .thumbBox .imgBox.noImg { 
	background: #FAFAFA url(/Form/_renew_vue/images/joinNoImg01.svg) no-repeat center center; 
}
.joinWr .thumbBox .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.joinWr .thumbBox .fileLbl { 
	position:absolute; 
	display:block; 
	bottom: 0;
	right: 0;
	font-size: 0;
}
.joinWr .iptTit01 { 
	margin:0 0 8px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.3px;
	color: #424242;
}
.joinWr * + .iptTit01 { 
	margin-top:14px;
}
.joinWr .ipt {
	padding:12px 15px 13px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size:14px;
	letter-spacing: -.3px;
	color: #424242;
}
.joinWr .ipt::placeholder { 
	color: #999; 
}
.joinWr .ipt.fullWid { 
	width: 100%; 
}
.joinWr .hasBtn { 
	display:flex;
	gap:10px;
}
.joinWr .hasBtn .ipt { 
	flex-grow:1; 
}
.joinWr .hasBtn .btn { 
	flex-shrink:0;
	display:block; 
	padding:13px 11px 11px;
	border:1px solid #FF3200;
	border-radius: 10px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
}
.joinWr .hasBtn .btn.st01 { 
	background: #FF3200;
	color: #FFF;
}
.joinWr .chkLst01 { 
	display:flex;
	gap:10px;
}
.joinWr .chkLst01 li { 
	position:relative; 
	width: calc((100% - 10px)/2); 
}
.joinWr .chkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.joinWr .chkLst01 .chkLbl { 
	display:block;	
	padding:13px 13px 12px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size:14px;
	letter-spacing: -.3px;
	text-align: center;
}
.joinWr .chkLst01 .chkIpt:checked + .chkLbl { 
	background: #F8F0FF;
	border-color:#FF3200;
	font-weight: 700;
	color: #FF3200;
}
.joinWr .termBox { 
	position:relative;
	margin:16px 0 0;
	padding:16px;
	background: #F8F0FF;
	border-radius: 10px;
}
.joinWr .termBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.joinWr .termBox .chkLbl { 
	position:relative; 
	display:block;
	padding:1px 0 0 32px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.3px;
	color: #212121;
}
.joinWr .termBox .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 21px;
	height: 21px;
	top: 0;
	left: 0;
	background: #EDEDED url(/Form/_renew_vue/images/comChk01.svg) no-repeat center center;
	border-radius: 5px;
}
.joinWr .termBox .chkLbl span { 
	font-weight: 700; 
	color: #FF3200;
}
.joinWr .termBox .chkIpt:checked + .chkLbl:before { 
	background-color: #FF3200;
}
.joinWr .btmBox {
	margin:32px 0 0;
}
.joinWr .btmBox .btn { 
	display:block; 
	width: 100%;
	padding:16px 16px 15px;
	background: #FF3200;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.3px;
	text-align: center;
	color: #FFF;
}
/* 회원가입 끝
------------------------------------------------------ */
/* 추천인 코드 시작
------------------------------------------------------ */
.reference01Wr { 
	padding-bottom:0;
}
.subComWr.referenceWr { 
	padding:0;
}
.referenceWr {
	position:relative; 
	display:flex;
	flex-direction:column;
	height: 100%;
	min-height: 0;
}
.referenceWr .referenceBox { 
	flex-grow:1;
	min-height: 0;
	padding:40px 16px;
}
.referenceWr .logo { 
	margin:0 0 37px;
	font-size: 0;
}
.referenceWr .logo img { 
	max-width: 100%; 
}
.referenceWr .txt01 { 
	margin:0 0 12px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -.3px;
	color: #212121;
}
.referenceWr .txt02 { 
	margin:0 0 14px;
	padding:0 0 12px;
	border-bottom:1px solid #EDEDED;
	font-size: 15px; 
	letter-spacing: -.3px;
	color: #666;
}
.referenceWr .iptTit01 { 
	display:block; 
	margin:0 0 8px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.3px;
	color: #424242;
}
.referenceWr .ipt { 
	width: 100%;
	padding:12px 15px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	letter-spacing: -.3px;
	color: #424242;
}
.referenceWr .ipt::placeholder { 
	color: #999; 
}
.referenceWr .btmBox {
	padding:16px;
}
.referenceWr .btmBox .btn { 
	display:block;
	width: 100%;
	padding:16px 16px 15px;
	background: #5D5FEF;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.3px;
	text-align: center;
	color: #FFF;
}
/* 추천인 코드 끝
------------------------------------------------------ */
/* 크리에이터 리스트 시작
------------------------------------------------------ */
.creatorListWr .creatorLst01 li { 
	display:flex;
	align-items:center;
	margin:0 0 20px;
	padding:20px 19px 17px;
	border:1px solid #F0F0F0;
	border-radius: 15px;
}
.creatorListWr .creatorLst01 li:last-child { 
	margin:0;
}
.creatorListWr .creatorLst01 .lstBtn01 { 
	flex-grow:1;
	display:block;
	min-width: 0;
	text-align: left;
}
.creatorListWr .creatorLst01 .lstBtn01 span { 
	position:relative;
	display:block;
	letter-spacing: -.18px;
}
.creatorListWr .creatorLst01 .lstSNS01 {
	margin:0 0 11px;
	padding:0 0 4px 30px;
	font-weight: 500;
	font-size: 16px;
	color: #424242;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.creatorListWr .creatorLst01 .lstSNS01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.creatorListWr .creatorLst01 .lstSNS01.stinstagram:before { 
	background-image: url(/Form/_renew_vue/images/creatorSns_inst01.svg);
}
.creatorListWr .creatorLst01 .lstSNS01.stblog:before { 
	background-image: url(/Form/_renew_vue/images/creatorSns_blog01.svg);
}
.creatorListWr .creatorLst01 .lstSNS01.sttiktok:before { 
	background-image: url(/Form/_renew_vue/images/creatorSns_tiktok01.svg);
}
.creatorListWr .creatorLst01 .lstView01 { 
	padding:0 0 0 22px;
	font-size: 13px;
	color: #666;
}
.creatorListWr .creatorLst01 .lstView01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 2px;
	left: 3px;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:9px solid #5D5FEF;
}
.creatorListWr .creatorLst01 .lstBtnSubs01 {
	flex-shrink:0;
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:3px;
	padding:7px 12px 6px;
	border:1px solid #F0F0F0;
	border-radius: 1000px;
	font-size: 13px;
	color: #666;
}
.creatorListWr .creatorLst01 .lstBtnSubs01 .btnTxt01 { 
	line-height: 1;
}
.creatorListWr .creatorLst01 .lstBtnSubs01.on { 
	background: #FAFAFA;
}
.creatorListWr .loadingBox01 { 
	padding:40px 0;
	text-align:center;
}
.creatorListWr .loadingBox01 span { 
	display:inline-block;
	width:24px;
	height:24px;
	border:3px solid #EEE;
	border-top-color:#5D5FEF;
	border-radius:50%;
	animation:spin01 .6s linear infinite;
}
/* 크리에이터 리스트 끝
------------------------------------------------------ */
/* 이벤트 리스트 시작
------------------------------------------------------ */
.eventWr { 
	height: 100vh;
	padding-bottom:0;
}
.eventWr header .setLnk01 {
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	top: 50%;
	right: 16px;
	margin:-12px 0 0;
}
.eventWr header .setLnk01 svg {
	width:22px;
	height:22px;
}
.eventWr .cateBox01 { 
	flex-shrink:0;
	display:flex;
	margin:17px 0 20px;
}
.eventWr .cateBox01 .btnCate {
	display:block;
	flex:1 1 0;
	width:auto;
	padding:0 0 8px;
	border-bottom:2px solid #EDEDED;
	font-weight: 500;
	font-size: 18px;
	color: #999;
}
.eventWr .cateBox01 .btnCate.on {
	border-bottom-color:#17181D;
	font-weight: 700;
	color: #17181D;
}
.eventWr .cateBox02 {
	flex-shrink:0;
	margin:0 0 18px;
	padding:0 16px;
	overflow: hidden;
	position: relative;
}
/* 2차 칩 우측 '>' — schedule05 지도 하단 카테고리칩과 동일한 뿌연 그라데이션 페이드(사용자요청) */
.eventWr .cateBox02 .cateMore02 { position:absolute; top:0; right:0; bottom:0; width:44px; z-index:2; display:flex; align-items:center; justify-content:flex-end; padding-right:14px; border:0; background:linear-gradient(90deg, rgba(255,255,255,0), #fff 62%); cursor:pointer; }
.eventWr .cateBox02 .cateMore02 .cmChev { width:8px; height:8px; border-right:2px solid #9aa0aa; border-bottom:2px solid #9aa0aa; transform:rotate(-45deg); }
.eventWr .cateBox02 .swiper-slide { 
	width: auto;
}
.eventWr .cateBox02 .btnCate {
	display:flex;
	align-items:center;
	justify-content:center;
	min-width: 88px;
	height: 100%;
	padding:9.5px 7px;
	border:0;
	border-radius: 1000px;
	background:#F1F2F4;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.03em;
	color: #5B606B;
}
.eventWr .cateBox02 .btnCate.on {
	background: #17181D;
	color: #FFF;
}
.eventWr .eventTit01 {
	margin:0 0 18px;
	padding:0 16px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.18px;
	color: #212121;
}
.eventWr .lst01 {
	padding:0 16px;
}
.eventWr .lst01 li { 
	margin:0 0 20px;
}
.eventWr .lst01 li:last-child { 
	margin:0;
}
.eventWr .lst01 .lstLnk01 { 
	position:relative;
	display:block;
	padding:13px 130px 13px 16px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	transition:all .3s ease;
}
.eventWr .lst01 .lstLnk01 .lstCate01 { 
	display:block;
	margin:0 0 12px;
	font-size: 13px;
	letter-spacing: -.03em;
	color: #424242;
}
.eventWr .lst01 .lstLnk01 .lstStit01 {
	display:block;
	margin:0 0 6px;
	font-size: 14px;
	letter-spacing: -.03em;
	color: #424242;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.eventWr .lst01 .lstLnk01 .lstTit01 { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 47px;
	margin:0 0 14px;
	font-size: 18px;
	letter-spacing: -.03em;
	color: #424242;
	text-overflow: ellipsis;
	overflow: hidden;
}
.eventWr .lst01 .lstLnk01 .lstDate01 {
	display:block;
	font-size: 13px;
	letter-spacing: -.03em;
	color: #424242;
}
.eventWr .lst01 .lstLnk01 .lstImgBox {
	position:absolute;
	display:block;
	width: 100px;
	height: 100px;
	top: 28px;
	right: 15px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	overflow: hidden;
}
.eventWr .lst01 .lstLnk01 .lstImgBox img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.eventWr .lst01 .lstLnk01 .lstImgBox.noImg { 
	background:#F2F2F2 url(/Form/_renew_vue/images/comNoImg01.svg) no-repeat center;
}
.eventWr .lst01 .lstLnk01 .lstImgBox.noImg img { 
	display:none;
}
.eventWr .lst01 .lstLnk01:focus,
.eventWr .lst01 .lstLnk01:hover,
.eventWr .lst01 .lstLnk01:active {
	border-color:#BCBCC6;   /* 호버/클릭 테두리 = 앱 표준 회색(사용자확정 — 검정 금지) */
}
.eventWr .lstObserve { 
	height: 1px;
}
/* 이벤트 리스트 끝
------------------------------------------------------ */
/* 이벤트 상세 시작
------------------------------------------------------ */
.eventDetailWr .eventDtlBox01 { 
	word-break:break-all;
}
/* 이벤트 상세 시작
------------------------------------------------------ */
/* 이벤트 알림 설정 시작
------------------------------------------------------ */
.eventSetWr .depthLst01 > li {
	border-bottom:1px solid #F0F0F0;
}
.eventSetWr .depthLst01 .btnDepth01 { 
	display:flex;
	align-items:center;
	gap:8px;
	width: 100%;
	padding:19px 16px;
	text-align: left;
}
.eventSetWr .depthLst01 .btnDepth01 .btnTxt01 { 
	flex-grow:1;
	display:block;
	min-width: 0;
	font-weight: 500;
	font-size: 16px;
	color: #212121;
}
.eventSetWr .depthLst01 .btnDepth02 { 
	display:flex;
	align-items:center;
	gap:8px;
	width: 100%;
	text-align: left;
}
.eventSetWr .depthLst01 .btnDepth02 .btnTxt01 { 
	flex-grow:1;
	display:block;
	min-width: 0;
	font-size: 14px;
	color: #212121;
}
.eventSetWr .depthLst01 .depth2Box01 { 
	display:none;
	height: 0;
	background: #FAFAFA;
	transition:height .3s ease;
	overflow: hidden;
}
.eventSetWr .depthLst01 .depth2Lst01 { 
	padding:16px;
}
.eventSetWr .depthLst01 .depth2Lst01 li { 
	margin:0 0 16px;
}
.eventSetWr .depthLst01 .depth2Lst01 li:last-child { 
	margin:0;
}
.eventSetWr .depthLst01 .btnToggle { 
	flex-shrink:0;
	position:relative;
	display:block;
	width: 40px;
	height: 24px;
	background: #CDCDCD;
	border-radius: 30px;
	transition:all .3s ease;
}
.eventSetWr .depthLst01 .btnToggle span {
	position:absolute; 
	display:block; 
	width: 20px;
	height: 20px;
	top: 2px;
	left: 2px;
	background: #FFF;
	border-radius: 50%;
	transition:all .3s ease;
}
.eventSetWr .depthLst01 .on .btnToggle { 
	background: #5D5FEF;
}
.eventSetWr .depthLst01 .on .btnToggle span { 
	left: 18px;
}
/* 이벤트 알림 설정 끝
------------------------------------------------------ */
/* 쿠폰바우처 시작
------------------------------------------------------ */
.couponVoucherWr .cateBox01 {
	flex-shrink:0;
	display:flex;
	margin:17px -16px 20px;
}
.couponVoucherWr .cateBox01 .btnCate {
	flex:1;
	display:block;
	padding:0 0 14px;
	border-bottom:2px solid transparent;
	font-size: 15px;
	text-align:center;
	color: #999;
}
.couponVoucherWr .cateBox01 .btnCate.on {
	border-bottom-color:#5D5FEF;
	font-weight: 700;
	color: #5D5FEF;
}
.couponVoucherWr .cateBox02 {
	flex-shrink:0;
	overflow: hidden;
	margin:0 -16px 18px;
	padding:0 16px;
}
.couponVoucherWr .cateBox02 .swiper-slide {
	width: auto;
}
.couponVoucherWr .cateBox02 .btnCate {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:7px 14px;
	border:1px solid #DDD;
	border-radius:50px;
	font-size: 13px;
	color: #424242;
	white-space: nowrap;
}
.couponVoucherWr .cateBox02 .btnCate.on {
	background: #5D5FEF;
	border-color: #5D5FEF;
	font-weight: 700;
	color: #FFF;
}
.couponVoucherWr .cvLstTopBox {
	margin:0 0 18px;
}
.couponVoucherWr .cvLstTopBox .tit01 { 
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.18px;
	color: #212121;
}
.couponVoucherWr .cvLst01 li { 
	display:flex;
	margin:0 0 12px;
}
.couponVoucherWr .cvLst01 li:last-child { 
	margin:0;
}
.couponVoucherWr .cvLst01 .lstConBox {
	flex-grow:1;
	display:flex;
	align-items:center;
	gap:20px;
	min-width: 0;
	padding:12px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	cursor:pointer;
}
.couponVoucherWr .cvLst01 .lstImgBox {
	flex-shrink:0;
	position:relative;
	width: 72px;
	height: 72px;
	border-radius: 9px;
	overflow: hidden;
}
.couponVoucherWr .cvLst01 .lstImgBox img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.couponVoucherWr .cvLst01 .lstImgBox.noImg { 
	background:#F2F2F2 url(/Form/_renew_vue/images/comNoImg01.svg) no-repeat center / 50px auto;
}
.couponVoucherWr .cvLst01 .lstImgBox.noImg img { 
	display:none;
}
.couponVoucherWr .cvLst01 .lstTxtBox { 
	flex-grow:1;
	min-width: 0;
}
.couponVoucherWr .cvLst01 .lstTit01,
.couponVoucherWr .cvLst01 .lstTit02,
.couponVoucherWr .cvLst01 .lstTxt01 { 
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.couponVoucherWr .cvLst01 .lstTit01 {
	margin:0 0 6px;
	font-size: 13px;
	letter-spacing: -.03em;
	color: #424242;
}
.couponVoucherWr .cvLst01 .lstTit02 {
	margin:0 0 6px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.03em;
	color: #424242;
}
.couponVoucherWr .cvLst01 .lstTxt01 {
	font-size: 13px;
	letter-spacing: -.03em;
	color: #424242;
}
.couponVoucherWr .cvLst01 .lnkDown,
.couponVoucherWr .cvLst01 .downAfterBox {
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 68px;
	border-radius: 10px;
	text-align: center;
}
.couponVoucherWr .cvLst01 .lnkDown .lnkIco,
.couponVoucherWr .cvLst01 .downAfterBox .imgBox { 
	margin:0 0 10px;
	font-size: 0;
}
.couponVoucherWr .cvLst01 .lnkDown .lnkTxt01,
.couponVoucherWr .cvLst01 .downAfterBox .txt01 { 
	font-size: 12px;
	letter-spacing: -.03em;
}
.couponVoucherWr .cvLst01 .lnkDown { 
	background: #212121;
}
.couponVoucherWr .cvLst01 .lnkDown span { 
	display:block;
}
.couponVoucherWr .cvLst01 .lnkDown .lnkTxt01 { 
	color: #FFF;
}
.couponVoucherWr .cvLst01 .downAfterBox { 
	background: #F7F7F7;
}
.couponVoucherWr .cvLst01 .downAfterBox .txt01 { 
	color: #666;
}
.couponVoucherWr .lstObserve { 
	height: 1px;
}
/* 쿠폰 정보 팝업 */
.couponVoucherWr .cpInfoPop {
	position:fixed;
	top:0;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;
	z-index:1000;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px;
	background:rgba(0,0,0,.6);
}
.couponVoucherWr .cpInfoInner {
	position:relative;
	width:100%;
	max-width:320px;
	padding:24px 20px 20px;
	background:#fff;
	border-radius:14px;
	text-align:center;
}
.couponVoucherWr .cpInfoClose {
	position:absolute;
	top:10px;
	right:12px;
	width:28px;
	height:28px;
	background:none;
	font-size:18px;
	line-height:1;
	color:#999;
}
.couponVoucherWr .cpInfoImg {
	width:72px;
	height:72px;
	margin:0 auto 14px;
	border-radius:10px;
	overflow:hidden;
	font-size:0;
}
.couponVoucherWr .cpInfoImg img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.couponVoucherWr .cpInfoBrand {
	font-size:13px;
	color:#888;
	margin:0 0 4px;
}
.couponVoucherWr .cpInfoTit {
	font-weight:500;
	font-size:16px;
	color:#424242;
	margin:0 0 10px;
}
.couponVoucherWr .cpInfoDesc {
	font-size:14px;
	line-height:1.45;
	color:#424242;
	margin:0 0 20px;
	word-break:break-all;
}
.couponVoucherWr .cpInfoExpire {
	display:inline-block;
	margin:0 0 16px;
	padding:7px 12px;
	border-radius:8px;
	background:#F2F2F2;
	font-size:13px;
}
.couponVoucherWr .cpInfoExpire .expLabel {
	font-weight:500;
	color:#333;
}
.couponVoucherWr .cpInfoExpire .expDate {
	font-weight:600;
	color:#E53935;
}
.couponVoucherWr .cpInfoMapBtn {
	display:block;
	width:100%;
	padding:14px 10px;
	background:#5D5FEF;
	border-radius:10px;
	font-weight:700;
	font-size:15px;
	color:#fff;
}
/* 쿠폰바우처 끝
------------------------------------------------------ */
/* 쿠폰 상세 시작
------------------------------------------------------ */
.couponDetailWr .cpDtlBox01 { 
	padding:20px 16px;
}
.couponDetailWr .cpDtlBox01 + .cpDtlBox01 { 
	border-top:8px solid #EDEDED;
}
.couponDetailWr .cpDtlImgBox01 { 
	margin:0 0 19px;
	border-radius: 9px;
	font-size: 0;
	overflow: hidden;
}
.couponDetailWr .cpDtlImgBox01 img { 
	width: 100%;
}
.couponDetailWr .cpDtlCate01,
.couponDetailWr .cpDtlTit01,
.couponDetailWr .cpDtlTxt01 { 
	word-break:break-all;
}
.couponDetailWr .cpDtlCate01 {
	margin:0 0 6px;
	font-size: 12px;
	letter-spacing: -.03em;
	color: #5D5FEF;
	display:flex;
	align-items:center;
	gap:4px;
	flex-wrap:wrap;
}
.couponDetailWr .cpCateTop {
	display:inline-block;
}
.couponDetailWr .cpCateSub::before {
	content:'›';
	margin-right:4px;
	color:#aaa;
}
.couponDetailWr .cpDtlBrand01 {
	margin:0 0 9px;
	font-size: 13px;
	letter-spacing: -.03em;
	color: #888;
}
.couponDetailWr .cpDtlTit01 { 
	margin:0 0 13px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.03em;
	color: #424242;
}
.couponDetailWr .cpDtlTxt01 { 
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: -.03em;
	color: #424242;
}
.couponDetailWr .cpDtlDl01 { 
	padding:21px 23px 23px;
	border:1px solid #F0F0F0;
	border-radius: 15px;
}
.couponDetailWr .cpDtlDl01 dt { 
	margin:0 0 10px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.03em;
	color: #212121;
}
.couponDetailWr .cpDtlDl01 dd { 
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: -.03em;
	color: #424242;
	word-break:break-all;
}
.couponDetailWr .cpDtlDl01 + .cpDtlDl01 { 
	margin-top:20px;
}
.couponDetailWr .cpDtlBtmBox { 
	position:fixed;
	width: 430px;
	max-width: 100%;
	bottom: 0;
	left: 50%;
	padding:16px;
	transform:translateX(-50%);
	background: #FFF;
	border-top:1px solid #F0F0F0;
	z-index: 1;
}
.couponDetailWr .cpDtlBtmBox .btn {
	display:block;
	width: 100%;
	padding:15px 10px 14px;
	background: #5D5FEF;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #FFF;
}
/* 로고 좌상단 + 정보 */
.couponDetailWr .cpDtlHead01 {
	display:flex;
	align-items:center;
	gap:12px;
	margin:0 0 16px;
}
.couponDetailWr .cpDtlLogo01 {
	flex-shrink:0;
	width:56px;
	height:56px;
	border-radius:9px;
	overflow:hidden;
	font-size:0;
	border:1px solid #F0F0F0;
}
.couponDetailWr .cpDtlLogo01 img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.couponDetailWr .cpDtlInfo01 {
	flex:1;
	min-width:0;
}
.couponDetailWr .cpDtlHead01 .cpDtlCate01,
.couponDetailWr .cpDtlHead01 .cpDtlBrand01,
.couponDetailWr .cpDtlHead01 .cpDtlTit01 {
	margin-bottom:4px;
}
.couponDetailWr .cpDtlHead01 .cpDtlTit01 {
	margin-bottom:0;
}
/* 바코드 쿠폰 이미지 */
.couponDetailWr .cpDtlBarcode01 {
	margin:20px 0 0;
	border:1px solid #F0F0F0;
	border-radius:9px;
	overflow:hidden;
	font-size:0;
}
.couponDetailWr .cpDtlBarcode01 img {
	width:100%;
}
/* 쿠폰 상세 끝
------------------------------------------------------ */
/* 내 쿠폰함 시작
------------------------------------------------------ */
.myCouponWr .cateBox01 {
	flex-shrink:0;
	display:flex;
	margin:17px -16px 20px;
}
.myCouponWr .cateBox01 .btnCate {
	flex:1;
	display:block;
	padding:0 0 14px;
	border-bottom:2px solid transparent;
	font-size: 15px;
	text-align:center;
	color: #999;
}
.myCouponWr .cateBox01 .btnCate.on {
	border-bottom-color:#5D5FEF;
	font-weight: 700;
	color: #5D5FEF;
}
.myCouponWr .cvLstTopBox {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin:0 0 18px;
}
.myCouponWr .cvLstTit01 {
	font-size:14px;
	color:#666;
}
/* 내 쿠폰함 편집모드 */
.myCouponWr .cvLstChkBox01,
.myCouponWr .cvLstChkBox02 {
	position:relative;
}
.myCouponWr .cvLstChkBox01 .chkIpt,
.myCouponWr .cvLstChkBox02 .chkIpt {
	position:absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.myCouponWr .cvLstChkBox01 .chkLbl {
	position:relative;
	display:block;
	padding:0 0 0 32px;
	font-size: 14px;
	letter-spacing: 0;
	color: #364153;
}
.myCouponWr .cvLstChkBox01 .chkLbl:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: -2px;
	left: 0;
	border:2px solid #D1D5DC;
	border-radius: 50%;
}
.myCouponWr .cvLstChkBox01 .chkIpt:checked + .chkLbl:before {
	background: #5D5FEF url(/Form/_renew_vue/images/editTravelChk01.svg) no-repeat top 6px center;
	border-color: #5D5FEF;
}
.myCouponWr .cvLstChkBox02 {
	flex-shrink:0;
}
.myCouponWr .cvLstChkBox02 .chkLbl {
	display:block;
	width: 24px;
	height: 24px;
	border:2px solid #D1D5DC;
	border-radius: 50%;
}
.myCouponWr .cvLstChkBox02 .chkIpt:checked + .chkLbl {
	background: #5D5FEF url(/Form/_renew_vue/images/editTravelChk01.svg) no-repeat top 6px center;
	border-color: #5D5FEF;
}
.myCouponWr .cvLstTopLnk01 {
	display:block;
	padding:6px 12px 5px;
	background: transparent;
	font-size: 13px;
	color: #999;
	transition:all .3s ease;
}
.myCouponWr .cpLst01 li.editing {
	align-items:center;
	gap:12px;
}
.myCouponWr .cpDragHandle {
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 40px;
	align-self:stretch;
	background:none;
	cursor:grab;
	touch-action:none;
}
.myCouponWr .cpDragHandle:active {
	cursor:grabbing;
}
/* 바코드 팝업 */
.myCouponWr .cpBarcodePop {
	position:fixed;
	top:0;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;
	z-index:1000;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px;
	background:rgba(0,0,0,.6);
}
.myCouponWr .cpBarcodeInner {
	position:relative;
	width:100%;
	max-width:400px;
	padding:16px;
	background:#fff;
	border-radius:12px;
}
.myCouponWr .cpBarcodeInner img {
	display:block;
	width:100%;
	border-radius:8px;
}
.myCouponWr .cpBarcodeClose {
	position:absolute;
	top:-42px;
	right:0;
	width:32px;
	height:32px;
	background:none;
	font-size:24px;
	line-height:1;
	color:#fff;
}
.myCouponWr .cvBtmBox01 {
	position: fixed;
	display: flex;
	gap:10px;
	width: 100%;
	max-width: 430px;
	bottom: 0;
	margin: 0 auto;
	padding:16px;
	background: #FFF;
	border-top:1px solid #EDEDED;
	z-index: 11;
}
.myCouponWr .cvBtmBox01 .btn {
	flex:1;
	display:block;
	padding:16px 10px 15px;
	background: #5D5FEF;
	border-radius: 12px;
	box-shadow:0 1px 2px 0 rgba(189,189,189,.25);
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #FFF;
}
.myCouponWr .cvBtmBox01 .btn:disabled {
	background: #DBDBDB;
	color: #666;
}
.myCouponWr .cvBtmBox01 .btnDone {
	flex:1;
	padding:16px 10px 15px;
	background:#5D5FEF;
	border-radius:12px;
	box-shadow:0 1px 2px 0 rgba(189,189,189,.25);
	font-weight:700;
	font-size:15px;
	text-align:center;
	color:#fff;
}
.myCouponWr .cateBox02 {
	flex-shrink:0;
	overflow: hidden;
	margin:0 -16px 18px;
	padding:0 16px;
}
.myCouponWr .cateBox02 .swiper-slide {
	width: auto;
}
.myCouponWr .cateBox02 .btnCate {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:7px 14px;
	border:1px solid #DDD;
	border-radius:50px;
	font-size: 13px;
	color: #424242;
	white-space: nowrap;
}
.myCouponWr .cateBox02 .btnCate.on {
	background: #5D5FEF;
	border-color: #5D5FEF;
	font-weight: 700;
	color: #FFF;
}
.myCouponWr .cpLst01 li {
	display:flex;
	margin:0 0 12px;
}
.myCouponWr .cpLst01 li:last-child { 
	margin:0;
}
.myCouponWr .cpLst01 .lstConBox { 
	flex-grow:1;
	display:flex;
	align-items:center;
	gap:20px;
	min-width: 0;
	padding:12px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.myCouponWr .cpLst01 .lstImgBox {
	flex-shrink:0;
	position:relative;
	width: 60px;
	height: 60px;
	border-radius: 9px;
	overflow: hidden;
}
.myCouponWr .cpLst01 .lstImgBox img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.myCouponWr .cpLst01 .lstTxtBox { 
	flex-grow:1;
	min-width: 0;
}
.myCouponWr .cpLst01 .lstTit01,
.myCouponWr .cpLst01 .lstTit02,
.myCouponWr .cpLst01 .lstTxt01 { 
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.myCouponWr .cpLst01 .lstTit01 {
	margin:0 0 6px;
	font-size: 13px;
	letter-spacing: -.03em;
	color: #424242;
}
.myCouponWr .cpLst01 .lstTit02 {
	margin:0 0 6px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.03em;
	color: #424242;
}
.myCouponWr .cpLst01 .lstTxt01 { 
	font-size: 13px;
	letter-spacing: -.03em;
	color: #424242;
}
.myCouponWr .cpLst01 .lstCountBox {
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 68px;
	border:1px solid #F0F0F0;
	border-left:none;
	border-radius: 10px;
	text-align: center;
}
.myCouponWr .cpLst01 .lstCount01 { 
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.03em;
	color: #5D5FEF;
}
.myCouponWr .cpLst01 .lnkDown {
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 68px;
	border-radius: 10px;
	text-align: center;
	background: #212121;
}
.myCouponWr .cpLst01 .lnkDown span {
	display:block;
}
.myCouponWr .cpLst01 .lnkDown .lnkIco {
	margin:0 0 10px;
	font-size: 0;
}
.myCouponWr .cpLst01 .lnkDown .lnkTxt01 {
	font-size: 12px;
	letter-spacing: -.03em;
	color: #FFF;
}
.myCouponWr .lstObserve {
	height: 1px;
}
/* 쿠폰 정보 팝업 */
.myCouponWr .cpInfoPop {
	position:fixed;
	top:0;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;
	z-index:1000;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px;
	background:rgba(0,0,0,.6);
}
.myCouponWr .cpInfoInner {
	position:relative;
	width:100%;
	max-width:320px;
	padding:24px 20px 22px;
	background:#fff;
	border-radius:14px;
	text-align:center;
}
.myCouponWr .cpInfoClose {
	position:absolute;
	top:10px;
	right:12px;
	width:28px;
	height:28px;
	background:none;
	font-size:18px;
	line-height:1;
	color:#999;
}
.myCouponWr .cpInfoImg {
	width:72px;
	height:72px;
	margin:0 auto 14px;
	border-radius:10px;
	overflow:hidden;
	font-size:0;
}
.myCouponWr .cpInfoImg img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.myCouponWr .cpInfoBrand {
	font-size:13px;
	color:#888;
	margin:0 0 4px;
}
.myCouponWr .cpInfoTit {
	font-weight:500;
	font-size:16px;
	color:#424242;
	margin:0 0 10px;
}
.myCouponWr .cpInfoDesc {
	font-size:14px;
	line-height:1.45;
	color:#424242;
	word-break:break-all;
}
.myCouponWr .cpInfoExpire {
	display:inline-block;
	margin:16px 0;
	padding:7px 12px;
	border-radius:8px;
	background:#F2F2F2;
	font-size:13px;
}
.myCouponWr .cpInfoExpire .expLabel {
	font-weight:500;
	color:#333;
}
.myCouponWr .cpInfoExpire .expDate {
	font-weight:600;
	color:#E53935;
}
.myCouponWr .cpInfoMapBtn {
	display:block;
	width:100%;
	padding:14px 10px;
	background:#5D5FEF;
	border-radius:10px;
	font-weight:700;
	font-size:15px;
	color:#fff;
}
/* 내 쿠폰함 끝
------------------------------------------------------ */
/* 항공권 예약(땡처리 항공, 급락 항공) 시작
------------------------------------------------------ */
.flightComWr .flightAlarm01 { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 20px;
	height: 20px;
	top: 50%;
	right: 18px;
	margin:-10px 0 0;
}
.flightComWr .flightTopBox01 { 
	padding:67px 20px 40px;
	border-bottom:8px solid #F6F6F6;
}
.flightComWr .flightLnkBox01 { 
	position:fixed;
	display:flex;
	width: 398px;
	max-width: calc(100% - 40px);
	top: 0;
	left: 50%;
	transform:translateX(-50%);
	z-index: 1;
}
.flightComWr .flightLnkBox01 .lnk01 { 
	display:block; 
	width: 50%;
	padding:12px 0 8px;
	background: #FFF;
	border-bottom:2px solid #EDEDED;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: #999;
}
.flightComWr .flightLnkBox01 .lnk01.on { 
	border-bottom-color:#5D5FEF;
	color:#5D5FEF;
}
.flightComWr .flightSchBox01 .tit01 { 
	margin:0 0 12px;
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 0;
	color: #212121;
}
.flightComWr .flightSchBox01 .ipt {
	padding:14px 13px 13px;
	background: #F2F2F2;
	border-radius: 5px;
	font-size: 14px;
	letter-spacing: 0;
	color: #212121;
	text-align: left;
}
.flightComWr .flightSchBox01 .ipt::placeholder { 
	color: #777;
}
.flightComWr .flightSchBox01 select.ipt { 
	padding-right:30px;
	appearance: none;
	background-image: url(/Form/_renew_vue/images/flightSchSel01.svg);
	background-repeat:no-repeat;
	background-position:center right 14px;
}
.flightComWr .flightSchBox01 .iptBox01 {
	position:relative;
}
.flightComWr .flightSchBox01 .iptBox01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 13px;
	left: 11px;
	background-repeat:no-repeat;
	background-size:cover;
}
.flightComWr .flightSchBox01 .iptBox01.stStart01:before { 
	background-image: url(/Form/_renew_vue/images/flightSch01_start01.svg);
}
.flightComWr .flightSchBox01 .iptBox01.stArrive01:before { 
	background-image: url(/Form/_renew_vue/images/flightSch01_arrive01.svg);
}
.flightComWr .flightSchBox01 .iptBox01.stDate01:before { 
	background-image: url(/Form/_renew_vue/images/flightSch01_date01.svg);
}
.flightComWr .flightSchBox01 .iptBox01 .ipt { 
	width: 100%;
	padding-left:37px;
}
.flightComWr .flightSchBox01 .areaBox01 { 
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 8px;
}
.flightComWr .flightSchBox01 .areaBox01 .iptBox01 { 
	width: calc((100% - 48px)/2);
}
.flightComWr .flightSchBox01 .areaBox01 .areaIco { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 32px;
	height: 32px;
	border:1px solid #EDEDED;
	border-radius: 50%;
}
.flightComWr .flightSchBox01 .dateBox01 { 
	position:relative;
	display:flex;
	gap:8px;
}
.flightComWr .flightSchBox01 .dateBox01 .slide-enter-active,
.flightComWr .flightSchBox01 .dateBox01 .slide-leave-active {
	transition: opacity .25s ease;
}
.flightComWr .flightSchBox01 .dateBox01 .slide-enter-from,
.flightComWr .flightSchBox01 .dateBox01 .slide-leave-to {
	opacity: 0;
}
.flightComWr .flightSchBox01 .dateBox01 .slide-enter-to,
.flightComWr .flightSchBox01 .dateBox01 .slide-leave-from {
	opacity: 1;
}
.flightComWr .flightSchBox01 .dateBox01 .iptBox01 { 
	width: calc((100% - 8px)/2);
}
.flightComWr .flightSchBox01 .hidCalBox01 { 
	position:absolute;
	width: 100%;
	top: calc(100% + 8px);
	left: 0;
	padding:12px 11px 15px;
	border:1px solid #C9C9C9;
	border-radius: 10px;
	background: #FFF;
	z-index: 2;
}
.flightComWr .flightSchBox01 .hidCalBox01 .calTopBox01 { 
	position:relative;
	margin:0 0 20px;
	padding:0 20px;
}
.flightComWr .flightSchBox01 .hidCalBox01 .hidCarArrow { 
	position:absolute; 
	display:block;
	width: 18px;
	height: 18px;
	top: 50%;
	margin: -9px 0 0;
}
.flightComWr .flightSchBox01 .hidCalBox01 .hidCarArrow:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 50%;
	left: 50%;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
}
.flightComWr .flightSchBox01 .hidCalBox01 .hidCarArrow.stPrev { 
	left: 0;
}
.flightComWr .flightSchBox01 .hidCalBox01 .hidCarArrow.stPrev:before { 
	margin:-6px 0 0 -4px;
	border-right:8px solid #777;
}
.flightComWr .flightSchBox01 .hidCalBox01 .hidCarArrow.stNext { 
	right: 0;
}
.flightComWr .flightSchBox01 .hidCalBox01 .hidCarArrow.stNext:before { 
	margin:-6px 0 0 -3px;
	border-left:8px solid #777;
}
.flightComWr .flightSchBox01 .hidCalBox01 .hidCalTit01 { 
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
	color: #212121;
}
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 td { 
	position:relative;
}
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 td.stStart:before,
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 td.stLast:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 50%;
	height: 22px;
	top: 0;
	background: #EEEEFF;
}
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 td.stStart:before { 
	left: 50%;
}
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 td.stLast:before { 
	right: 50%;
}
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 td.stActive:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 22px;
	top: 0;
	left: 0;
	background: #EEEEFF;
}
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .btnSel { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 22px;
	height: 22px;
	margin:0 auto;
	border-radius: 50%;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	letter-spacing: 0;
	z-index: 1;
}
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .stWeekend .btnSel { 
	color: #EF3B3B;
}
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .notCurrent .btnSel,
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .stPrev .btnSel { 
	color: #999;
}
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .btnSel.on {
	background: #000;
	color: #FFF;
}
/* 목표가 알림 받기 달력: 검색 달력과 동일한 세로 스크롤 멀티월을 팝업에 맞게 축소 (인라인 style은 Vue 마운트 루트 안이라 미적용 → 여기서 정의) */
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01.hidVcalScroll { height: 185px; overflow-y: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: y mandatory; }
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .vcalInner { max-width: 270px; margin: 0 auto; padding: 0 2px; }
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .vcalMonth { scroll-snap-align: start; min-height: 185px; }
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .vcalTable { width: 100%; border-collapse: collapse; }
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .vcalTable td { padding: 1px 0; }
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .vcalMonthLabel { text-align: center; font-size: 13px; font-weight: 700; color: #122121; padding: 8px 8px 4px; }
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .vcalTable th { padding: 4px 0; font-size: 11px; font-weight: 600; color: #777; }
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .vcalTable th.stWeekend { color: #EF3B3B; }
.flightComWr .flightSchBox01 .hidCalBox01 .calTblBox01 .vcalEmpty { background: transparent; }
.flightComWr .flightSchBox01 .btnSmt { 
	display:block;
	width: 100%;
	margin:8px 0 0;
	padding:14px 10px 13px;
	background: #5D60EF;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
	color: #FFF;
}
.flightComWr .flightBox01 { 
	padding:36px 20px 20px;
}
.flightComWr .flightBox01 .topBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 13px;
}
.flightComWr .flightBox01 .topBox01 .tit01 { 
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 0;
	color: #212121;
}
.flightComWr .flightBox01 .topBox01 .tit02 { 
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0;
	color: #212121;
}
.flightComWr .flightBox01 .topBox01 .selIpt01 { 
	display:block;
	padding:0 29px 0 8px;
	appearance: none;
	background: url(/Form/_renew_vue/images/flightSchSel02.svg) no-repeat center right 8px;
	font-size: 11px;
	letter-spacing: 0;
	color: #999;
}
.flightComWr .flightBox01 .selBox01 { 
	display:flex;
	gap:8px;
	margin:0 0 14px;
}
.flightComWr .flightBox01 .selBox01 .selIpt01 { 
	display:block;
	padding:13px 30px 12px 15px;
	appearance: none;
	background: url(/Form/_renew_vue/images/flightSchSel03.svg) no-repeat center right 13px;
	border: 1px solid #E2E2E2;
	border-radius: 8px;
	font-size: 11px;
	letter-spacing: 0;
	color: #212121;
}
.flightComWr .flightBox01 .selBox01.st01 .selIpt01:first-child { 
	flex-shrink:0;
	width: 104px;
}
.flightComWr .flightBox01 .selBox01.st01 .selIpt01:nth-child(n+2) { 
	flex-grow:1;
	min-width: 0;
}
.flightComWr .flightBox01 .selBox01.has2 .selIpt01 { 
	width: calc((100% - 8px)/2);
}
.flightComWr .flightBox01 .infoTxt01 { 
	font-size: 10px;
	letter-spacing: 0;
	color: #999;
}
.flightComWr .flightLst01 li { 
	margin:0 0 12px;
	background: #FFF;
	border-radius: 10px;
	box-shadow:0 0 10px 0 rgba(157,157,157,.2);
}
.flightComWr .flightLst01 li:last-child { 
	margin:0;
}
.flightComWr .flightLst01 .lstConBox { 
	display:block;
	width: 100%;
	padding:20px 20px 19px;
}
.flightComWr .flightLst01 .lstTopBox { 
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 21px;
}
.flightComWr .flightLst01 .lstTopBox .areaTxt { 
	width: calc((100% - 48px)/2);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0;
	text-align: center;
	color: #212121;
}
.flightComWr .flightLst01 .lstTopBox .areaTxt span {
	display:block;
	margin:4px 0 0;
	font-weight: 400;
	font-size: 12px;
	color: #6E6E76;
}
.flightComWr .flightLst01 .lstTopBox .arrowBox01 { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 32px;
	height: 32px;
	border:1px solid #F3F3F3;
	border-radius: 50%;
}
.flightComWr .flightLst01 .lstBtmBox {
	display:flex;
	align-items:center;
	position:relative;
	min-height:28px;
}
.flightComWr .flightLst01 .lstDate01 {
	flex-shrink:0;
	padding:5px 17px 4px;
	background: #F2F2F2;
	border-radius: 100px;
	font-size: 10px;
	letter-spacing: 0;
	color: #5F5F66;
	white-space:nowrap;
}
.flightComWr .flightLst01 .lstNameBox01 {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:4px;
	min-width: 0;
}
.flightComWr .flightLst01 .lstNameBox01 .lstThumb01 {
	flex-shrink:0;
	position:relative;
	display:block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	overflow: hidden;
}
.flightComWr .flightLst01 .lstNameBox01 .lstThumb01 img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.flightComWr .flightLst01 .lstNameBox01 .lstName01 {
	font-size: 9px;
	letter-spacing: 0;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.flightComWr .flightLst01 .lstBtmBox .lstNameBox01 { 
	flex-grow:1;
}
.flightComWr .flightLst01 .lstBtmBox + .lstNameBox01 { 
	margin-top:20px;
}
.flightComWr .flightLst01 .lstPrc01 {
	margin-left:auto;
	flex-shrink:0;
	white-space:nowrap;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #212121;
}
.flightComWr *:not(.topBox01) + .flightLst01 {
	margin-top:22px;
}
.flightComWr .flightGoalBox01 { 
	margin:39px 0 0;
}
.flightComWr .flightGoalBox01 .tit01 {
	margin:0 0 8px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0;
	color: #212121;
	text-align: center;
}
/* 목표가 알림 받기: 수기 금액 입력창 */
.flightComWr .flightGoalBox01 .alarmTargetInput {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 12px 0 0;
	padding: 0 16px;
	border: 1px solid #d8d8e4;
	border-radius: 12px;
}
.flightComWr .flightGoalBox01 .alarmTargetInput .won {
	font-size: 18px;
	font-weight: 800;
	color: #15151c;
}
.flightComWr .flightGoalBox01 .alarmTargetInput input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	padding: 14px 0;
	font-size: 18px;
	font-weight: 700;
	color: #15151c;
	background: transparent;
}
.flightComWr .flightGoalBox01 .sTit01 {
	margin:0 0 19px;
	font-size: 11px;
	letter-spacing: 0;
	color: #777;
	text-align: center;
}
.flightComWr .flightGoalBox01 .prcBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 11px;
}
.flightComWr .flightGoalBox01 .oriPrc01 { 
	font-size: 12px;
	letter-spacing: 0;
	color: #777;
}
.flightComWr .flightGoalBox01 .prc01 { 
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0;
	color: #5D5FEF;
}
.flightComWr .flightGoalBox01 .gaugeBox01 { 
	position:relative;
	height: 8px;
	margin:0 0 17px;
}
.flightComWr .flightGoalBox01 .gaugeBox01 .track { 
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #F2F2F2;
	border-radius: 4px;
	overflow: hidden;
}
.flightComWr .flightGoalBox01 .gaugeBox01 .bar { 
	display:block;
	height: 100%;
	background: #5D60EF;
}
.flightComWr .flightGoalBox01 .gaugeBox01 .circle { 
	position:absolute; 
	width: 20px;
	height: 20px;
	top: 50%;
	left: 0;
	margin:-10px 0 0;
	background: #FFF;
	border-radius: 50%;
	z-index: 1;
	cursor:pointer;
}
.flightComWr .flightGoalBox01 .gaugeBtnBox01 { 
	display:flex;
	gap:10px;
	margin:0 0 15px;
}
.flightComWr .flightGoalBox01 .gaugeBtnBox01 .btnGauge { 
	display:block; 
	width: calc((100% - 30px)/4);
	padding:5px;
	border:1px solid #D0D0D0;
	border-radius: 100px;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0;
	color: #777;
}
.flightComWr .flightGoalBox01 .gaugeBtnBox01 .btnGauge.on { 
	background: #5D60EF;
	border-color: #5D60EF;
	color: #FFF;
}
.flightComWr .flightGoalBox01 .txt01 { 
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
	color: #777;
}
.flightComWr .flightGoalBox01 .txt01 span { 
	font-weight: 700;
	color: #5D5FEF;
}
.flightComWr .flightPrcBox01 { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin:16px 0;
	padding:21px 19px 15px;
	background: #FFF;
	border-radius: 10px;
	box-shadow:0 0 10px 0 rgba(157,157,157,.2);
}
.flightComWr .flightPrcBox01 dl { 
	display:flex;
	align-items:center;
	gap:20px;
	color: #777;
}
.flightComWr .flightPrcBox01 dt { 
	flex-shrink:0;
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0;
}
.flightComWr .flightPrcBox01 dd { 
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0;
}
.flightComWr .flightCalBox01 {	
	background: #FFF;
	border-radius: 10px;
	box-shadow:0 0 10px 0 rgba(157,157,157,.2);
	overflow: hidden;
}
.flightComWr .flightCalBox01 .swiper-slide { 
	padding:21px 16px 24px;
}
.flightComWr .flightCalBox01 table { 
	text-align: center;
}
.flightComWr .flightCalBox01 thead th { 
	font-weight: 400;
	font-size: 14px;
	color: #000;
}
.flightComWr .flightCalBox01 thead th.stWeekend { 
	color: #F03C3C;
}
.flightComWr .flightCalBox01 tbody td { 
	position:relative;
}
.flightComWr .flightCalBox01 tbody td.currentMonth { 
	padding:36px 8px 7px;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0;
	color: #212121;
}
.flightComWr .flightCalBox01 .dateTxt01 { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 40px;
	height: 40px;
	margin:0 auto;
	border-radius: 50%;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	color: #212121;
	z-index: 1;
}
.flightComWr .flightCalBox01 .stWeekend .dateTxt01 { 
	color: #EF3B3B;
}
.flightComWr .flightCalBox01 .notCurrentDate .dateTxt01,
.flightComWr .flightCalBox01 .stPrev .dateTxt01 { 
	color: #999;
}
.flightComWr .flightCalBox01 .stStart .dateTxt01,
.flightComWr .flightCalBox01 .stLast .dateTxt01 {
	background: #000;
	color: #FFF;
}
.flightComWr .flightCalBox01 .stStart:before,
.flightComWr .flightCalBox01 .stLast:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 50%;
	height: 100%;
	top: 0;
	background: #F2F2F2;
}
.flightComWr .flightCalBox01 .stStart:before { 
	left: 50%;
}
.flightComWr .flightCalBox01 .stLast:before { 
	right: 50%;
}
.flightComWr .flightCalBox01 .stActive:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #F2F2F2;
}
.flightComWr .flightBtmBox { 
	display:flex;
	gap:10px;
	margin:20px 0 0;
}
.flightComWr .flightBtmBox .btn {
	display:block; 
	width: calc((100% - 10px)/2);
	padding:15px 10px 14px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0;
	text-align: center;
}
.flightComWr .flightBtmBox .btn.st01 {
	border-color:#5D5FEF;
	color: #5D5FEF;
}
.flightComWr .flightBtmBox .btn.st01.btnBell01 {
	width: 66px;
	flex: 0 0 66px;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	border-color: #E5E5EA;   /* 연회색 테두리 */
}
.flightComWr .flightBtmBox .btn.st01.btnBell01 svg {
	display: block;
	width: 12px;
	height: 14px;
}
/* 미등록: 회색 종 + 회색 '알림' 라벨 */
.flightComWr .flightBtmBox .btn.st01.btnBell01 svg path {
	fill: #8E8E93;
	stroke: none;
}
.flightComWr .flightBtmBox .btn.st01.btnBell01 .bellTxt {
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	color: #8E8E93;
	letter-spacing: -0.02em;
}
/* 알림 등록됨: 보라색 채움 */
.flightComWr .flightBtmBox .btn.st01.btnBell01.on {
	border-color: #5D5FEF;
}
.flightComWr .flightBtmBox .btn.st01.btnBell01.on svg path {
	fill: #5D5FEF;
	stroke: none;
}
.flightComWr .flightBtmBox .btn.st01.btnBell01.on .bellTxt {
	color: #5D5FEF;
}
.flightComWr .flightBtmBox .btn.st02 {
	background:#5D5FEF;
	border-color:#5D5FEF;
	color: #FFF;
	flex: 1 1 auto;
	width: auto;
}
.flightComWr .comPopBox01 .topBox { 
	margin:0;
	padding:0;
	text-align: left;
}
.flightComWr .comPopBox01 .calendarBox01 { 
	overflow: hidden;
}
.flightComWr .comPopBox01 .calendarBox01 .swiper-slide { 
	background: #FFF;
}
.flightComWr .comPopBox01 .calendarBox01 table { 
	text-align: center;
}
.flightComWr .comPopBox01 .calendarBox01 thead { 
	border-bottom:1px solid #DBDBDB;
}
.flightComWr .comPopBox01 .calendarBox01 thead th { 
	padding:13px 8px;
	font-weight: 400;
	font-size: 14px;
	color: #000;
}
.flightComWr .comPopBox01 .calendarBox01 thead th.stWeekend { 
	color: #F25454;
}
.flightComWr .comPopBox01 .calendarBox01 tbody td { 
	position:relative;
	overflow: hidden;
}
.flightComWr .comPopBox01 .calendarBox01 tbody td.currentPrint { 
	padding:21px 8px 0;
}
.flightComWr .comPopBox01 .calendarBox01 tbody td.stStart:before,
.flightComWr .comPopBox01 .calendarBox01 tbody td.stLast:before,
.flightComWr .comPopBox01 .calendarBox01 tbody td.stActive:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 40px;
	top: 50%;
	margin:-20px 0 0;
	background: #F2F2F2;
	z-index: 1;
}
.flightComWr .comPopBox01 .calendarBox01 tbody td.stStart:before { 
	left: 50%;
}
.flightComWr .comPopBox01 .calendarBox01 tbody td.stLast:before { 
	right: 50%;
}
.flightComWr .comPopBox01 .calendarBox01 tbody td.stActive:before {
	left: 0;
}
.flightComWr .comPopBox01 .calendarBox01 .btnDateSel01 { 
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0;
	color: #122121;
	text-align: center;
	z-index: 1;
}
.flightComWr .comPopBox01 .calendarBox01 .stWeekend .btnDateSel01 { 
	color: #EF3B3B;
}
.flightComWr .comPopBox01 .calendarBox01 .notCurrent .btnDateSel01,
.flightComWr .comPopBox01 .calendarBox01 .prevDate .btnDateSel01 { 
	color: #999;
}
.flightComWr .comPopBox01 .calendarBox01 .btnDateSel01.on {
	background: #000;
	color: #FFF;
}
.flightComWr .comPopBox01 .flightSchBox01 { 
	margin:14px 0 0;
}
/* 항공권 예약(땡처리 항공, 급락 항공) 끝
------------------------------------------------------ */
/* 항공편 추적 시작
------------------------------------------------------ */
.flightInformWr .fInformBox01 {
	padding: 24px 20px 96px;
	max-width: 100%;
}
.flightInformWr #fInformPanelAlarm {
	padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px) + 10px + 54px + 20px);
}   /* CTA 버튼이 하단 고정으로 빠지면서(사용자요청) 마지막 카드가 네비+버튼에 안 가려지게 스크롤 여백 보정. 급락 항공 패널(#fInformPanelCrash)은 버튼 없어서 원래 96px 그대로 */
.flightInformWr .fInformHero { padding: 4px 0; }
.flightInformWr .fInformHero .eyebrow {
	display: inline-block;
	padding: 4px 10px;
	margin-bottom: 12px;
	background: #F1F2F4;
	color: #44454f;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.3px;
	border-radius: 1000px;
}
.flightInformWr .fInformHero .heroTit {
	font-size: 20px;
	font-weight: 700;
	color: #212121;
	line-height: 1.3;
	letter-spacing: -0.3px;
	margin: 0 0 10px;
	word-break: keep-all;
}
.flightInformWr .fInformHero .heroLead {
	font-size: 14px;
	font-weight: 500;
	color: #595959;
	line-height: 1.4;
	letter-spacing: -0.3px;
	margin: 0;
	word-break: keep-all;
}
.flightInformWr .fInformPushStack {
	position: relative;
	margin: 22px 0 28px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.flightInformWr .fInformPush {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 14px 14px 12px;
	background: rgba(255, 255, 255, 0.82);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border: 1px solid rgba(209, 205, 230, 0.5);
	border-radius: 14px;
	box-shadow: 0 6px 18px -6px rgba(60, 50, 120, 0.15);
}
.flightInformWr .fInformPush.p2 { transform: scale(0.985); opacity: 0.96; }
.flightInformWr .fInformPush.p3 { transform: scale(0.97);  opacity: 0.88; }
.flightInformWr .fInformPush .pushApp {
	flex: 0 0 auto;
	width: 66px; height: 66px;
	display: inline-flex; align-items: center; justify-content: center;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 14px;
	margin-top: 1px;
	overflow: hidden;
}
.flightInformWr .fInformPush .pushApp img {
	display: block;
	width: 100%; height: 100%;
	/*object-fit: cover;*/
}
.flightInformWr .fInformPush .pushBody {
	flex: 1 1 auto;
	min-width: 0;
}
.flightInformWr .fInformPush .pushMeta {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0 0 3px;
	font-size: 11px;
	font-weight: 500;
	color: #6B6B6B;
	letter-spacing: -0.3px;
}
.flightInformWr .fInformPush .pushAppName {
	font-weight: 600;
	color: #424242;
}
.flightInformWr .fInformPush .pushDot { color: #B0B0B0; }
.flightInformWr .fInformPush .pushTit {
	margin: 0 0 2px;
	font-size: 13px;
	font-weight: 700;
	color: #212121;
	letter-spacing: -0.3px;
	line-height: 1.3;
}
.flightInformWr .fInformPush .pushMsg {
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	color: #424242;
	letter-spacing: -0.3px;
	line-height: 1.4;
	word-break: keep-all;
}
.flightInformWr .fCtaBox {
	position: fixed;
	left: 0;
	right: 0;
	max-width: 430px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	bottom: calc(72px + env(safe-area-inset-bottom, 0px) + 10px);
	z-index: 50;
	text-align: center;
}   /* 하단 네비 바로 위 고정 + 여백 10px(사용자요청). 좌우 20px = .fInformBox01 패딩과 동일하게 맞춤 */
.flightInformWr .fCtaBox .fInformCta {
	width: 100%;
	height: 54px;
	background: #5D5FEF;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	font-family: Pretendard, sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.3px;
	cursor: pointer;
}
.flightInformWr .fCtaBox .fInformCta:focus-visible {
	outline: 2px solid #4747C2;
	outline-offset: 3px;
}
@keyframes fInformRise {
	from { opacity: 0; transform: translateY(8px); }
	to   { opacity: 1; transform: none; }
}
.flightInformWr .fInformHero { animation: fInformRise 400ms cubic-bezier(.2,.7,.2,1) both; }
.flightInformWr .fInformPushStack > .fInformPush { animation: fInformRise 520ms cubic-bezier(.2,.7,.2,1) both; }
.flightInformWr .fInformPushStack > .p1 { animation-delay: 140ms; }
.flightInformWr .fInformPushStack > .p2 { animation-delay: 260ms; }
.flightInformWr .fInformPushStack > .p3 { animation-delay: 380ms; }
.flightInformWr .fCtaBox { animation: fInformRise 500ms 500ms cubic-bezier(.2,.7,.2,1) both; }
@media (prefers-reduced-motion: reduce) {
	.fInformHero, .fInformPush, .fCtaBox { animation: none; }
}
.flightInformWr .notiPermBg {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0; max-width:430px; margin:0 auto;
	background: rgba(0, 0, 0, 0.5);
	z-index: 200;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 0 24px;
}
.flightInformWr .notiPermBg.isOpen { display: flex; }
.flightInformWr .notiPermCard {
	position: relative;
	width: 100%;
	max-width: 340px;
	background: #FFFFFF;
	border-radius: 16px;
	padding: 24px 22px 18px;
	box-sizing: border-box;
	animation: permPop .24s cubic-bezier(.2,.7,.2,1);
}
@keyframes permPop {
	from { transform: translateY(6px) scale(.98); opacity: 0; }
	to   { transform: none; opacity: 1; }
}
.flightInformWr .notiPermCard .permCloseBtn {
	position: absolute;
	top: 10px; right: 10px;
	width: 32px; height: 32px;
	padding: 0;
	background: transparent; border: 0;
	color: #6B6B6B;
	cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 8px;
}
.flightInformWr .notiPermCard .permCloseBtn:hover  { background: #F5F5F5; color: #212121; }
.flightInformWr .notiPermCard .permCloseBtn:focus-visible {
	outline: 2px solid #5D5FEF;
	outline-offset: 2px;
}
.flightInformWr .notiPermCard .permTit {
	margin: 6px 0 10px;
	font-size: 17px; font-weight: 700; color: #212121;
	letter-spacing: -0.3px; line-height: 1.3;
}
.flightInformWr .notiPermCard .permTxt {
	margin: 0 0 20px;
	font-size: 13px; font-weight: 500; color: #595959;
	letter-spacing: -0.3px; line-height: 1.4; word-break: keep-all;
}
.flightInformWr .notiPermCard .permAllowBtn {
	width: 100%; height: 50px;
	background: #5D5FEF; color: #FFFFFF;
	border: 0; border-radius: 10px;
	font-family: Pretendard, sans-serif;
	font-size: 15px; font-weight: 700; letter-spacing: -0.3px;
	cursor: pointer;
}
.flightInformWr .notiPermCard .permAllowBtn:focus-visible {
	outline: 2px solid #4747C2;
	outline-offset: 3px;
}
.flightInformWr .notiPermCard .permLaterBtn {
	margin-top: 4px;
	width: 100%; height: 40px;
	background: transparent; border: 0;
	font-family: Pretendard, sans-serif;
	font-size: 13px; font-weight: 500; color: #6B6B6B;
	letter-spacing: -0.3px;
	cursor: pointer;
	border-radius: 6px;
}
.flightInformWr .notiPermCard .permLaterBtn:focus-visible {
	outline: 2px solid #5D5FEF;
	outline-offset: 2px;
}
/* 항공편 추적 끝
------------------------------------------------------ */
/* 항공편 추가 시작
------------------------------------------------------ */
.fAddWr .fAddBox01 {
	padding:20px 16px 96px;
}
.fAddWr .fAddIntroBox { margin-bottom:20px; }
.fAddWr .fAddIntroBox .sectionTit {
	margin:0 0 6px;
	font-size:20px; font-weight:700; color:#212121;
	letter-spacing:-0.3px; line-height:1.3;
}
.fAddWr .fAddIntroBox .sectionDesc {
	margin:0;
	font-size:13px; font-weight:500; color:#595959;
	letter-spacing:-0.3px; line-height:1.4; word-break:keep-all;
}
.fAddWr .fTripModeSeg {
	display:grid; grid-template-columns:1fr 1fr; gap:0;
	padding:4px; margin:0 0 24px;
	background:#F2F2F4; border-radius:12px;
}
.fAddWr .fTripModeSeg .segItem {
	height:40px; padding:0; border:0; background:transparent;
	font-family:Pretendard, sans-serif;
	font-size:16px; font-weight:600; color:#6B6B6B;
	letter-spacing:-0.3px; cursor:pointer; border-radius:9px;
	transition:background .18s ease, color .18s ease, box-shadow .18s ease;
}
.fAddWr .fTripModeSeg .segItem.is-on {
	background:#FFFFFF; color:#212121;
	box-shadow:0 1px 3px rgba(0,0,0,.08);
}
.fAddWr .fTripModeSeg .segItem:focus-visible { outline:2px solid #5D5FEF; outline-offset:2px; }
@media (prefers-reduced-motion: reduce) {
	.fAddWr .fTripModeSeg .segItem { transition:none; }
}
.fAddWr .fAddForm .iptRow { margin-bottom:20px; }
.fAddWr .fAddForm .iptLbl {
	display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;
	margin-bottom:8px;
	font-size:14px; font-weight:600; color:#212121;
	letter-spacing:-0.3px;
}
.fAddWr .fAddForm .iptLbl .iptHelp {
	font-size:11px; font-weight:400; color:#6B6B6B;
	letter-spacing:-0.3px;
}
.fAddWr .fAddForm .iptWrap { position:relative; }
.fAddWr .fAddForm .ipt {
	width:100%; height:48px; padding:0 42px 0 14px;
	background:#FAFAFA; border:1px solid #EDEDED; border-radius:10px;
	font-family:Pretendard, sans-serif;
	font-size:14px; font-weight:500; color:#212121;
	letter-spacing:-0.3px; box-sizing:border-box;
	-webkit-appearance:none; appearance:none;
	transition:border-color .15s ease, background .15s ease;
}
.fAddWr .fAddForm #fAddDate { padding-right:14px; }
.fAddWr .fAddForm .ipt::placeholder { color:#6B6B6B; font-weight:400; }
.fAddWr .fAddForm .ipt:focus { outline:none; border-color:#767888; background:#FFFFFF; }
.fAddWr .fAddForm .ipt:focus-visible { outline:none; border-color:#767888; background:#FFFFFF; }
.fAddWr .fAddForm .ipt.hasError { border-color:#767888; background:#FAFAFA; }
.fAddWr .fAddForm .ipt.hasError:focus { border-color:#767888; background:#FFFFFF; }

/* ══ 출발일/도착일 커스텀 달력 (flightAdd·flightAddArr 공용) — 표준 달력 디자인 ══ */
.fAddCalWrap { position:relative; }
.fAddDateBtn {
	width:100%; height:48px; box-sizing:border-box;
	display:flex; align-items:center; gap:8px; padding:0 14px;
	background:#FAFAFA; border:1px solid #EDEDED; border-radius:10px;
	font-family:Pretendard, sans-serif; font-size:14px; font-weight:500; color:#212121; letter-spacing:-0.3px;
	text-align:left; cursor:pointer; -webkit-appearance:none; appearance:none;
	transition:border-color .15s ease, background .15s ease;
}
.fAddDateBtn.on { border-color:#767888; background:#fff; }
.fAddDateBtn:focus, .fAddDateBtn:focus-visible { outline:none; border-color:#767888; }   /* 날짜 클릭(포커스) 시 텍스트 입력처럼 회색 테두리, 기본 링 제거(사용자요청) */
.fAddDateBtn .fAddCalIco { width:18px; height:18px; flex:0 0 auto; color:#767888; }
.fAddDateBtn .fAddDateVal { flex:1; }
.fAddDateBtn .fAddDateVal.ph { color:#6B6B6B; font-weight:400; }
/* 달력 드롭다운: 필드와 동일 폭, 둥근 테두리, 화살표 없음, 상하 스크롤/드래그 */
.fAddCalDrop {
	display:none; width:100%; box-sizing:border-box; margin-top:8px; overflow:hidden;
	background:#fff; border:1px solid #BCBCC6; border-radius:12px; box-shadow:0 6px 20px rgba(20,20,40,.12);
}
.fAddCalDrop.show { display:block; }
.fAddCalScroll { height:260px; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:4px 12px 8px; cursor:grab; user-select:none; }
.fAddCalScroll.dragging { cursor:grabbing; }
/* 하단 확인 버튼: 날짜 선택 후 눌러야 적용 */
.fAddCalFoot { padding:10px 12px 12px; border-top:1px solid #EEF0F3; }
.fAddCalConfirm {
	width:100%; height:44px; border:0; border-radius:10px; background:#15151c; color:#fff;
	font-family:Pretendard, sans-serif; font-size:15px; font-weight:700; letter-spacing:-0.3px; cursor:pointer;
}
.fAddCalConfirm:active { opacity:.9; }
.fAddCalMonth { padding:0 2px 8px; }
.fAddCalMLbl { text-align:center; font-size:14px; font-weight:700; color:#15151c; padding:10px 0 6px; }
.fAddCalTbl { width:100%; border-collapse:collapse; table-layout:fixed; }
.fAddCalTbl th { font-size:12px; font-weight:600; color:#9a9aa3; padding:4px 0 6px; }
.fAddCalTbl th.wknd { color:#EF3B3B; }
.fAddCalTbl td { text-align:center; padding:0; position:relative; height:38px; }
/* 범위 연회색 바 — 검정 원형 사이 연결 */
.fAddCalTbl td.rngStart:before, .fAddCalTbl td.rngEnd:before, .fAddCalTbl td.rngMid:before {
	content:""; position:absolute; display:block; height:34px; width:100%; top:50%; transform:translateY(-50%); background:#F1F2F4; z-index:0; }
.fAddCalTbl td.rngStart:before { left:50%; }
.fAddCalTbl td.rngEnd:before   { right:50%; }
.fAddCalTbl td.rngMid:before   { left:0; }
.fAddCalDay {
	position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center;
	width:36px; height:36px; border-radius:50%; font-size:14px; color:#15151c; cursor:pointer; }
.fAddCalDay.wknd { color:#EF3B3B; }
.fAddCalDay.dis  { color:#d0d0d8; cursor:default; }
.fAddCalDay.sel  { background:#15151c; color:#fff; }
.fAddCalDay:not(.dis):not(.sel):hover { background:#F1F2F4; }
.fAddWr .fAddForm .iptClearBtn {
	position:absolute;
	top:50%; right:10px;
	transform:translateY(-50%);
	width:26px; height:26px;
	padding:0;
	background:transparent; border:0; border-radius:50%;
	color:#9A9A9A;
	cursor:pointer;
	display:inline-flex; align-items:center; justify-content:center;
	transition:color .15s ease, background .15s ease;
}
.fAddWr .fAddForm .iptClearBtn:hover { color:#424242; background:#EDEDED; }
.fAddWr .fAddForm .iptClearBtn:focus-visible { outline:2px solid #5D5FEF; outline-offset:1px; }
.fAddWr .fAddForm .iptClearBtn[hidden] { display:none; }
.fAddWr .fAddForm .iptError {
	margin:-4px 0 12px;
	min-height:1em;
	font-size:12px; font-weight:500; color:#C23C3C;
	letter-spacing:-0.3px; line-height:1.4;
	opacity:0; transform:translateY(-2px);
	transition:opacity .18s ease, transform .18s ease;
}
.fAddWr .fAddForm .iptError.isShown { opacity:1; transform:none; }
.fAddWr .fAddForm .searchBtn {
	position:relative;
	width:100%; height:54px; margin-top:4px;
	background:#E8E8E8; color:#595959; border:0; border-radius:10px;
	font-family:Pretendard, sans-serif;
	font-size:15px; font-weight:700; letter-spacing:-0.3px; cursor:pointer;
	transition:background .2s ease, color .2s ease;
	overflow:hidden;
}
.fAddWr .fAddForm .searchBtn.on { background:#5D5FEF; color:#FFFFFF; }
.fAddWr .fAddForm .searchBtn[disabled]:not(.on) { cursor:not-allowed; }
.fAddWr .fAddForm .searchBtn[disabled].on { cursor:progress; }
.fAddWr .fAddForm .searchBtn:focus-visible { outline:2px solid #4747C2; outline-offset:3px; }
.fAddWr .fAddForm .searchBtn .btnSpinner {
	position:absolute; inset:0;
	display:none;
	align-items:center; justify-content:center;
	color:#FFFFFF;
}
.fAddWr .fAddForm .searchBtn .btnSpinner svg {
	animation:fAddSpin .9s linear infinite;
}
.fAddWr .fAddForm .searchBtn.isLoading .btnTxt    { visibility:hidden; }
.fAddWr .fAddForm .searchBtn.isLoading .btnSpinner { display:flex; }
@keyframes fAddSpin {
	from { transform:rotate(0deg); }
	to   { transform:rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
	.fAddWr .fAddForm .searchBtn .btnSpinner svg { animation:none; }
}
/* 항공편 추가 끝
------------------------------------------------------ */
/* 항공편 도착편 추가 시작
------------------------------------------------------ */
.flightAddArrWr .fAddBox01 {
	padding:20px 16px 96px;
}
.flightAddArrWr .fAddIntroBox { margin-bottom:32px; }
.flightAddArrWr .fAddIntroBox .sectionTit {
	margin:0 0 6px;
	font-size:20px; font-weight:700; color:#212121;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightAddArrWr .fAddIntroBox .sectionDesc {
	margin:0;
	font-size:13px; font-weight:500; color:#595959;
	letter-spacing:-0.3px; line-height:1.4; word-break:keep-all;
}
.flightAddArrWr .fAddForm .iptRow { margin-bottom:20px; }
.flightAddArrWr .fAddForm .iptLbl {
	display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;
	margin-bottom:8px;
	font-size:14px; font-weight:600; color:#212121;
	letter-spacing:-0.3px;
}
.flightAddArrWr .fAddForm .iptLbl .iptHelp {
	font-size:11px; font-weight:400; color:#6B6B6B;
	letter-spacing:-0.3px;
}
.flightAddArrWr .fAddForm .iptWrap { position:relative; }
.flightAddArrWr .fAddForm .ipt {
	width:100%; height:48px; padding:0 42px 0 14px;
	background:#FAFAFA; border:1px solid #EDEDED; border-radius:10px;
	font-family:Pretendard, sans-serif;
	font-size:14px; font-weight:500; color:#212121;
	letter-spacing:-0.3px; box-sizing:border-box;
	-webkit-appearance:none; appearance:none;
	transition:border-color .15s ease, background .15s ease;
}
.flightAddArrWr .fAddForm #fAddDate { padding-right:14px; }
.flightAddArrWr .fAddForm .ipt::placeholder { color:#6B6B6B; font-weight:400; }
.flightAddArrWr .fAddForm .ipt:focus { outline:none; border-color:#767888; background:#FFFFFF; }
.flightAddArrWr .fAddForm .ipt:focus-visible { outline:none; border-color:#767888; background:#FFFFFF; }
.flightAddArrWr .fAddForm .ipt.hasError { border-color:#E04D4D; background:#FFF7F7; }
.flightAddArrWr .fAddForm .ipt.hasError:focus { border-color:#E04D4D; }
.flightAddArrWr .fAddForm .iptClearBtn {
	position:absolute;
	top:50%; right:10px;
	transform:translateY(-50%);
	width:26px; height:26px;
	padding:0;
	background:transparent; border:0; border-radius:50%;
	color:#9A9A9A;
	cursor:pointer;
	display:inline-flex; align-items:center; justify-content:center;
	transition:color .15s ease, background .15s ease;
}
.flightAddArrWr .fAddForm .iptClearBtn:hover { color:#424242; background:#EDEDED; }
.flightAddArrWr .fAddForm .iptClearBtn:focus-visible { outline:2px solid #5D5FEF; outline-offset:1px; }
.flightAddArrWr .fAddForm .iptClearBtn[hidden] { display:none; }
.flightAddArrWr .fAddForm .iptError {
	margin:-4px 0 12px;
	min-height:1em;
	font-size:12px; font-weight:500; color:#C23C3C;
	letter-spacing:-0.3px; line-height:1.4;
	opacity:0; transform:translateY(-2px);
	transition:opacity .18s ease, transform .18s ease;
}
.flightAddArrWr .fAddForm .iptError.isShown { opacity:1; transform:none; }
.flightAddArrWr .fAddForm .searchBtn {
	position:relative;
	width:100%; height:54px; margin-top:4px;
	background:#E8E8E8; color:#595959; border:0; border-radius:10px;
	font-family:Pretendard, sans-serif;
	font-size:15px; font-weight:700; letter-spacing:-0.3px; cursor:pointer;
	transition:background .2s ease, color .2s ease;
	overflow:hidden;
}
.flightAddArrWr .fAddForm .searchBtn.on { background:#5D5FEF; color:#FFFFFF; }
.flightAddArrWr .fAddForm .searchBtn[disabled]:not(.on) { cursor:not-allowed; }
.flightAddArrWr .fAddForm .searchBtn[disabled].on { cursor:progress; }
.flightAddArrWr .fAddForm .searchBtn:focus-visible { outline:2px solid #4747C2; outline-offset:3px; }
.flightAddArrWr .fAddForm .searchBtn .btnSpinner {
	position:absolute; inset:0;
	display:none;
	align-items:center; justify-content:center;
	color:#FFFFFF;
}
.flightAddArrWr .fAddForm .searchBtn .btnSpinner svg {
	animation:fAddSpin .9s linear infinite;
}
.flightAddArrWr .fAddForm .searchBtn.isLoading .btnTxt    { visibility:hidden; }
.flightAddArrWr .fAddForm .searchBtn.isLoading .btnSpinner { display:flex; }
@media (prefers-reduced-motion: reduce) {
	.flightAddArrWr .fAddForm .searchBtn .btnSpinner svg { animation:none; }
}
.flightAddArrWr .fAddResult { margin-top:32px; }
.flightAddArrWr .fAddResult .resultTit {
	margin:0 0 10px;
	font-size:14px; font-weight:700; color:#212121;
	letter-spacing:-0.3px;
}
.flightAddArrWr .fResultCard {
	padding:18px 16px;
	background:#FFFFFF; border:1px solid #EDEDED; border-radius:12px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
}
.flightAddArrWr .fResultCard .codeRow {
	display:flex; align-items:center; gap:8px; margin-bottom:16px;
}
.flightAddArrWr .fResultCard .code {
	font-size:16px; font-weight:700; color:#212121; letter-spacing:-0.3px;
}
.flightAddArrWr .fResultCard .airline {
	font-size:13px; font-weight:500; color:#797979; letter-spacing:-0.3px;
}
.flightAddArrWr .fResultCard .statusBadge {
	margin-left:auto; padding:3px 10px;
	background:#F8F0FF; color:#5D5FEF;
	font-size:12px; font-weight:500; letter-spacing:-0.3px;
	border-radius:1000px;
}
.flightAddArrWr .fResultCard .routeRow {
	display:flex; align-items:center; gap:10px;
	padding:6px 0 12px;
}
.flightAddArrWr .fResultCard .endpoint { flex:0 0 auto; min-width:64px; }
.flightAddArrWr .fResultCard .endpoint .time {
	margin:0 0 2px;
	font-size:20px; font-weight:700; color:#212121; letter-spacing:-0.3px;
}
.flightAddArrWr .fResultCard .endpoint .airport {
	margin:0;
	font-size:13px; font-weight:600; color:#424242; letter-spacing:-0.3px;
}
.flightAddArrWr .fResultCard .endpoint .city {
	margin:2px 0 0;
	font-size:11px; font-weight:400; color:#6B6B6B; letter-spacing:-0.3px;
}
.flightAddArrWr .fResultCard .routeArrow {
	flex:1 1 auto; display:flex; align-items:center; gap:6px;
	color:#5D5FEF;
}
.flightAddArrWr .fResultCard .routeArrow .dashLine {
	flex:1; height:1px; background:repeating-linear-gradient(to right, #E0E0E0 0 4px, transparent 4px 8px);
}
.flightAddArrWr .fResultCard .routeArrow .planeIco {
	display:inline-flex; align-items:center; justify-content:center;
}
.flightAddArrWr .fResultCard .metaRow {
	display:flex; flex-wrap:wrap; gap:12px;
	padding-top:12px; border-top:1px dashed #EDEDED;
}
.flightAddArrWr .fResultCard .metaItem {
	display:inline-flex; flex-direction:column;
}
.flightAddArrWr .fResultCard .metaKey {
	font-size:11px; font-weight:400; color:#6B6B6B; letter-spacing:-0.3px;
}
.flightAddArrWr .fResultCard .metaVal {
	font-size:13px; font-weight:600; color:#212121; letter-spacing:-0.3px;
}
.flightAddArrWr .fAddResult .addBtn {
	width:100%; height:54px; margin-top:16px;
	background:#5D5FEF; color:#FFFFFF; border:0; border-radius:10px;
	font-family:Pretendard, sans-serif;
	font-size:15px; font-weight:700; letter-spacing:-0.3px; cursor:pointer;
}
.flightAddArrWr .fAddResult .addBtn:focus-visible { outline:2px solid #4747C2; outline-offset:3px; }
/* 항공편 도착편 추가 끝
------------------------------------------------------ */
/* 내 항공편 시작
------------------------------------------------------ */
.flightMyWr .fMyWr { background:#FAFAFA; }
.flightMyWr .fMyBox01 { padding:0 0 96px; }
.flightMyWr .fMyHero {
	padding:22px 16px 20px;
	background:#FFFFFF;
	border-bottom:1px solid #EDEDED;
}
.flightMyWr .fMyHero .heroTit {
	margin:0 0 6px;
	font-size:20px; font-weight:700; color:#212121;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightMyWr .fMyHero .heroDesc {
	margin:0;
	font-size:13px; font-weight:500; color:#595959;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightMyWr .fMyNotiBtn {
	position:absolute; top:0; right:12px;
	width:40px; height:48px;
	display:inline-flex; align-items:center; justify-content:center;
	color:#212121;
	text-decoration:none;
}
.flightMyWr .fMyNotiBtn .notiDot {
	position:absolute;
	top:12px; right:10px;
	width:8px; height:8px;
	background:#E04D4D;
	border:2px solid #FFFFFF;
	border-radius:50%;
	box-sizing:content-box;
}
.flightMyWr .fMyTripList {
	list-style:none;
	padding:16px;
	margin:0;
	display:flex; flex-direction:column; gap:10px;
}
.flightMyWr .fMyTripCard {
	padding:18px 16px;
	background:#FFFFFF; border:1px solid #EDEDED; border-radius:12px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
	cursor:pointer;
	transition:box-shadow .2s ease, transform .2s ease;
}
.flightMyWr .fMyTripCard:active { transform:scale(0.995); }
.flightMyWr .fMyTripCard:focus-visible {
	outline:2px solid #5D5FEF; outline-offset:2px;
}
.flightMyWr .fMyAddCard {
	display:flex; align-items:center; justify-content:center; gap:8px;
	padding:18px 16px;
	background:#FFFFFF;
	border:1.5px dashed #DDDDDD;
	border-radius:12px;
	color:#6B6B6B;
	font-family:Pretendard, sans-serif;
	font-size:14px; font-weight:600; letter-spacing:-0.3px;
	text-decoration:none; cursor:pointer;
	transition:background .2s ease, border-color .2s ease, color .2s ease;
}
.flightMyWr .fMyAddCard:hover,
.flightMyWr .fMyAddCard:active {
	border-color:#5D5FEF; color:#4747C2;
}
.flightMyWr .fMyAddCard:focus-visible {
	outline:2px solid #5D5FEF; outline-offset:2px;
}
.flightMyWr .fMyAddCard .icoBox {
	display:inline-flex; align-items:center; justify-content:center;
	color:inherit;
}
.flightMyWr .fMyTripCard .cardHead {
	display:flex; align-items:center; gap:8px;
	margin-bottom:4px;
}
.flightMyWr .fMyTripCard .tripName {
	flex:1 1 auto; margin:0;
	font-size:16px; font-weight:700; color:#212121;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightMyWr .fMyTripCard .tripStatus {
	flex:0 0 auto; padding:3px 10px;
	font-size:12px; font-weight:500; letter-spacing:-0.3px; line-height:1.3;
	border-radius:1000px;
}
.flightMyWr .fMyTripCard .tripStatus.st-upcoming  { background:#F8F0FF; color:#4747C2; }
.flightMyWr .fMyTripCard .tripStatus.st-live      { background:#E6F7EE; color:#19824A; }
.flightMyWr .fMyTripCard .tripStatus.st-traveling { background:#FFF3E0; color:#C75000; }
.flightMyWr .fMyTripCard .tripStatus.st-done      { background:#F4F4F4; color:#8A8A8A; }
.flightMyWr .fMyTripCard .tripDate {
	margin:0 0 12px;
	font-size:13px; font-weight:500; color:#595959;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightMyWr .fMyTripCard .cardMeta {
	margin:0;
	display:flex; align-items:baseline; gap:6px;
	font-size:13px; letter-spacing:-0.3px; line-height:1.3;
}
.flightMyWr .fMyTripCard .metaType {
	font-weight:600; color:#424242;
}
.flightMyWr .fMyTripCard .metaDot {
	color:#BDBDBD; font-weight:500;
}
.flightMyWr .fMyTripCard .routeTxt {
	font-weight:500; color:#595959;
}
.flightMyWr .fMyEmpty {
	margin-top:40px; padding:28px 24px;
}
.flightMyWr .fMyEmpty .emptyEyebrow {
	margin:0 0 12px;
	font-size:11px; font-weight:600; color:#4747C2;
	letter-spacing:1.2px; text-transform:uppercase;
}
.flightMyWr .fMyEmpty .emptyTit {
	margin:0 0 12px;
	font-size:22px; font-weight:700; color:#212121;
	letter-spacing:-0.3px; line-height:1.3; word-break:keep-all;
}
.flightMyWr .fMyEmpty .emptyTxt {
	margin:0 0 24px;
	font-size:14px; font-weight:500; color:#595959;
	line-height:1.45; letter-spacing:-0.3px; word-break:keep-all;
}
.flightMyWr .fMyEmpty .emptyCta {
	display:inline-flex; align-items:center; justify-content:center;
	height:52px; padding:0 22px;
	background:#5D5FEF; color:#FFFFFF; border-radius:10px;
	font-size:15px; font-weight:700; letter-spacing:-0.3px;
	text-decoration:none;
}
.flightMyWr .fMyEmpty .emptyCta:focus-visible {
	outline:2px solid #4747C2; outline-offset:3px;
}
/* 내 항공편 끝
------------------------------------------------------ */
/* 항공편 일정 시작
------------------------------------------------------ */
.fTripAddedToast {
	position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(12px);
	display:flex; align-items:center; gap:8px;
	padding:12px 18px; border-radius:10px;
	background:#212121; color:#fff;
	font-size:13px; font-weight:500; letter-spacing:-0.3px; line-height:1.4;
	white-space:nowrap;
	box-shadow:0 4px 16px rgba(0,0,0,.18);
	opacity:0; transition:opacity .3s ease, transform .3s ease;
	z-index:9999; pointer-events:none;
}
.fTripAddedToast.isVisible { opacity:1; transform:translateX(-50%) translateY(0); }
.fTripAddedToast svg { flex-shrink:0; color:#4ADE80; }
.flightTripWr .fTripWr { background:#FAFAFA; }
.flightTripWr .fTripBox01 { padding:16px 16px 96px; }
.flightTripWr .fTripNotiBtn {
	position:absolute; top:0; right:52px;
	width:40px; height:48px;
	display:inline-flex; align-items:center; justify-content:center;
	color:#212121;
	text-decoration:none;
}
.flightTripWr .fTripNotiBtn .notiDot {
	position:absolute; top:12px; right:10px;
	width:8px; height:8px;
	background:#E04D4D;
	border:2px solid #FFFFFF;
	border-radius:50%;
	box-sizing:content-box;
}
.flightTripWr .fTripMoreBtn {
	position:absolute; top:0; right:12px;
	width:36px; height:48px;
	padding:0;
	background:transparent; border:0;
	color:#212121;
	cursor:pointer;
	display:inline-flex; align-items:center; justify-content:center;
}
.flightTripWr .fTripMoreBtn:focus-visible {
	outline:2px solid #5D5FEF; outline-offset:-2px;
	border-radius:6px;
}
.flightTripWr .fTripOptPopover {
	position:absolute;
	top:44px; right:10px;
	z-index:90;
	min-width:168px;
	background:#FFFFFF;
	border-radius:12px;
	box-shadow:0 6px 24px rgba(60, 50, 120, .18), 0 1px 3px rgba(0,0,0,.06);
	overflow:hidden;
	animation:fTripPopIn .16s cubic-bezier(.2,.7,.2,1) both;
}
.flightTripWr .fTripOptPopover[hidden] { display:none; }
@keyframes fTripPopIn {
	from { opacity:0; transform:translateY(-4px) scale(.97); transform-origin:top right; }
	to   { opacity:1; transform:none; }
}
@media (prefers-reduced-motion: reduce) {
	.flightTripWr .fTripOptPopover { animation:none; }
}
.flightTripWr .fTripOptPopover .optItem {
	display:block;
	width:100%;
	padding:12px 16px;
	background:transparent;
	border:0;
	text-align:left;
	font-family:Pretendard, sans-serif;
	font-size:14px; font-weight:500; color:#212121;
	letter-spacing:-0.3px; line-height:1.3;
	cursor:pointer;
	transition:background .12s ease;
}
.flightTripWr .fTripOptPopover .optItem:hover,
.flightTripWr .fTripOptPopover .optItem:focus-visible {
	background:#F5F5F5; outline:none;
}
.flightTripWr .fTripOptPopover .optItem + .optItem {
	border-top:1px solid #F0F0F0;
}
.flightTripWr .fTripOptPopover .optItemDanger { color:#E04D4D; }
.flightTripWr .fTripSummary {
	display:flex; align-items:center; gap:12px;
	padding:16px 18px;
	margin-bottom:16px;
	background:#FFFFFF;
	border:1px solid #EDEDED;
	border-radius:12px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
	text-decoration:none;
	color:inherit;
	cursor:pointer;
	transition:background .15s ease;
}
.flightTripWr .fTripSummary:active { background:#FAFAFA; }
.flightTripWr .fTripSummary .summaryTxt {
	flex:1 1 auto; min-width:0;
	display:flex; flex-direction:column;
}
.flightTripWr .fTripSummary .tripHead {
	display:flex; align-items:center; gap:8px; flex-wrap:wrap;
	margin:0 0 4px;
}
.flightTripWr .fTripSummary .tripName {
	font-size:16px; font-weight:700; color:#212121;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightTripWr .fTripSummary .tripStatus {
	padding:2px 10px;
	font-size:11px; font-weight:500; letter-spacing:-0.3px; line-height:1.3;
	border-radius:1000px;
}
.flightTripWr .fTripSummary .tripStatus[hidden] { display:none; }
.flightTripWr .fTripSummary .tripStatus.st-upcoming { background:#F8F0FF; color:#4747C2; }
.flightTripWr .fTripSummary .tripStatus.st-live { background:#E6F7EE; color:#19824A; }
.flightTripWr .fTripSummary .tripStatus.st-done { background:#F4F4F4; color:#8A8A8A; }
.flightTripWr .fTripSummary .tripMeta {
	margin:0;
	font-size:12px; font-weight:500; color:#595959;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightTripWr .fTripSummary .summaryLink {
	flex:0 0 auto;
	display:inline-flex; align-items:center; gap:4px;
	color:#5D5FEF;
	font-size:12px; font-weight:600; letter-spacing:-0.3px;
	white-space:nowrap;
}
.flightTripWr .fTripList {
	list-style:none; padding:0; margin:0;
	display:flex; flex-direction:column; gap:10px;
}
.flightTripWr .fTripCard {
	padding:18px 16px;
	background:#FFFFFF; border:1px solid #EDEDED; border-radius:12px;
	box-shadow:0 1px 2px 0 rgba(141,141,141,.06);
}
.flightTripWr .fTripCard .topLine {
	display:flex; align-items:center; gap:8px; flex-wrap:wrap;
	margin-bottom:14px;
}
.flightTripWr .fTripCard .legTag {
	padding:2px 8px;
	background:#F4F4F4; color:#6B6B6B;
	font-size:11px; font-weight:500; letter-spacing:-0.3px;
	border-radius:1000px;
}
.flightTripWr .fTripCard .code {
	font-size:16px; font-weight:700; color:#212121; letter-spacing:-0.3px;
}
.flightTripWr .fTripCard .airline {
	font-size:13px; font-weight:500; color:#595959; letter-spacing:-0.3px;
}
.flightTripWr .fTripCard .statusBadge {
	margin-left:auto;
	padding:3px 10px;
	font-size:12px; font-weight:500; letter-spacing:-0.3px;
	border-radius:1000px;
	background:#F8F0FF; color:#4747C2;
}
.flightTripWr .fTripCard .statusBadge.st-upcoming { background:#F8F0FF; color:#4747C2; }
.flightTripWr .fTripCard .statusBadge.st-live { background:#E6F7EE; color:#19824A; }
.flightTripWr .fTripCard .statusBadge.st-done { background:#F4F4F4; color:#8A8A8A; }
.flightTripWr .fTripCard .statusBadge.st-danger { background:#FDE9E8; color:#C23C3C; }
.flightTripWr .fTripCard .routeRow { display:flex; align-items:center; gap:10px; padding:4px 0 12px; }
.flightTripWr .fTripCard .endpoint { flex:0 0 auto; min-width:64px; }
.flightTripWr .fTripCard .endpoint .time { margin:0 0 2px; font-size:20px; font-weight:700; color:#212121; letter-spacing:-0.3px; line-height:1.3; }
.flightTripWr .fTripCard .endpoint .airport { margin:0; font-size:13px; font-weight:600; color:#424242; letter-spacing:-0.3px; line-height:1.3; }
.flightTripWr .fTripCard .endpoint .city { margin:2px 0 0; font-size:11px; font-weight:400; color:#595959; letter-spacing:-0.3px; line-height:1.3; }
.flightTripWr .fTripCard .routeArrow { flex:1 1 auto; display:flex; align-items:center; gap:6px; color:#9A9A9A; }
.flightTripWr .fTripCard .routeArrow .dashLine {
	flex:1; height:1px;
	background:repeating-linear-gradient(to right, #E0E0E0 0 4px, transparent 4px 8px);
}
.flightTripWr .fTripCard .routeArrow .planeIco { display:inline-flex; align-items:center; justify-content:center; }
.flightTripWr .fTripCard .metaRow {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	row-gap:14px;
	padding-top:14px;
	border-top:1px solid #EDEDED;
}
.flightTripWr .fTripCard .metaItem {
	display:flex; flex-direction:column;
	padding:0 12px;
	border-left:1px solid #EDEDED;
	min-width:0;
}
.flightTripWr .fTripCard .metaItem:nth-child(3n+1) { padding-left:0; border-left:0; }
.flightTripWr .fTripCard .metaKey { font-size:11px; font-weight:400; color:#595959; letter-spacing:-0.3px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.flightTripWr .fTripCard .metaVal { font-size:13px; font-weight:600; color:#212121; letter-spacing:-0.3px; line-height:1.3; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.flightTripWr .fTripEmpty {
	margin-top:40px; padding:24px; text-align:center;
}
.flightTripWr .fTripEmpty .emptyTxt {
	margin:0 0 16px;
	font-size:14px; font-weight:500; color:#595959;
	line-height:1.45; letter-spacing:-0.3px; word-break:keep-all;
}
.flightTripWr .fTripEmpty .emptyCta {
	display:inline-flex; align-items:center; justify-content:center;
	height:48px; padding:0 20px;
	background:#5D5FEF; color:#FFFFFF; border-radius:10px;
	font-size:14px; font-weight:700; letter-spacing:-0.3px;
	text-decoration:none;
}
.flightTripWr .fTripEmpty .emptyCta:focus-visible {
	outline:2px solid #4747C2; outline-offset:3px;
}
.flightTripWr .fTripDeleteSheetBg {
	position:fixed; top:0; left:0; right:0; bottom:0; max-width:430px; margin:0 auto;
	background:rgba(0,0,0,.4);
	z-index:110;
	display:none;
	justify-content:center; align-items:flex-end;
}
.flightTripWr .fTripDeleteSheetBg.isOpen { display:flex; }
.flightTripWr .fTripDeleteSheet {
	width:100%; max-width:430px;
	background:#FFFFFF;
	border-radius:20px 20px 0 0;
	padding:12px 20px 28px;
	box-sizing:border-box;
	animation:fTripDeleteUp .28s cubic-bezier(.2,.7,.2,1);
}
@keyframes fTripDeleteUp {
	from { transform:translateY(100%); }
	to   { transform:translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
	.flightTripWr .fTripDeleteSheet { animation:none; }
}
.flightTripWr .fTripDeleteSheet .sheetHandle {
	width:40px; height:4px;
	background:#E0E0E0; border-radius:2px;
	margin:0 auto 16px;
}
.flightTripWr .fTripDeleteSheet .sheetTit {
	margin:4px 0 6px;
	font-size:17px; font-weight:700; color:#212121;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightTripWr .fTripDeleteSheet .sheetDesc {
	margin:0 0 20px;
	font-size:13px; font-weight:500; color:#595959;
	letter-spacing:-0.3px; line-height:1.4; word-break:keep-all;
}
.flightTripWr .fTripDeleteSheet .sheetBtn {
	width:100%; height:50px;
	border:0; border-radius:10px;
	font-family:Pretendard, sans-serif;
	font-size:15px; font-weight:700; letter-spacing:-0.3px;
	cursor:pointer;
	transition:background .15s ease, color .15s ease;
}
.flightTripWr .fTripDeleteSheet .sheetBtn + .sheetBtn { margin-top:6px; }
.flightTripWr .fTripDeleteSheet .sheetBtnDanger {
	background:#E04D4D; color:#FFFFFF;
}
.flightTripWr .fTripDeleteSheet .sheetBtnDanger:hover { background:#C23C3C; }
.flightTripWr .fTripDeleteSheet .sheetBtnDanger:focus-visible {
	outline:2px solid #C23C3C; outline-offset:3px;
}
.flightTripWr .fTripDeleteSheet .sheetBtnCancel {
	background:transparent; color:#595959;
	font-weight:600; height:44px;
}
.flightTripWr .fTripDeleteSheet .sheetBtnCancel:focus-visible {
	outline:2px solid #5D5FEF; outline-offset:2px;
}
/* 항공편 일정 끝
------------------------------------------------------ */
/* 항공편 알림 시작
------------------------------------------------------ */
.flightNotiWr .fNotiWr { background:#FAFAFA; }
.flightNotiWr .fNotiBox01 { padding:0 0 96px; }
.flightNotiWr .fNotiSetBtn {
	position:absolute; top:0; right:12px;
	width:40px; height:48px;
	display:inline-flex; align-items:center; justify-content:center;
	color:#212121;
	text-decoration:none;
}
.flightNotiWr .fNotiList {
	list-style:none; padding:0; margin:0;
}
.flightNotiWr .fNotiCard {
	display:flex; align-items:flex-start; gap:12px;
	padding:16px;
	background:#FFFFFF;
	border-bottom:1px solid #F0F0F0;
	position:relative;
	cursor:pointer;
}
.flightNotiWr .fNotiCard.isUnread { background:#FBF8FF; }
.flightNotiWr .fNotiCard .notiBody { flex:1 1 auto; min-width:0; padding-right:14px; }
.flightNotiWr .fNotiCard .notiTop {
	margin:0 0 4px;
	display:flex; align-items:center; gap:8px;
}
.flightNotiWr .fNotiCard .flightCode {
	font-size:13px; font-weight:700; color:#212121;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightNotiWr .fNotiCard .notiTime {
	margin-left:auto;
	font-size:11px; font-weight:400; color:#999999;
	letter-spacing:-0.3px;
}
.flightNotiWr .fNotiCard .notiMsg {
	margin:0;
	font-size:14px; font-weight:500; color:#424242;
	letter-spacing:-0.3px; line-height:1.3; word-break:keep-all;
}
.flightNotiWr .fNotiCard .unreadDot {
	position:absolute; top:20px; right:14px;
	width:7px; height:7px;
	background:#5D5FEF;
	border-radius:50%;
}
.flightNotiWr .fNotiEmpty {
	margin-top:40px; padding:28px 24px;
}
.flightNotiWr .fNotiEmpty .emptyEyebrow {
	margin:0 0 12px;
	font-size:11px; font-weight:600; color:#4747C2;
	letter-spacing:1.2px; text-transform:uppercase;
}
.flightNotiWr .fNotiEmpty .emptyTit {
	margin:0 0 12px;
	font-size:22px; font-weight:700; color:#212121;
	letter-spacing:-0.3px; line-height:1.3; word-break:keep-all;
}
.flightNotiWr .fNotiEmpty .emptyTxt {
	margin:0;
	font-size:14px; font-weight:500; color:#595959;
	line-height:1.45; letter-spacing:-0.3px; word-break:keep-all;
}
/* 항공편 알림 끝
------------------------------------------------------ */
/* 항공편 알림 설정 시작
------------------------------------------------------ */
.flightAlarmSetWr .fAlarmSetWr { background:#FAFAFA; }
.flightAlarmSetWr .fAlarmSetBox01 { padding:16px 0 96px; }
.flightAlarmSetWr .fAlarmSection {
	background:#FFFFFF;
	padding:18px 20px;
	margin-bottom:10px;
}
.flightAlarmSetWr .fAlarmSection .sectionTit {
	margin:0 0 4px;
	font-size:15px; font-weight:700; color:#212121;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightAlarmSetWr .fAlarmSection .sectionDesc {
	margin:0 0 14px;
	font-size:12px; font-weight:500; color:#797979;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightAlarmSetWr .masterRow {
	display:flex; align-items:center; gap:12px;
	cursor:pointer;
}
.flightAlarmSetWr .masterRow .masterTxt {
	flex:1 1 auto; display:flex; flex-direction:column;
}
.flightAlarmSetWr .masterRow .masterTit {
	font-size:16px; font-weight:700; color:#212121;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightAlarmSetWr .masterRow .masterDesc {
	margin-top:3px;
	font-size:12px; font-weight:500; color:#797979;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightAlarmSetWr .timingList li + li { border-top:1px solid #F0F0F0; }
.flightAlarmSetWr .timingItem {
	display:flex; align-items:center; gap:12px;
	padding:14px 0;
	cursor:pointer;
}
.flightAlarmSetWr .timingItem .txtBox { flex:1 1 auto; display:flex; flex-direction:column; }
.flightAlarmSetWr .timingItem .tit {
	font-size:14px; font-weight:600; color:#212121;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightAlarmSetWr .timingItem .desc {
	margin-top:2px;
	font-size:12px; font-weight:400; color:#797979;
	letter-spacing:-0.3px; line-height:1.3;
}
.flightAlarmSetWr #fAlarmTimingWrap.isDisabled .tit { color:#999999; }
.flightAlarmSetWr #fAlarmTimingWrap.isDisabled .desc { color:#C0C0C0; }
.flightAlarmSetWr #fAlarmTimingWrap.isDisabled .switchTrack { opacity:.5; }
.flightAlarmSetWr .switch {
	position:relative;
	display:inline-block;
	width:46px; height:26px;
	flex:0 0 auto;
}
.flightAlarmSetWr .switch .switchIpt {
	position:absolute; inset:0;
	width:100%; height:100%;
	margin:0; opacity:0; cursor:pointer; z-index:2;
}
.flightAlarmSetWr .switch .switchTrack {
	position:absolute; inset:0;
	background:#E0E0E0;
	border-radius:1000px;
	transition:background .2s ease;
}
.flightAlarmSetWr .switch .switchTrack::after {
	content:'';
	position:absolute; top:3px; left:3px;
	width:20px; height:20px;
	background:#FFFFFF;
	border-radius:50%;
	box-shadow:0 1px 2px rgba(0,0,0,.15);
	transition:transform .2s ease;
}
.flightAlarmSetWr .switch .switchIpt:checked ~ .switchTrack { background:#5D5FEF; }
.flightAlarmSetWr .switch .switchIpt:checked ~ .switchTrack::after { transform:translateX(20px); }
.flightAlarmSetWr .switch .switchIpt:disabled ~ .switchTrack { opacity:.5; cursor:not-allowed; }
.fAlarmFooter {
	margin:20px 20px 0;
	font-size:12px; font-weight:400; color:#999999;
	letter-spacing:-0.3px; line-height:1.3;
}
/* 항공편 알림 설정 끝
------------------------------------------------------ */
/* 알람 리스트 시작
------------------------------------------------------ */
.alarmLstWr .alarmTit01 { 
	margin:0 0 9px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.18px;
	color: #212121;
}
.alarmLstWr .alarmLst01 li { 
	margin:0 0 12px;
	padding:14px 15px 12px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.alarmLstWr .alarmLst01 li:last-child { 
	margin-bottom:0;
}
.alarmLstWr .alarmLst01 .lstTit01 { 
	position:relative;
	margin:0 0 8px;
	font-size: 15px;
	letter-spacing: -.03em;
	color: #666;
	word-break:break-all;
}
.alarmLstWr .alarmLst01 .lstTit01.stNew { 
	padding:0 0 0 9px;
	color: #424242;
}
.alarmLstWr .alarmLst01 .lstTit01.stNew:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 5px;
	height: 5px;
	top: 1px;
	left: 0;
	background: #5D5FEF;
	border-radius: 50%;
}
.alarmLstWr .alarmLst01 .lstDate01 { 
	font-size: 13px;
	letter-spacing: -.03em;
	color: #797979;
}
/* 알람 리스트 끝
------------------------------------------------------ */
/* 포인트 내역 시작
------------------------------------------------------ */
.pointHistory01Wr .pointHisWr {
	padding:13px 0 0;
}
.pointHistory01Wr .cateBox01 {
	display:flex;
}
.pointHistory01Wr .cateBox01 .btnCate01 {
	display:block;
	width: 50%;
	padding:8px 0;
	border-bottom:2px solid #EDEDED;
	font-weight: 500;
	font-size: 18px;
	color: #999;
	text-align: center;
}
.pointHistory01Wr .cateBox01 .btnCate01.on {
	border-bottom-color:#5D5FEF;
	color: #5D5FEF;
}
.pointHistory01Wr .historyLst01 li {
	display:flex;
	align-items:center;
	gap:8px;
	padding:14px 16px 13px;
	border-bottom:1px solid #EDEDED;
}
.pointHistory01Wr .historyLst01 .lstTxtBox01 {
	flex-grow:1;
	min-width: 0;
}
.pointHistory01Wr .historyLst01 .lstTxt01 {
	margin:0 0 7px;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.pointHistory01Wr .historyLst01 .lstDate01 {
	font-size: 14px;
	color: #666;
}
.pointHistory01Wr .historyLst01 .lstPnt01 {
	flex-shrink:0;
	font-weight: 700;
	font-size: 16px;
}
.pointHistory01Wr .historyLst01 .lstPnt01.st01 {
	color: #5D5FEF;
}
.pointHistory01Wr .historyLst01 .lstPnt01.st02 {
	color: #E2502B;
}
.pointHistory01Wr .historyLst01 .comNoData01 {
	width: 100%;
}
/* 포인트 내역 끝
------------------------------------------------------ */
/* 이용권 등록 시작
------------------------------------------------------ */
.registerWr .regTopBox01 {
	padding:18px 16px 17px;
	border-bottom:1px solid #EDEDED;
}
.registerWr .regTopBox01 .tit01 {
	margin:0 0 18px;
	font-weight: 700;
	font-size: 17px;
	color: #212121;
}
.registerWr .regTopBox01 .lnkBox01 {
	display:flex;
	gap:10px;
}
.registerWr .regTopBox01 .lnkBox01 .lnk {
	display:flex;
	align-items:center;
	justify-content:center;
	width: calc((100% - 10px)/2);
	padding:24px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	transition:all .3s ease;
}
.registerWr .regTopBox01 .lnkBox01 .lnk span {
	display:block;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	color: #424242;
	transition:all .3s ease;
}
.registerWr .regTopBox01 .lnkBox01 .lnk:focus,
.registerWr .regTopBox01 .lnkBox01 .lnk:hover {
	background: #5D5FEF;
	border-color: #5D5FEF;
}
.registerWr .regTopBox01 .lnkBox01 .lnk:focus span,
.registerWr .regTopBox01 .lnkBox01 .lnk:hover span {
	color: #FFF;
}
.registerWr .regTopBox01 .ipt {
	padding:15px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1px 4px 0 rgba(141,141,141,.12);
	font-size: 14px;
	color: #424242;
}
.registerWr .regTopBox01 .ipt::placeholder {
	color: #424242;
}
.registerWr .regTopBox01 .ipt.fullWid {
	width: 100%;
}
.registerWr .regConBox01 {
	padding:22px 16px;
	border-top:7px solid #F5F5F5;
}
.registerWr .regConBox01 .tit01 {
	margin:0 0 22px;
	font-weight: 500;
	font-size: 14px;
	color: #424242;
}
.registerWr .regConBox01 .lst01 li {
	margin:0 0 24px;
	padding:20px 20px 18px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.registerWr .regConBox01 .lst01 li:last-child {
	margin:0;
}
.registerWr .regConBox01 .lst01 .lstTit01,
.registerWr .regConBox01 .lst01 .lstTxt01 {
	font-size: 14px;
	line-height: 1.4;
	word-break:break-all;
}
.registerWr .regConBox01 .lst01 .lstTit01 {
	font-weight: 700;
	color: #424242;
}
.registerWr .regConBox01 .lst01 .lstTxt01 {
	color: #797979;
}
.registerWr .regConBox01 .bnrBox01 {
	margin:24px 0 0;
	font-size: 0;
}
.registerWr .regConBox01 .bnrBox01 img {
	width: 100%;
}
/* 이용권 등록 끝
------------------------------------------------------ */
/* 트레블카드 구매 시작
------------------------------------------------------ */
.purchaseCard01Wr {
	padding:0;
}
.purCardWr .purLstBox01 {
	padding:150px 45px 45px;
	background:url(/Form/_renew_vue/images/purCardLst01_bg01.png) no-repeat center / cover;
	border-radius: 0 0 25px 25px;
	overflow: hidden;
}
.purCardWr .purLstBox01 .tit01 {
	margin:0 0 63px;
	font-weight: 300;
	font-size: 32px;
	letter-spacing: -.48px;
	text-align: center;
	color: #FFF;
}
.purCardWr .purLstBox01 .lst01 li {
	position:relative;
	margin:0 0 10px;
	padding:14px 14px 14px 58px;
	border-radius: 10px;
	background:rgba(255,255,255,.2);
}
.purCardWr .purLstBox01 .lst01 li:last-child {
	margin:0;
}
.purCardWr .purLstBox01 .lst01 .lstImgBox {
	position:absolute;
	display:block;
	top: 14px;
	left: 23px;
	font-size: 0;
}
.purCardWr .purLstBox01 .lst01 .lstImgBox img {
	max-width: 100%;
}
.purCardWr .purLstBox01 .lst01 .lstTxt01 {
	font-weight: 500;
	font-size: 14px;
	color: #FFF;
}
.purCardWr .purCateBox01 {
	display:flex;
	gap:12px;
	padding:24px 16px 25px;
	border-bottom:1px solid #E0E0E0;
}
.purCardWr .purCateBox01 .btnCate {
	display:block;
	width: calc((100% - 36px)/4);
	padding:14px 0;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	text-align: center;
}
.purCardWr .purCateBox01 .btnCate .btnNum01,
.purCardWr .purCateBox01 .btnCate .btnPrc01 {
	display:block;
	margin:0 0 12px;
	font-weight: 700;
	font-size: 15px;
}
.purCardWr .purCateBox01 .btnCate .btnNum01 {
	color: #424242;
}
.purCardWr .purCateBox01 .btnCate .btnPrc01 {
	color: #5D5FEF;
}
.purCardWr .purCateBox01 .btnCate .btnTxt01 {
	display:inline-block;
	padding:6px 13px;
	border:1px solid #F0F0F0;
	border-radius: 100px;
	font-size: 15px;
	color: #666;
}
.purCardWr .purBtmBox {
	padding:24px 16px 43px;
	border-top:7px solid #F5F5F5;
}
.purCardWr .purBtmBox .infoBox01 {
	padding:20px 20px 18px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.purCardWr .purBtmBox .infoBox01 .tit01 {
	margin:0 0 12px;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.4;
	color: #424242;
}
.purCardWr .purBtmBox .infoBox01 .txt01 {
	font-size: 14px;
	line-height: 1.4;
	color: #797979;
}
.purCardWr .purBtmBox .infoBox01 .txt01 + .txt01 {
	margin-top:12px;
}
/* 트레블카드 구매 끝
------------------------------------------------------ */
/* 컨텐츠 상세 시작
------------------------------------------------------ */
.contentDetail01Wr .subComWr { 
	padding:20px;
}
/* 컨텐츠 상세 끝
------------------------------------------------------ */
/* 땡처리항공, 급락항공 시작
------------------------------------------------------ */
.flightSellWr, .flightCrashWr { 
	padding-top:0;
}
/* 땡처리항공, 급락항공 끝
------------------------------------------------------ */
/* C-멤버쉽 시작
------------------------------------------------------ */
.c_membership01Wr,
.c_membership02Wr { 
	padding-bottom:100px;
}
.c_membership01Wr, 
.c_membership01Wr header,
.c_membership02Wr,
.c_membership02Wr header { 
	background: #0D0E32;
	border-bottom:none;
}
.c_membership01Wr header .headerBox02 .pageName,
.c_membership02Wr header .headerBox02 .pageName { 
	display:none;
}
.c_membership01Wr header .headerBox02 .hBackLnk:before,
.c_membership02Wr header .headerBox02 .hBackLnk:before { 
	border-color:#FFF
}
.cMbrShipWr { 
	padding:0 20px;
}
.cMbrShipWr .mbrInfoBox01 { 
	margin:0 0 13px;
	padding:26px 20px 32px;
	background: #FFF;
	border-radius: 10px;
	text-align: center;
}
.cMbrShipWr .mbrInfoBox01 .tit01 { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 22px;
	letter-spacing: 0;
	color: #000;
}
.cMbrShipWr .mbrInfoBox01 .tit02 { 
	margin:0 0 21px;
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 0;
	text-align: left;
	color: #000;
}
.cMbrShipWr .mbrInfoBox01 .txt01 { 
	display:inline-block;
	margin:0 0 24px;
	padding:7px 14px;
	background: #F6F6F6;
	border-radius: 15px;
	font-size: 12px;
	letter-spacing: 0;
	color: #3A3A3A;
}
.cMbrShipWr .mbrInfoBox01 .lst01 li { 
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin:0 0 22px;
}
.cMbrShipWr .mbrInfoBox01 .lst01 li:last-child { 
	margin:0;
}
.cMbrShipWr .mbrInfoBox01 .lst01 .lstIco01 { 
	flex-shrink:0;
	display:block;
	font-size: 0;
}
.cMbrShipWr .mbrInfoBox01 .lst01 .lstIco01 img { 
	max-width: 100%;
}
.cMbrShipWr .mbrInfoBox01 .lst01 .lstTxt01 { 
	font-size: 14px;
	letter-spacing: 0;
	color: #000;
}
.cMbrShipWr .mbrInfoBox01 .lst01 .lstTxt01 span { 
	font-weight: 700;
	color: #5D5FEF;
}
.cMbrShipWr .mbrInfoBox01 .chkLst01 li { 
	position:relative;
	margin:0 0 22px;
}
.cMbrShipWr .mbrInfoBox01 .chkLst01 li:last-child { 
	margin:0;
}
.cMbrShipWr .mbrInfoBox01 .chkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.cMbrShipWr .mbrInfoBox01 .chkLst01 .chkLbl { 
	display:flex;
	align-items:center;
	gap:8px;
	width: 100%;
}
.cMbrShipWr .mbrInfoBox01 .chkLst01 .chkLbl span { 
	display:block;
}
.cMbrShipWr .mbrInfoBox01 .chkLst01 .chkLbl .circle { 
	flex-shrink:0;
	position:relative;
	width: 20px;
	height: 20px;
	border:1px solid #DFDFDF;
	border-radius: 50%;
}
.cMbrShipWr .mbrInfoBox01 .chkLst01 .chkLbl .lblTxt01 { 
	font-size: 14px;
	letter-spacing: 0;
	color: #000;
}
.cMbrShipWr .mbrInfoBox01 .chkLst01 .chkLbl .lblIco01 { 
	font-size: 0;
}
.cMbrShipWr .mbrInfoBox01 .chkLst01 .chkLbl .lblIco01 img { 
	max-width: 100%;
}
.cMbrShipWr .mbrInfoBox01 .chkLst01 .chkIpt:checked + .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #5D60EF;
	border-radius: 50%;
}
.cMbrShipWr .mbrChkLst01 li { 
	position:relative;
	display:flex;
	align-items:center;
	margin:0 0 9px;
	padding:13px 15px;
	background: #FFF;
	border-radius: 10px;
}
.cMbrShipWr .mbrChkLst01 li:last-child { 
	margin:0;
}
.cMbrShipWr .mbrChkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.cMbrShipWr .mbrChkLst01 .chkLbl {
	display:flex;
	align-items:center;
	gap:8px;
}
.cMbrShipWr .mbrChkLst01 .chkLbl span { 
	display:block;
}
.cMbrShipWr .mbrChkLst01 .chkLbl .circle { 
	flex-shrink:0;
	position:relative;
	width: 20px;
	height: 20px;
	border:1px solid #DFDFDF;
	border-radius: 50%;
}
.cMbrShipWr .mbrChkLst01 .chkLbl .pri01 { 
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0;
	color: #000;
}
.cMbrShipWr .mbrChkLst01 .chkLbl .oriPri01 { 
	font-size: 14px;
	letter-spacing: 0;
	color: #DFDFDF;
	text-decoration:line-through;
}
.cMbrShipWr .mbrChkLst01 .chkLbl .per01 { 
	padding:3px 11px 2px;
	background: #5D60EF;
	border-radius: 10px;
	font-size: 10px;
	letter-spacing: 0;
	color: #FFF;
}
.cMbrShipWr .mbrChkLst01 .chkLbl .txt01 { 
	font-size: 14px;
	letter-spacing: 0;
	color: #000;
}
.cMbrShipWr .mbrChkLst01 .chkLnk01 { 
	flex-shrink:0;
	position:relative;
	display:block;
	width: 20px;
	height: 20px;
}
.cMbrShipWr .mbrChkLst01 .chkLnk01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 6px;
	height: 6px;
	top: 50%;
	left: 50%;
	margin:-3px 0 0 -3px;
	transform:rotate(45deg);
	border-top:1px solid #000;
	border-right:1px solid #000;
}
.cMbrShipWr .mbrChkLst01 .chkIpt:checked + .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #5D60EF;
	border-radius: 50%;
}
.cMbrShipWr .mbrReceiptDl01 { 
	display:flex;
	align-items:center;
	justify-content:space-between; 
	width: 100%;
	margin:0 0 9px;
	padding:16px 18px 15px;
	gap:8px;
	background: #FFF;
	border-radius: 10px;
}
.cMbrShipWr .mbrReceiptDl01 dt { 
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 0;
	color: #000;
}
.cMbrShipWr .mbrReceiptDl01 dd .lnk01 { 
	position:relative;
	display:block;
	padding:0 15px 0 0;
	font-size: 14px;
	letter-spacing: 0;
	color: #000;
}
.cMbrShipWr .mbrReceiptDl01 dd .lnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 6px;
	height: 6px;
	top: 5px;
	right: 0;
	transform:rotate(45deg);
	border-top:1px solid #000;
	border-right:1px solid #000;
}
.cMbrShipWr .mbrBtmBox01 { 
	position:fixed;
	display:flex;
	width: 100%;
	max-width: 430px;
	left: 50%;
	bottom: 0;
	padding:20px;
	transform:translateX(-50%);
	z-index: 2;
}
.cMbrShipWr .mbrBtmBox01 .btn {
	display:block;
	padding:15px 10px;
	border-width:1px;
	border-style:solid;
	border-radius: 8px;
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 0;
	text-align: center;
}
.cMbrShipWr .mbrBtmBox01 .btn.st01 { 
	background: #5D60EF;
	border-color: #5D60EF;
	color: #FFF;
}
.cMbrShipWr .mbrBtmBox01 .btn.fullWid { 
	width: 100%;
}
/* C-멤버쉽 끝
------------------------------------------------------ */

/* 컨텐츠 상세 — 로딩 스켈레톤 / 에러 상태
------------------------------------------------------ */
.cttSkeleton01 .skMedia {
	width: 100%;
	aspect-ratio: 1 / 1;
}
.cttSkeleton01 .skBody {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 20px;
}
.cttSkeleton01 .skLine {
	height: 14px;
	border-radius: 7px;
}
.cttSkeleton01 .skLineSm { width: 30%; height: 12px; }
.cttSkeleton01 .skLineLg { width: 75%; height: 22px; margin: 2px 0 6px; }
.cttSkeleton01 .skLineShort { width: 55%; }
.cttSkeleton01 .skMedia,
.cttSkeleton01 .skLine {
	background-color: #eef0f4;
	background-image: linear-gradient(90deg, #eef0f4 0%, #f6f7f9 50%, #eef0f4 100%);
	background-size: 200% 100%;
	animation: cttSkShimmer 1.2s ease-in-out infinite;
}
@keyframes cttSkShimmer {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

.cttError01 {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 64px 32px;
}
.cttError01 .errIco {
	position: relative;
	width: 56px;
	height: 56px;
	margin-bottom: 20px;
	border-radius: 50%;
	background: #f1f1fe;
}
.cttError01 .errIco:before {
	content: "!";
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	font-weight: 700;
	color: #5D5FEF;
}
.cttError01 .errTit {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
	color: #212121;
	margin-bottom: 8px;
	word-break: keep-all;
}
.cttError01 .errTxt {
	font-size: 14px;
	color: #767676;
	margin-bottom: 28px;
}
.cttError01 .errBtns {
	display: flex;
	gap: 8px;
	width: 100%;
	max-width: 320px;
}
.cttError01 .btnRetry,
.cttError01 .btnBack {
	flex: 1;
	min-height: 48px;
	padding: 13px 0;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 600;
}
.cttError01 .btnRetry {
	background: #5D5FEF;
	color: #fff;
}
.cttError01 .btnRetry:disabled { opacity: .6; }
.cttError01 .btnBack {
	background: #fff;
	border: 1px solid #e8e8e8;
	color: #555;
}

@media (prefers-reduced-motion: reduce) {
	.cttSkeleton01 .skMedia,
	.cttSkeleton01 .skLine {
		animation: none;
		background-image: none;
	}
}

/* 일정 추가 팝업 — 인라인 스타일 토큰화 (/polish)
------------------------------------------------------ */
.cttMySelPop02 .schSelPlace {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 12px;
	margin-bottom: 16px;
	background: #f8f9fa;
	border-radius: 10px;
}
.cttMySelPop02 .schSelPlace .thumb {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	border-radius: 8px;
	object-fit: cover;
}
.cttMySelPop02 .schSelPlace .info { flex: 1; min-width: 0; }
.cttMySelPop02 .schSelPlace .name {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #212121;
}
.cttMySelPop02 .schSelPlace .addr {
	margin: 2px 0 0;
	font-size: 12px;
	color: var(--text-muted);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cttMySelPop02 .schState {
	text-align: center;
	padding: 24px 0;
}
.cttMySelPop02 .schState .txt {
	margin: 0;
	font-size: 14px;
	color: var(--text-muted);
}
.cttMySelPop02 .schState .btnGo {
	display: inline-block;
	margin-top: 12px;
	padding: 12px 28px;
	background: var(--accent);
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
}
.cttMySelPop02 .schLabel {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 600;
	color: #666;
}
.cttMySelPop02 .schList {
	display: flex;
	flex-direction: column;
	gap: 8px;
	/* 일정선택 목록: 4개까지만 보이고 나머지는 상하 스크롤(아이템 70px×4 + gap 8px×3 = 304px) */
	max-height: 304px;
	overflow-y: auto;
}
.cttMySelPop02 .schItem {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 12px;
	text-align: left;
	cursor: pointer;
	transition: border-color .15s ease, background-color .15s ease;
}
.cttMySelPop02 .schItem:hover { border-color: #d6d6d6; }
.cttMySelPop02 .schItem:active { background: #fafafa; }
.cttMySelPop02 .schItem .ico {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: var(--accent);
	font-size: 16px;
	color: #fff;
}
.cttMySelPop02 .schItem .meta {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}
.cttMySelPop02 .schItem .tit {
	font-size: 14px;
	font-weight: 600;
	color: #212121;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cttMySelPop02 .schItem .date {
	margin-top: 3px;
	font-size: 12px;
	color: var(--text-muted);
}
.cttMySelPop02 .schItem .arrow {
	flex-shrink: 0;
	font-size: 18px;
	color: #8e8e8e;
}
.cttMySelPop02 .schStepHead {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
}
.cttMySelPop02 .schStepHead .schLabel { margin: 0; }
.cttMySelPop02 .schBack {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	margin-left: -12px;
	padding: 0;
	font-size: 18px;
	color: #666;
	background: none;
	border: none;
	cursor: pointer;
}
.cttMySelPop02 .btnScheAdd .btnTxt01.stOn { color: var(--accent); }

/* 장소 없을 때 빈 상태 */
.cttNoPlace {
	text-align: center;
	padding: 30px 0;
	color: var(--text-muted);
}

/* 내 장소 — 지도 + 바텀시트
------------------------------------------------------ */
.myPlaceMapWr {
	position: fixed;
	inset: 0;
	z-index: 100;
	display: flex;
	flex-direction: column;
	background: #eef0f4;
}
.myPlaceMapWr .mpHeader {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 6px;
	height: 52px;
	padding: 0 8px 0 4px;
	background: #fff;
	border-bottom: 1px solid #f0f0f2;
}
.myPlaceMapWr .mpBack {
	position: relative;
	width: 44px;
	height: 44px;
	background: none;
	border: none;
	cursor: pointer;
}
.myPlaceMapWr .mpBack:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 11px;
	height: 11px;
	margin: -6px 0 0 -3px;
	border-left: 2px solid #212121;
	border-bottom: 2px solid #212121;
	transform: rotate(45deg);
}
.myPlaceMapWr .mpTitle {
	font-size: 17px;
	font-weight: 700;
	color: #212121;
}
.myPlaceMapWr .mpTitle em {
	font-style: normal;
	color: var(--accent);
}
.myPlaceMapWr .mpMapArea {
	position: relative;
	flex: 1;
	min-height: 0;
}
.myPlaceMapWr .mpMap {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: #e6e8ec;
}
.myPlaceMapWr .mpChips {
	position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	z-index: 10;
	display: flex;
	gap: 6px;
	padding: 0 12px;
	overflow-x: auto;
	scrollbar-width: none;
}
.myPlaceMapWr .mpChips::-webkit-scrollbar { display: none; }
.myPlaceMapWr .mpChip {
	flex-shrink: 0;
	padding: 7px 13px;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 100px;
	box-shadow: 0 1px 4px rgba(60, 60, 80, .16);
	font-size: 13px;
	font-weight: 600;
	color: #555;
	cursor: pointer;
}
.myPlaceMapWr .mpChip.on {
	background: var(--accent);
	color: #fff;
}
.myPlaceMapWr .mpChip .num {
	margin-left: 5px;
	font-weight: 500;
	opacity: .7;
}
.myPlaceMapWr .mpSheet {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	max-height: 42%;
	background: #fff;
	border-radius: 18px 18px 0 0;
	box-shadow: 0 -4px 20px rgba(0, 0, 0, .08);
	transition: max-height .28s ease;
}
.myPlaceMapWr .mpSheet.expanded { max-height: 78%; }
.myPlaceMapWr .mpSheetHandle {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 22px;
	background: none;
	border: none;
	cursor: pointer;
}
.myPlaceMapWr .mpSheetHandle span {
	display: block;
	width: 40px;
	height: 4px;
	border-radius: 100px;
	background: #d8d9e0;
}
.myPlaceMapWr .mpSheetHead {
	flex-shrink: 0;
	padding: 2px 18px 10px;
}
.myPlaceMapWr .mpSheetTit {
	font-size: 14px;
	font-weight: 700;
	color: #212121;
}
.myPlaceMapWr .mpSheetTit em {
	margin-left: 6px;
	font-style: normal;
	color: var(--accent);
}
.myPlaceMapWr .mpList {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	padding: 0 14px;
	-webkit-overflow-scrolling: touch;
}
.myPlaceMapWr .mpState {
	text-align: center;
	padding: 36px 16px 48px;
}
.myPlaceMapWr .mpState .t1 {
	font-size: 15px;
	font-weight: 600;
	color: #212121;
}
.myPlaceMapWr .mpState .t2 {
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.55;
	color: var(--text-muted);
}
.myPlaceMapWr .mpEmptyBtn {
	display: inline-block;
	margin-top: 18px;
	padding: 12px 24px;
	background: var(--accent);
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
}
.myPlaceMapWr .mpPlaceLst li {
	display: flex;
	gap: 12px;
	padding: 12px 6px;
	border-bottom: 1px solid #f2f2f4;
	border-radius: 12px;
	cursor: pointer;
}
.myPlaceMapWr .mpPlaceLst li.active { background: #f4f4ff; }
.myPlaceMapWr .mpPlaceLst .thumb {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	border-radius: 10px;
	overflow: hidden;
	background: #f0f1f4;
}
.myPlaceMapWr .mpPlaceLst .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.myPlaceMapWr .mpPlaceLst .thumb.noimg {
	background: #eef0f4 url(/Form/_renew_vue/images/comNoImg01.svg) no-repeat center / 24px;
}
.myPlaceMapWr .mpPlaceLst .thumb.noimg img { display: none; }
.myPlaceMapWr .mpPlaceLst .info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.myPlaceMapWr .mpPlaceLst .top {
	display: flex;
	align-items: center;
	gap: 6px;
}
.myPlaceMapWr .mpPlaceLst .cat {
	padding: 2px 8px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 700;
	background: #eef0f2;
	color: #6e747c;
}
.myPlaceMapWr .mpPlaceLst .cat.st맛집 { background: #ffe9e6; color: #e63a2c; }
.myPlaceMapWr .mpPlaceLst .cat.st카페 { background: #f3e8d8; color: #9a6a2e; }
.myPlaceMapWr .mpPlaceLst .cat.st숙소 { background: #ebecff; color: #5d5fef; }
.myPlaceMapWr .mpPlaceLst .cat.st관광지 { background: #def5ec; color: #0e9468; }
.myPlaceMapWr .mpPlaceLst .cat.st쇼핑 { background: #fce4f0; color: #d33e88; }
.myPlaceMapWr .mpPlaceLst .cat.st기타 { background: #eef0f2; color: #6e747c; }
.myPlaceMapWr .mpPlaceLst .rating {
	font-size: 12px;
	font-weight: 600;
	color: #f5a623;
}
.myPlaceMapWr .mpPlaceLst .name {
	font-size: 15px;
	font-weight: 600;
	color: #212121;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.myPlaceMapWr .mpPlaceLst .addr {
	font-size: 12px;
	color: var(--text-muted);
}
.myPlaceMapWr .mpPlaceLst .from {
	font-size: 12px;
	color: #aeb2bb;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.myPlaceMapWr .mpCta {
	flex-shrink: 0;
	padding: 10px 16px calc(12px + env(safe-area-inset-bottom));
	border-top: 1px solid #f1f1f3;
}
.myPlaceMapWr .mpCta .btn {
	display: block;
	width: 100%;
	padding: 14px;
	background: var(--accent);
	border: none;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
}

/* 폴더 → 일정 자동생성 FAB + 모달
------------------------------------------------------ */
.agFab {
	position: fixed;
	left: 50%;
	bottom: 78px;
	transform: translateX(-50%);
	z-index: 90;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 13px 22px;
	background: var(--accent);
	border: none;
	border-radius: 100px;
	box-shadow: 0 6px 20px rgba(93, 95, 239, .38);
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
}
.agFab .agFabIco {
	position: relative;
	width: 15px;
	height: 15px;
	border: 1.5px solid #fff;
	border-radius: 3px;
	flex-shrink: 0;
}
.agFab .agFabIco:after {
	content: "";
	position: absolute;
	left: 1px;
	right: 1px;
	top: 3px;
	border-top: 1.5px solid #fff;
}
.agModalBg {
	position: fixed;
	top:0;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;
	z-index: 200;
	display: flex;
	align-items: flex-end;
	justify-content: center; /* 앱 프레임(430px) 중앙에 시트 정렬 — 데스크톱 전체폭 퍼짐 방지 */
	background: rgba(20, 20, 30, .45);
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease;
}
.agModalBg.on { opacity: 1; visibility: visible; }
.agModal {
	width: 100%;
	max-width: 430px; /* 모바일 웹앱 프레임 폭에 맞춤 */
	background: #fff;
	border-radius: 20px 20px 0 0;
	padding: 6px 20px calc(20px + env(safe-area-inset-bottom));
	transform: translateY(20px);
	transition: transform .25s ease;
}
.agModalBg.on .agModal { transform: translateY(0); }
.agHead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 0 6px;
}
.agHead .agTit {
	font-size: 18px;
	font-weight: 700;
	color: #212121;
}
.agClose {
	position: relative;
	width: 32px;
	height: 32px;
	background: none;
	border: none;
	cursor: pointer;
}
.agClose:before,
.agClose:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 2px;
	background: #999;
	border-radius: 2px;
}
.agClose:before { transform: translate(-50%, -50%) rotate(45deg); }
.agClose:after { transform: translate(-50%, -50%) rotate(-45deg); }
.agBody { padding: 6px 0 8px; }
.agDesc {
	font-size: 13px;
	line-height: 1.5;
	color: var(--text-muted);
	margin-bottom: 18px;
}
.agField {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 16px;
}
.agField .agLbl {
	font-size: 13px;
	font-weight: 600;
	color: #333;
}
.agInput {
	width: 100%;
	padding: 13px 14px;
	border: 1px solid #e2e2e8;
	border-radius: 12px;
	font-size: 15px;
	color: #212121;
	background: #fff;
	-webkit-appearance: none;
	appearance: none;
}
.agInput:focus {
	outline: none;
	border-color: var(--accent);
	box-shadow: 0 0 0 3px rgba(93, 95, 239, .12);
}
.agDays {
	display: flex;
	gap: 7px;
	flex-wrap: wrap;
}
.agDayBtn {
	flex: 1;
	min-width: 52px;
	padding: 11px 0;
	background: #f4f4f7;
	border: 1px solid transparent;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	color: #555;
	cursor: pointer;
}
.agDayBtn.on {
	background: #ebecff;
	border-color: var(--accent);
	color: var(--accent);
}
.agFoot { padding: 6px 0 8px; }
.agSubmit {
	width: 100%;
	padding: 15px;
	background: var(--accent);
	border: none;
	border-radius: 14px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
}
.agSubmit:disabled { opacity: .6; }
.agBack {
	position: relative;
	width: 32px;
	height: 32px;
	margin-left: -6px;
	background: none;
	border: none;
	cursor: pointer;
}
.agBack:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -2px;
	border-left: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(45deg);
}
.agLoading {
	padding: 34px 0;
	text-align: center;
}
.agLoading p {
	font-size: 14px;
	color: var(--text-muted);
}
.agDestList {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 4px;
	max-height: 46vh;
	overflow-y: auto;
}
.agDestItem {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #e8e8ee;
	border-radius: 12px;
	cursor: pointer;
}
.agDestItem:has(input:checked) {
	border-color: var(--accent);
	background: #f6f6ff;
}
.agDestItem input {
	width: 20px;
	height: 20px;
	accent-color: var(--accent);
	flex-shrink: 0;
}
.agDestInfo {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: baseline;
	gap: 6px;
}
.agDestInfo b {
	font-size: 15px;
	font-weight: 700;
	color: #212121;
}
.agDestInfo em {
	font-style: normal;
	font-size: 12px;
	color: var(--text-muted);
}
.agDestCnt {
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--accent);
}
.agPlaceTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 10px;
}
.agPlaceTop .agDesc { margin-bottom: 0; }
.agPlaceTop .agDesc em {
	font-style: normal;
	font-weight: 600;
	color: var(--accent);
}
.agAllToggle {
	flex-shrink: 0;
	padding: 6px 12px;
	background: #f4f4f7;
	border: none;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 600;
	color: #555;
	cursor: pointer;
}
.agPlaceList {
	display: flex;
	flex-direction: column;
	gap: 6px;
	height: 50vh; /* 고정 — 카테고리 필터 전환 시 높이가 출렁이지 않게 */
	overflow-y: auto;
}
.agPlaceItem {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border: 1px solid #eee;
	border-radius: 12px;
	cursor: pointer;
	transition: opacity .15s ease;
}
.agPlaceItem:has(input:checked) {
	border-color: #d9daf5;
	background: #fafaff;
}
.agPlaceItem:not(:has(input:checked)) { opacity: .45; }
.agPlaceItem input {
	width: 19px;
	height: 19px;
	accent-color: var(--accent);
	flex-shrink: 0;
}
.agPlaceThumb {
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	border-radius: 8px;
	overflow: hidden;
	background: #f0f1f4;
}
.agPlaceThumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.agPlaceThumb.noimg {
	background: #eef0f4 url(/Form/_renew_vue/images/comNoImg01.svg) no-repeat center / 18px;
}
.agPlaceThumb.noimg img { display: none; }
.agPlaceInfo {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.agPlaceInfo b {
	font-size: 14px;
	font-weight: 600;
	color: #212121;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.agPlaceInfo em {
	font-style: normal;
	font-size: 12px;
	color: var(--text-muted);
}
.agPlaceRate {
	color: #f5a623;
	font-weight: 600;
}
/* agStep2 — 상단 카테고리 필터 칩 */
.agCatFilter {
	display: flex;
	gap: 6px;
	overflow-x: auto;
	padding: 2px 0 12px;
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch; /* iOS webview momentum 스크롤 */
	user-select: none;
	cursor: grab;
}
.agCatFilter.drag { cursor: grabbing; }
.agCatFilter::-webkit-scrollbar { display: none; }
.agChip {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	height: 34px;
	padding: 0 13px;
	font-size: 13px;
	font-weight: 600;
	color: #555;
	background: #f4f4f7;
	border: 1px solid transparent;
	border-radius: 100px;
	cursor: pointer;
	white-space: nowrap;
}
.agChip span {
	font-size: 11px;
	font-weight: 700;
	color: #aeaeb8;
}
.agChip.on {
	color: var(--accent);
	background: #ebecff;
	border-color: var(--accent);
}
.agChip.on span { color: var(--accent); }

/* agStepHotel — 숙소 선택 */
.agHotelSearch { position: relative; margin-top: 4px; }
.agHotelResults {
	margin-top: 6px;
	border: 1px solid #ececf0;
	border-radius: 12px;
	overflow: hidden;
	max-height: 38vh;
	overflow-y: auto;
}
.agHotelResult {
	display: flex;
	flex-direction: column;
	gap: 2px;
	width: 100%;
	padding: 11px 13px;
	background: #fff;
	border: none;
	border-bottom: 1px solid #f2f2f5;
	text-align: left;
	cursor: pointer;
}
.agHotelResult:last-child { border-bottom: none; }
.agHotelResult:active { background: #f7f7fb; }
.agHotelResult b { font-size: 14px; font-weight: 600; color: #212121; }
.agHotelResult em { font-style: normal; font-size: 12px; color: #767676; }
.agHotelFolder { margin-top: 16px; }
.agHotelFolderLbl { font-size: 12px; font-weight: 600; color: #767676; margin-bottom: 8px; }
.agHotelChips { display: flex; flex-wrap: wrap; gap: 6px; }
.agHotelChip {
	padding: 8px 13px;
	font-size: 13px;
	font-weight: 600;
	color: #333;
	background: #f4f4f7;
	border: 1px solid transparent;
	border-radius: 100px;
	cursor: pointer;
}
.agHotelChip:active { border-color: var(--accent); color: var(--accent); }
.agHotelPicked { margin-top: 4px; }
.agHotelCard {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 14px;
	background: #ebecff;
	border-radius: 14px;
}
.agHotelIco { font-size: 22px; flex-shrink: 0; }
.agHotelInfo { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.agHotelInfo b { font-size: 15px; font-weight: 700; color: #212121; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agHotelInfo em { font-style: normal; font-size: 12px; color: #6b6d8a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agHotelClear, .agHotelEdit {
	flex-shrink: 0;
	padding: 7px 12px;
	font-size: 12px;
	font-weight: 700;
	color: var(--accent);
	background: #fff;
	border: none;
	border-radius: 9px;
	cursor: pointer;
}
.agHotelSkip {
	display: block;
	width: 100%;
	margin-top: 14px;
	padding: 15px;
	font-size: 15px;
	font-weight: 600;
	color: #6b6b72;
	background: #f0f0f3;
	border: none;
	border-radius: 12px;
	cursor: pointer;
}
.agHotelSkip:active { background: #e6e6ea; }
/* 날짜별 숙소 행 */
.agHotelDays { display: flex; flex-direction: column; gap: 12px; }
.agHotelDayRow { display: flex; flex-direction: column; gap: 6px; }
.agHotelDayLbl { font-size: 13px; font-weight: 700; color: #212121; }
.agHotelPickBtn {
	width: 100%;
	padding: 13px;
	font-size: 13px;
	font-weight: 600;
	color: var(--accent);
	background: #f4f4f7;
	border: 1px dashed #c9cae8;
	border-radius: 12px;
	cursor: pointer;
}
.agHotelPickBtn:active { background: #ebecff; }
/* 숙소 검색 패널 */
.agHotelSearchPanel {
	margin-top: 16px;
	padding: 13px;
	background: #f7f7fb;
	border-radius: 14px;
}
.agHotelSearchHead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 9px;
	font-size: 13px;
	font-weight: 700;
	color: #212121;
}
.agHotelSearchClose {
	background: none;
	border: none;
	font-size: 15px;
	color: #999;
	cursor: pointer;
	line-height: 1;
	padding: 2px 4px;
}
.agHotelFolderQuick { margin-top: 10px; }

/* 항공권 업로드(기본 단계) */
.agFlightUpload {
	display: block;
	width: 100%;
	padding: 14px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	color: var(--accent);
	background: #f4f4f7;
	border: 1px dashed #c9cae8;
	border-radius: 12px;
	cursor: pointer;
}
.agFlightUpload:active { background: #ebecff; }
.agFlightInfo { margin-top: 10px; display: flex; flex-direction: column; gap: 8px; }
.agFlightRow { display: flex; align-items: center; gap: 10px; }
.agFlightLbl { font-size: 13px; font-weight: 600; color: #333; min-width: 116px; }
.agTimeInput { flex: 1; }
/* 항공 시각 버튼(탭→커스텀 휠 피커) */
.agTimeBtn { flex: 1; text-align: left; padding: 11px 12px; border: 1px solid #e0e0e0; border-radius: 10px; background: #fff; font-size: 15px; color: #999; cursor: pointer; font-variant-numeric: tabular-nums; }
.agTimeBtn.set { color: #212121; font-weight: 600; }
/* 시간 휠 피커 모달 (라이트, iOS 알람 스타일) */
.agWheel { position: fixed; top:0;bottom:0;left:0;right:0;max-width:430px;margin:0 auto; z-index: 999999; display: flex; align-items: flex-end; justify-content: center; background: rgba(0,0,0,.35); }
.agWheel[hidden] { display: none; }
.agWheelSheet { width: 100%; max-width: 460px; background: #fff; border-radius: 24px 24px 0 0; padding-bottom: 24px; box-shadow: 0 -6px 30px rgba(0,0,0,.18); }
.agWheelHead { display: flex; align-items: center; justify-content: space-between; padding: 16px 16px 8px; }
.agWheelTitle { font-size: 17px; font-weight: 600; color: #212121; }
.agWheelBtn { width: 50px; height: 50px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.agWheelBtn svg { width: 22px; height: 22px; }
.agWheelX { background: #f0f0f3; color: #9a9aa0; }
.agWheelOk { background: var(--accent, #5d5fef); color: #fff; }
.agWheelBody { position: relative; height: 378px; display: flex; padding: 0 18px; margin-top: 4px; }
.agWheelBand { position: absolute; left: 12px; right: 12px; top: 162px; height: 54px; background: #eef0ff; border-radius: 13px; pointer-events: none; }
.agWheelCol { flex: 1; height: 100%; overflow-y: scroll; scroll-snap-type: y mandatory; text-align: center; padding: 162px 0; scrollbar-width: none; -webkit-mask-image: linear-gradient(180deg, transparent, #000 28%, #000 72%, transparent); mask-image: linear-gradient(180deg, transparent, #000 28%, #000 72%, transparent); }
.agWheelCol::-webkit-scrollbar { display: none; }
.agWheelCol.agWampm { flex: 1.1; }
.agWheelIt { height: 54px; line-height: 54px; scroll-snap-align: center; color: #c2c2cb; font-size: 30px; font-weight: 500; font-variant-numeric: tabular-nums; transition: color .12s, font-size .12s; }
.agWheelIt.on { color: #212121; font-size: 34px; font-weight: 600; }
.agWampm .agWheelIt { font-size: 26px; }
.agWampm .agWheelIt.on { font-size: 29px; }

/* agStep2 — 장소를 카테고리별로 그룹 */
.agCatGroup { margin-bottom: 14px; }
.agCatGroup:last-child { margin-bottom: 0; }
.agCatHead {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 2px 8px;
	cursor: pointer;
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 1;
}
.agCatHead input {
	width: 18px;
	height: 18px;
	accent-color: var(--accent);
	flex-shrink: 0;
}
.agCatHead b {
	font-size: 13px;
	font-weight: 700;
	color: #212121;
}
.agCatHead em {
	font-style: normal;
	font-size: 12px;
	font-weight: 600;
	color: var(--accent);
	background: #ebecff;
	border-radius: 10px;
	padding: 1px 7px;
}
.agCatItems {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
/* schedule05 장소 카드 시간 */
.place-card-wrap .place-time {
	font-size: 12px;
	font-weight: 700;
	color: var(--accent);
	margin-bottom: 1px;
}
/* 여행 스타일(테마) 칩 */
.agThemes {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}
.agThemeBtn {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	padding: 11px 13px;
	background: #f4f4f7;
	border: 1px solid transparent;
	border-radius: 12px;
	text-align: left;
	cursor: pointer;
}
.agThemeBtn b {
	font-size: 14px;
	font-weight: 700;
	color: #212121;
}
.agThemeBtn em {
	font-style: normal;
	font-size: 11px;
	color: var(--text-muted);
}
.agThemeBtn.on {
	background: #ebecff;
	border-color: var(--accent);
}
.agThemeBtn.on b { color: var(--accent); }

/* 관심사(다중 칩) + 동행(4분할) — 취향·동행 가중치 입력. 칩 자체는 기존 .agChip 재사용(중복 정의 금지). */
.agLbl .agSub { font-style: normal; font-weight: 500; color: #9a9aa2; font-size: 11.5px; margin-left: 4px; }
.agChips { display: flex; flex-wrap: wrap; gap: 8px; }
.agComp { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 7px; }
.agCompBtn {
	padding: 11px 4px;
	background: #f4f4f7;
	border: 1px solid transparent;
	border-radius: 11px;
	font-size: 13px;
	font-weight: 500;
	color: #555;
	text-align: center;
	cursor: pointer;
}
.agCompBtn.on {
	background: #ebecff;
	border-color: var(--accent);
	color: var(--accent);
	font-weight: 600;
}

/* 일정 생성(비동기) 안내 토스트 */
.agToast {
	position: fixed;
	left: 50%;
	bottom: 88px;
	transform: translate(-50%, 12px);
	width: calc(100% - 40px);
	max-width: 390px; /* 앱 프레임 폭 내로 — 데스크톱에서 가로로 퍼짐 방지 */
	background: #1f2430;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	padding: 13px 18px;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
	z-index: 9999;
	opacity: 0;
	text-align: center;
	transition: opacity .28s ease, transform .28s cubic-bezier(.22, 1, .36, 1);
	pointer-events: none;
}
.agToast.show {
	opacity: 1;
	transform: translate(-50%, 0);
}
.agToastDone {
	background: var(--accent);
	font-weight: 700;
	cursor: pointer;
	pointer-events: auto;
}

/* '더 둘러볼 곳' 후보 (일정 정원 초과분) */
.candBox {
	margin: 8px 16px 28px;
	padding: 18px 16px;
	background: #f7f7fb;
	border-radius: 16px;
}
.candHead {
	font-size: 15px;
	font-weight: 700;
	color: #212121;
	display: flex;
	align-items: center;
	gap: 6px;
}
.candHead span {
	font-size: 12px;
	font-weight: 700;
	color: var(--accent);
	background: #ebecff;
	border-radius: 10px;
	padding: 1px 8px;
}
.candSub {
	margin-top: 4px;
	font-size: 12px;
	color: #767676;
	line-height: 1.5;
}
.candList {
	margin-top: 14px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.candItem {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	background: #fff;
	border: 1px solid #ececf0;
	border-radius: 12px;
}
.candThumb {
	width: 46px;
	height: 46px;
	flex-shrink: 0;
	border-radius: 10px;
	background: #f0f0f4 url(/Form/_renew_vue/images/schd05PlaceLocation.svg) center/22px no-repeat;
	overflow: hidden;
}
.candThumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.candInfo {
	flex: 1;
	min-width: 0;
}
.candName {
	font-size: 14px;
	font-weight: 600;
	color: #212121;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.candMeta {
	margin-top: 2px;
	font-size: 12px;
	color: #767676;
}
.candAddBtn {
	flex-shrink: 0;
	min-width: 56px;
	min-height: 36px;
	padding: 0 14px;
	font-size: 13px;
	font-weight: 700;
	color: var(--accent);
	background: #ebecff;
	border: none;
	border-radius: 10px;
	cursor: pointer;
}
.candAddBtn:active {
	background: #dfe0ff;
}

/* 후보 → Day 선택 시트 */
.candDayBg {
	position: fixed;
	top:0;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;
	background: rgba(0, 0, 0, .4);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
	z-index: 10000;
}
.candDayBg.on {
	opacity: 1;
	visibility: visible;
}
.candDaySheet {
	width: 100%;
	max-width: 430px; /* 앱 프레임 폭에 맞춤 */
	background: #fff;
	border-radius: 20px 20px 0 0;
	padding: 22px 20px calc(20px + env(safe-area-inset-bottom));
	transform: translateY(16px);
	transition: transform .28s cubic-bezier(.22, 1, .36, 1);
}
.candDayBg.on .candDaySheet {
	transform: translateY(0);
}
.candDayTit {
	font-size: 16px;
	font-weight: 700;
	color: #212121;
}
.candDayName {
	margin-top: 4px;
	font-size: 13px;
	color: var(--accent);
	font-weight: 600;
}
.candDayBtns {
	margin-top: 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.candDayBtn {
	min-height: 44px;
	padding: 0 18px;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	background: #f4f4f7;
	border: 1px solid transparent;
	border-radius: 12px;
	cursor: pointer;
}
.candDayBtn:active {
	border-color: var(--accent);
	color: var(--accent);
}
.candDayCancel {
	margin-top: 16px;
	width: 100%;
	min-height: 48px;
	font-size: 14px;
	font-weight: 600;
	color: #767676;
	background: #f4f4f7;
	border: none;
	border-radius: 12px;
	cursor: pointer;
}

/* 홈 인기 제휴샵 지역 탭 — 크기 축소 + 연회색/검정 선택색으로 변경(사용자요청, schedule05 지도 아래 .s5DayChip과 동일 톤 #F1F2F4/#17181D).
   터치타깃(>=44px, design.md 원칙1)은 투명 ::before 히트영역으로 계속 확보 */
.mTieupWr .mCateSwipe .mCateBtn {
	position:relative;
	min-width:0;
	padding:8.5px 16px 7.5px;
	border:0;
	font-size:14.5px;
	font-weight:700;
	background:#F1F2F4;
	color:#5B606B;
}
.mTieupWr .mCateSwipe .mCateBtn.on {
	background:#17181D;
	color:#fff;
}
.mTieupWr .mCateSwipe .mCateBtn::before {
	content:""; position:absolute; left:0; right:0; top:50%;
	transform:translateY(-50%); height:44px;
}
/* 칩 목록 우측 '더 있음' 화살표(사용자요청) — 텍스트 알약이라 썸네일 섹션(.mScrollFadeWr)의 불투명 페이드까지는 불필요(둥근 필을 사각으로 딱 잘라 보임),
   옅은 그라데이션 + 화살표만 별도 스코프로 적용 */
.mCateChipFadeWr {
	position:relative;
	overflow:hidden; /* 누락돼있어서 우측 끝 칩이 안 잘리고 그대로 삐져나와 보이던 문제 수정 */
	margin:0 0 16px; /* .mCateSwipe의 margin-bottom을 여기로 옮김 — overflow:hidden 때문에 안쪽 margin이 wrapper 높이에 그대로 포함돼
	                    화살표(top:50%)가 칩 중앙보다 아래로 밀려 보이던 문제 해결 */
}
.mCateChipFadeWr .mCateSwipe { margin-bottom:0; }
.mCateChipFadeWr::after {
	content:"";
	position:absolute;
	top:0; right:0; bottom:0;
	width:28px;
	background:linear-gradient(to right, rgba(255,255,255,0), #fff 65%);
	pointer-events:none;
	z-index:3;
}
.mCateChipFadeWr::before {
	content:"";
	position:absolute;
	top:50%; right:6px;
	width:7px; height:7px;
	border-top:2px solid #999;
	border-right:2px solid #999;
	transform:translateY(-50%) rotate(45deg);
	pointer-events:none;
	z-index:4;
}
/* 인기 제휴샵 카드 할인율 원형 배지 — 검정으로 변경 + 좀 더 상단 우측으로 이동(사용자요청). .mComSwipe01은 areaDetail/travelInfo에서도
   재사용되는 전역 클래스라 이 섹션 안(.mTieupWr)에서만 override */
.mTieupWr .mComSwipe01 .lnk01 .lnkPer01 {
	top:8px;
	right:8px;
	background:#17181D;
}

/* 채널톡 FAB 자동숨김 트랜지션 — .is-fabHidden은 홈 JS에서만 부여(타 페이지 영향 없음) */
.fChnTalk02 { transition:opacity .25s ease, transform .25s ease; }
.fChnTalk02.is-fabHidden { opacity:0; transform:translateY(24px); pointer-events:none; }

/* ── 현지인 체험 전용 하단 탭바 (localExpNav.php · 공유) ── */
.lexNav { position:fixed; bottom:0; left:50%; transform:translateX(-50%); width:100%; max-width:430px;
	height:calc(72px + env(safe-area-inset-bottom, 0px)); padding-bottom:env(safe-area-inset-bottom, 0px);
	display:flex; background:#fff; border-top:1px solid #EDEDED; z-index:40; }
.lexNav .lexNavItem { flex:1; height:72px; display:flex; flex-direction:column; align-items:center; justify-content:center;
	border:0; background:none; text-decoration:none; color:#6B6E7A; cursor:pointer;
	transition:opacity .12s ease; -webkit-tap-highlight-color:transparent; }
.lexNav .lexNavItem:active { opacity:.5; }
.lexNav .lexNavItem .ico { position:relative; width:28px; height:28px; margin-bottom:6px; display:inline-flex; color:#B6B9C3; }
.lexNav .lexNavItem .ico svg { width:100%; height:100%; }
/* 안 읽은 메시지 점(사용자선택 B안 2026-08-13) — 개수 없이 '새 메시지 있음'만.
   흰 테두리 2px 로 아이콘과 분리한다(테두리가 없으면 말풍선 꼬리와 붙어 보인다). */
.lexNav .lexNavItem .lexNavDot { position:absolute; top:0; left:19px; width:9px; height:9px; border-radius:50%;
	background:#FF3B30; border:2px solid #fff; box-sizing:border-box; }
.lexNav .lexNavItem .lbl { font-size:12px; letter-spacing:-.3px; }
.lexNav .lexNavItem.on { color:#20212A; }
.lexNav .lexNavItem.on .lbl { font-weight:700; }
.lexNav .lexNavItem.on .ico { color:#20212A; }
.lexNav .lexNavItem:focus-visible { outline:2px solid #5d5fef; outline-offset:-3px; border-radius:8px; }

/* 메시지 = 탭에서 빼고 [내 프로필] 위 플로팅 버튼으로(사용자요청 2026-08-13).
   래퍼로 앱 폭(430px)에 가둔 뒤, 버튼을 4번째 탭(내 프로필) 가운데(87.5%) 바로 위에 올린다. */
.lexMsgFabWrap { position:fixed; left:50%; transform:translateX(-50%); width:100%; max-width:430px; height:0;
	bottom:calc(72px + env(safe-area-inset-bottom, 0px)); z-index:41; pointer-events:none; }
/* 크기·위치는 schedule05 [+] 플로팅(.abFab-main)과 동일(사용자요청 2026-08-13):
   44×44 · 아이콘 20px · 화면 우측 21px · 화면 하단 96px(래퍼 bottom 72 + 24).
   색은 검정(#20212A), 그림자는 없음. 래퍼(.lexMsgFabWrap)가 앱 폭 430px 로 가두므로 넓은 화면에서도 안 벗어난다. */
.lexMsgFab { position:absolute; right:21px; left:auto; bottom:24px;
	width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center;
	background:#5D5FEF; color:#fff; text-decoration:none; pointer-events:auto;   /* 보라(사용자요청 2026-08-13) */
	box-shadow:none;
	transition:transform .12s ease; -webkit-tap-highlight-color:transparent; }
.lexMsgFab svg { width:20px; height:20px; }
.lexMsgFab:active,
.lexMsgFab.isPress { transform:scale(.94); }
/* 빨간 점 = 버튼 모서리가 아니라 **대화 아이콘 우측 상단에 붙는다**(사용자요청 2026-08-13).
   아이콘 20px 이 44px 버튼 가운데 있으므로 아이콘 상/우 경계는 각각 12px → 점(10px) 중심을 그 모서리에 두려면 7px.
   테두리 색은 버튼 배경과 같아야 점이 아이콘에서 떠 보이지 않는다. */
.lexMsgFab .lexMsgFabDot { position:absolute; top:10px; right:10px; width:10px; height:10px; border-radius:50%;
	background:#FF3B30; border:1.5px solid #5D5FEF; box-sizing:border-box; }   /* 아이콘에 살짝 걸치게 안쪽으로(7→10px) + 테두리 얇게(사용자요청 2026-08-13) */
.lexMsgFab:focus-visible { outline:2px solid #5d5fef; outline-offset:3px; }

/* 인기 제휴샵 카드 — 숙소/현지인처럼 박스 없는 깔끔한 스타일로 통일 (mTieupWr 스코프) */
.mTieupWr .mComSwipe01 .swiper-slide { width:170px; }
.mTieupWr .mComSwipe01 .lnk01 .lnkImg { padding:0; aspect-ratio:16/11; margin:0 0 8px; border-radius:14px; }
.mTieupWr .mComSwipe01 .lnk01 .lnkConBox { padding:0; border:0; border-radius:0; }
.mTieupWr .mComSwipe01 .lnk01 .lnkTit01 { margin:0 0 3px; font-size:14px; }
.mTieupWr .mComSwipe01 .lnk01 .lnkTxt01 { font-size:12px; color:#9E9E9E; }
.mTieupWr .mComSwipe01 .lnk01 .numBox { margin:6px 0 0; }
.mTieupWr .mComSwipe01 .lnk01 .numBox .star { font-size:13px; color:#3A3D46; }
.mTieupWr .mComSwipe01 .lnk01 .numBox .star .gTxt01 { color:#9E9E9E; }


/* ── 호스트 센터 전용 하단 탭바 (localHostNav.php · 공유) ── */
.lexaNav { position:fixed; bottom:0; left:50%; transform:translateX(-50%); width:100%; max-width:430px;
	height:calc(72px + env(safe-area-inset-bottom,0px)); padding-bottom:env(safe-area-inset-bottom,0px);
	display:flex; background:#fff; border-top:1px solid #EDEDED; z-index:40; }
.lexaNav .lexaNavItem { flex:1; height:72px; display:flex; flex-direction:column; align-items:center; justify-content:center;
	border:0; background:none; text-decoration:none; color:#6B6E7A; cursor:pointer; transition:opacity .12s ease; -webkit-tap-highlight-color:transparent; }
.lexaNav .lexaNavItem:active { opacity:.5; }
.lexaNav .lexaNavItem .ico { width:28px; height:28px; margin-bottom:6px; display:inline-flex; color:#B6B9C3; }
.lexaNav .lexaNavItem .ico svg { width:100%; height:100%; }
.lexaNav .lexaNavItem .lbl { font-size:12px; letter-spacing:-.3px; }
.lexaNav .lexaNavItem.on { color:#20212A; }
.lexaNav .lexaNavItem.on .lbl { font-weight:700; }
.lexaNav .lexaNavItem.on .ico { color:#20212A; }
.lexaNav .lexaNavItem:focus-visible { outline:2px solid #5d5fef; outline-offset:-3px; border-radius:8px; }


/* ==================== expenseHistory 리포트 (지출내역 요약) ==================== */
/* 하단 고정 네비 높이만큼 콘텐츠 여백 확보 */
.expenseHistoryWr {
	padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px));
}
/* 섹션 구분: 굵은 회색띠(8px) → 1px 실선, 실선 상하 여백 24px 통일 */
.expenseHistoryWr .expenTopBox01 {
	padding-bottom:8px;
	border-bottom:0; /* 더보기 아이콘 아래 실선 제거 (구 8px 보더 부활 방지용 0 명시) */
}
/* 시트 모드(가계부 바텀시트 임베드): 헤더·로딩바 숨기고 여백 정리 (하단 네비는 시트 하단 고정 유지) */
body.ehSheetMode header,
body.ehSheetMode .page-loading-bar { display:none !important; }
body.ehSheetMode .expenseHistoryWr { padding-top:0 !important; margin-top:0 !important; }
body.ehSheetMode .expenseHistoryWr .expenTopBox01 { padding-top:22px; }
/* 가계부 축소 시트 모드 (schedule05 [+] 비용추가 → iframe 임베드) — 직접 접속(파라미터 없음)은 영향 없음 */
body.abSheetMode header,
body.abSheetMode .page-loading-bar { display:none !important; }
body.abSheetMode .accountBookReWr { padding-top:0 !important; margin-top:0 !important; }
body.abSheetMode .abTopBox01 { padding-top:16px; }
.expenseHistoryWr .expenConBox {
	padding-top:24px;
}
/* 필터 칩: 회색 칩 (기존 20px bold 오버라이드) */
.expenseHistoryWr .expenTopBox01 .selectPopOn {
	margin:0;
	padding:0 20px 0 0;
	font-weight:600;
	font-size:15px;
	color:#797979;
}
.expenseHistoryWr .expenTopBox01 .selectPopOn:after {
	width:8px;
	height:8px;
	top:4px;
}
.expenseHistoryWr .expenTopBox01 .selectPopOn.on:after {
	top:8px;
}
/* 총액 */
.expenseHistoryWr .expenTopBox01 .ehTotal01 {
	margin:8px 0 0;
	font-size:30px;
	font-weight:800;
	color:#212121;
	letter-spacing:-.02em;
	font-variant-numeric:tabular-nums;
}
.expenseHistoryWr .expenTopBox01 .ehTotal01 .won {
	font-size:30px;
	font-weight:800;
	margin-right:5px;
}
/* 통화 기호-숫자 사이 미세 여백 */
.expenseHistoryWr .cSym { margin-right:3px; }
/* 총 지출 라벨 (구 필터 드롭다운 → 일반 라벨) */
.expenseHistoryWr .expenTopBox01 .ehStatTit01 {
	margin:0 0 8px;
	font-weight:700;
	font-size:15px;
	color:#999;
}
/* 통화별 금액 [더보기] 토글 — 아이콘만, 가운데 정렬 */
.expenseHistoryWr .expenTopBox01 .ehCurMore {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	margin:8px 0 0;
	padding:6px 0;
	background:none;
	border:0;
	cursor:pointer;
}
.expenseHistoryWr .expenTopBox01 .ehCurMore .arw {
	position:relative;
	width:16px;
	height:12px;
}
.expenseHistoryWr .expenTopBox01 .ehCurMore .arw:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	width:12px;
	height:12px;
	top:-3px;
	left:2px;
	border-bottom:1.8px solid #B0B4C0;
	border-right:1.8px solid #B0B4C0;
	transform:rotate(45deg);
	transition:transform .25s ease, top .25s ease;
}
.expenseHistoryWr .expenTopBox01 .ehCurMore .arw.up:after {
	top:3px;
	transform:rotate(225deg);
}
/* 통화별 지출 */
.expenseHistoryWr .expenTopBox01 .ehCurLst01 {
	list-style:none;
	margin:8px 0 0;
	padding:0 2px;
}
.expenseHistoryWr .expenTopBox01 .ehCurLst01 li {
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	font-size:13px;
	padding:5px 0;
}
.expenseHistoryWr .expenTopBox01 .ehCurLst01 .cName { color:#797979; }
.expenseHistoryWr .expenTopBox01 .ehCurLst01 .cParen { margin-left:2px; }
.expenseHistoryWr .expenTopBox01 .ehCurLst01 .cAmt {
	font-weight:700;
	color:#212121;
	font-variant-numeric:tabular-nums;
}
.expenseHistoryWr .expenTopBox01 .ehCurLst01 .cCode {
	font-size:11px;
	font-weight:600;
	color:#B0B0B0;
	margin-left:4px;
}
/* 리포트 섹션 공통 */
.expenseHistoryWr .ehSecBox01 {
	padding:24px 16px;
	border-bottom:1px solid #F0F0F0;
}
.expenseHistoryWr .ehSecBox01.ehStatBox01 { border-bottom:none; }   /* 통계 그룹 리스트(카테고리/결제수단/날짜) 마지막 하단 실선 삭제(사용자요청) */
.expenseHistoryWr .ehSecBox01 .ehSecTit01 {
	font-size:15px;
	font-weight:700;
	color:#212121;
	margin:0 0 14px;
	letter-spacing:-.01em;
}
/* 결제수단 100% 스택바 */
.expenseHistoryWr .ehPayBar01 {
	display:flex;
	height:24px;
	border-radius:6px;
	overflow:hidden;
	font-variant-numeric:tabular-nums;
}
.expenseHistoryWr .ehPayBar01 .seg {
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:11px;
	font-weight:700;
	min-width:0;
}
.expenseHistoryWr .ehPayLegend01 {
	list-style:none;
	display:flex;
	gap:16px;
	flex-wrap:wrap;
	margin:12px 0 0;
	padding:0;
}
.expenseHistoryWr .ehPayLegend01 li {
	display:flex;
	align-items:center;
	gap:6px;
	font-size:12px;
	color:#424242;
	font-variant-numeric:tabular-nums;
}
.expenseHistoryWr .ehPayLegend01 .sw {
	width:9px;
	height:9px;
	border-radius:3px;
	flex:0 0 auto;
}
.expenseHistoryWr .ehPayLegend01 b { font-weight:700; }
/* 카테고리 도넛 */
.expenseHistoryWr .ehDonutWr01 { display:flex; justify-content:center; }
.expenseHistoryWr .ehDonutWr01 svg {
	width:340px;
	max-width:100%;
	height:auto;
	display:block;
}
/* 일자별 지출 바 */
.expenseHistoryWr .ehDayLst01 {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:12px;
}
.expenseHistoryWr .ehDayLst01 li {
	display:grid;
	grid-template-columns:58px 1fr;
	align-items:center;
	gap:10px;
}
.expenseHistoryWr .ehDayLst01 .dLabel {
	font-size:12px;
	font-weight:700;
	color:#797979;
}
.expenseHistoryWr .ehDayLst01 .dTrack {
	display:flex;
	align-items:center;
	gap:8px;
	min-width:0;
}
.expenseHistoryWr .ehDayLst01 .dBar {
	height:20px;
	border-radius:4px;
	background:#7173F1;
	flex:0 0 auto;
	transition:width .5s ease;
}
.expenseHistoryWr .ehDayLst01 .dBar.zero {
	background:#EDEDED;
	width:3px !important;
}
.expenseHistoryWr .ehDayLst01 .dAmt {
	font-size:12px;
	font-weight:700;
	color:#424242;
	white-space:nowrap;
	font-variant-numeric:tabular-nums;
}
.expenseHistoryWr .ehDayLst01 .dAmt.zero {
	color:#B0B0B0;
	font-weight:500;
}

/* ── 통계 탭 (카테고리/결제수단/날짜) — 레퍼런스 스타일 ── */
.expenseHistoryWr .ehTabs01 {
	display:flex;
	background:#FFF;
	border-bottom:1px solid #F0F0F0;
}
.expenseHistoryWr .ehTabs01 .ehTab01 {
	position:relative;
	flex:1;
	padding:15px 0 13px;
	background:none;
	border:0;
	font-size:15px;
	font-weight:600;
	color:#999;
	cursor:pointer;
}
.expenseHistoryWr .ehTabs01 .ehTab01.on { color:#212121; }
.expenseHistoryWr .ehTabs01 .ehTab01.on:after {
	content:"";
	position:absolute;
	left:28%;
	right:28%;
	bottom:-1px;
	height:3px;
	background:#212121;
	border-radius:3px;
}

/* ── 통계 그룹 리스트 (도넛 아래, 행 클릭 → 드릴다운) ── */
.expenseHistoryWr .ehGrpLst01 {
	margin:10px 0 0;
}
.expenseHistoryWr .ehGrpLst01 li {
	padding:13px 2px 15px;
	cursor:pointer;
}
.expenseHistoryWr .ehGrpLst01 li + li {
	border-top:1px solid #F7F7FA;
}
.expenseHistoryWr .ehGrpLst01 .gRow1 {
	display:flex;
	align-items:center;
	gap:8px;
}
.expenseHistoryWr .ehGrpLst01 .gCatIco {
	flex-shrink:0;
	display:inline-block;
	width:18px;
	height:18px;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center;
	-webkit-mask-size:contain;
	mask-repeat:no-repeat;
	mask-position:center;
	mask-size:contain;
}
.expenseHistoryWr .ehGrpLst01 .gDot {
	flex-shrink:0;
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 4px;
	border-radius:50%;
}
.expenseHistoryWr .ehGrpLst01 .gName {
	flex:1;
	min-width:0;
	font-size:15px;
	font-weight:600;
	color:#212121;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.expenseHistoryWr .ehGrpLst01 .gPct {
	flex-shrink:0;
	font-size:13px;
	color:#999;
	font-variant-numeric:tabular-nums;
}
.expenseHistoryWr .ehGrpLst01 .gAmt {
	flex-shrink:0;
	font-size:15px;
	font-weight:700;
	color:#212121;
	font-variant-numeric:tabular-nums;
}
.expenseHistoryWr .ehGrpLst01 .gArw {
	position:relative;
	flex-shrink:0;
	width:8px;
	height:10px;
}
.expenseHistoryWr .ehGrpLst01 .gArw:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	width:7px;
	height:7px;
	top:1px;
	left:0;
	border-top:1.5px solid #C4C7D1;
	border-right:1.5px solid #C4C7D1;
	transform:rotate(45deg);
}
.expenseHistoryWr .ehGrpLst01 .gBar {
	height:6px;
	margin:10px 0 0;
	background:#F1F2F6;
	border-radius:99px;
	overflow:hidden;
}
.expenseHistoryWr .ehGrpLst01 .gBar i {
	display:block;
	height:100%;
	border-radius:99px;
}

/* ── 그룹 상세 드릴다운 바텀시트 ── */
/* 드릴다운 헤더: 그룹명+N건(좌) / 총액(우) — 총액 우측 여백은 목록 금액과 동일(화살표 폭 8+간격 10) */
.expenseHistoryWr .ehGrpPopBg .ehShHead01 {
	display:flex;
	align-items:baseline;
	gap:8px;
	margin:8px 2px 0;
}
.expenseHistoryWr .ehGrpPopBg .ehShHead01 .nm {
	font-size:17px;
	font-weight:800;
	color:#212121;
}
.expenseHistoryWr .ehGrpPopBg .ehShHead01 .cnt {
	font-size:13px;
	font-weight:500;
	color:#999;
}
.expenseHistoryWr .ehGrpPopBg .ehShHead01 .amt {
	margin-left:auto;
	padding-right:18px;
	font-size:20px;
	font-weight:800;
	color:#212121;
}
.expenseHistoryWr .ehGrpPopBg .ehShHr01 {
	height:1px;
	background:#EDEDED;
	margin:14px 0 4px;
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 {
	/* 5개 고정 높이 (행 64px + 구분선 4px) — 초과분은 상하 스크롤 */
	height:324px;
	overflow-y:auto;
	margin:6px 0 0;
	-webkit-overflow-scrolling:touch;
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 li {
	box-sizing:border-box;
	display:flex;
	align-items:center;
	gap:10px;
	height:64px;
	padding:0 2px;
	cursor:pointer; /* 행 전체 클릭 → 비용 수정 */
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shArw {
	position:relative;
	flex-shrink:0;
	width:8px;
	height:10px;
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shArw:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	width:7px;
	height:7px;
	top:1px;
	left:0;
	border-top:1.5px solid #C4C7D1;
	border-right:1.5px solid #C4C7D1;
	transform:rotate(45deg);
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shIco {
	flex-shrink:0;
	display:inline-block;
	width:20px;
	height:20px;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-position:center;
	-webkit-mask-size:contain;
	mask-repeat:no-repeat;
	mask-position:center;
	mask-size:contain;
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 li + li {
	border-top:1px solid #F7F7FA;
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shL { flex:1; min-width:0; }
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shTit {
	display:flex;
	align-items:center;
	gap:6px;
	min-width:0;
	font-size:15px;
	font-weight:600;
	color:#212121;
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shTitTxt {
	min-width:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shPayIco {
	flex-shrink:0;
	display:inline-flex;
	width:15px;
	height:15px;
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shPayIco svg { width:100%; height:100%; }
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shPayIco.stCard { color:#FF3366; }
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shPayIco.stCash { color:#12B886; }
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shPayIco.stPay { color:#F59E0B; }
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shMeta {
	margin:4px 0 0;
	font-size:12px;
	color:#999;
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shR {
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:6px;
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shMain {
	font-size:15px;
	font-weight:700;
	color:#212121;
}
.expenseHistoryWr .ehGrpPopBg .ehShLst01 .shSub {
	font-size:12px;
	color:#999;
}

/* ── expenseHistory 날짜 헤더 우측 일자 합계 (리스트 카드 박스는 기존 유지) ── */
.expenseHistoryWr .expenConBox .expenTit01 {
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:10px;
}
.expenseHistoryWr .expenConBox .expenTit01 .gTxt01 {
	margin-left:6px;
}
.expenseHistoryWr .expenConBox .expenTit01 .dTotal {
	font-size:16px;
	font-weight:700;
	color:#212121;
	font-variant-numeric:tabular-nums;
	white-space:nowrap;
}

/* [추가하기] 인라인 새 폴더 입력 — 폴더선택 시트 공통(공유 시트 igSvPop과 동일) */
.fdNewIc{ background:#F7F7FB !important; border:1.6px dashed #C7CBD6 !important; color:#4B5563 !important; }
.fdNewIc svg{ color:#4B5563 !important; }
.fdNewInput{ flex:1; min-width:0; border:0; background:none; font-size:15px; font-weight:600; color:#20232B; outline:none; padding:0; }
.fdNewInput::placeholder{ color:#9298A4; font-weight:500; }
.fdNewAddBtn{ flex-shrink:0; height:32px; padding:0 16px; border:0; border-radius:100px; background:#20232B; color:#fff; font-size:13px; font-weight:800; cursor:pointer; }

/* 지도 하단 안내 숨김 시작
------------------------------------------------------ */
/* 구글 지도가 우하단에 붙이는 '키보드 단축키 / 지도 데이터 ©… / 약관 / 지도 오류 신고 / 축척'을 가린다(사용자요청).
   keyboardShortcuts:false 옵션으로는 안 없어져서 CSS로 처리.
   ⚠ 구글 로고는 남긴다 — 로고까지 가리면 Google Maps Platform 약관 위반(키 정지 위험).
   대상: 앱의 모든 구글 지도(지도·내주변·컨텐츠·일정·동행·장소지도 등 전부).
   .gm-style-cc는 구글 지도가 만드는 요소라 우리 마크업과 겹칠 일이 없다. */
.gm-style-cc { display:none !important; }
.gm-style .gmnoscreen { display:none !important; }
/* 지도 하단 안내 숨김 끝
------------------------------------------------------ */

/* ── 홈 섹션 히어로+세로리스트 배치 (여행지별 할인/인기 제휴샵/숙소/컨텐츠/현지인체험/공동구매 공통, 사용자요청) ──
   1번 아이템 = 큰 배너(히어로, 사진만), 나머지 = 세로 리스트. 히어로 안에는 섹션 제목(하단)+전체보기(상단 우측)만 표시. */
.heroSec{ margin:0 0 64px; padding:0 16px; }
.heroBanner{ position:relative; display:block; width:100%; aspect-ratio:16/10; border-radius:14px; overflow:hidden; background:#dee2e6; margin:0 0 14px; }
.heroBanner img{ width:100%; height:100%; object-fit:cover; display:block; }
.heroBanner .heroBannerLink{ position:absolute; inset:0; z-index:1; }
.heroBanner .heroShade{ position:absolute; left:0; right:0; bottom:0; height:62%; background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.68)); pointer-events:none; }
.heroBanner .heroTitleRow{ position:absolute; left:16px; right:16px; bottom:14px; color:#fff; pointer-events:none; }
.heroBanner .heroSecTitle{ display:block; font-size:21px; font-weight:800; line-height:1.3; letter-spacing:-.3px; text-shadow:0 1px 4px rgba(0,0,0,.35); }
.heroBanner .heroSecSub{ display:block; margin-top:5px; font-size:13px; font-weight:600; color:rgba(255,255,255,.88); text-shadow:0 1px 4px rgba(0,0,0,.4); }
/* 전체보기 = 글자 없이 '>' 화살표만(사용자요청). 글자를 지운 대신 화살표를 키우고 34px 탭 영역을 준다 —
   히어로 전체가 이미 전체보기 링크라, 이 화살표는 "여기 더 있다"는 시각 신호 역할. */
.heroBanner .heroMoreLnk{ position:absolute; top:6px; right:6px; z-index:2; display:block; width:34px; height:34px; padding:0; font-size:0; line-height:0; color:transparent; text-decoration:none; }
.heroBanner .heroMoreLnk:hover{ opacity:.8; }
.heroBanner .heroMoreLnk::after{ content:""; position:absolute; box-sizing:border-box; display:block; width:12px; height:12px; top:50%; left:50%; margin-left:-3px; transform:translate(-50%,-50%) rotate(45deg); border-top:2px solid #fff; border-right:2px solid #fff; filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)); }

/* 히어로/리스트 배치 끝
------------------------------------------------------ */

/* 버튼 누름 효과 (design.md §15-1) — 앱 전체 '누를 수 있는 것' 공용
   대상 판정/클래스 부착은 /Form/_renew_vue/js/press-fx.js 가 런타임에 한다. 여기선 그리기만.
   ★선택자를 3중으로 겹친 이유: 페이지별 규칙(.hdWrap .hdChip 등)이 이미 transition 을 갖고 있어
     단일 클래스로는 transform 트랜지션이 덮인다. 값이 아니라 우선순위만 올린 것.
   ★흔히 쓰는 배경/글자색 페이드를 같이 넣어, 이 규칙이 페이지 transition 을 덮어써도 색 전환이 유지된다.
   ★position:relative 를 .pressFx 에 넣지 말 것 — fixed/absolute/sticky 요소에 덮이면 위치가 깨진다.
     computed 가 static 인 요소에만 press-fx.js 가 .pressFxRel 을 따로 붙인다.
------------------------------------------------------ */
.pressFxRel.pressFxRel.pressFxRel { position: relative; }

.pressFx.pressFx.pressFx,
.pressFxB.pressFxB.pressFxB,
.pressFxS.pressFxS.pressFxS {
	transition: transform .16s cubic-bezier(.2,.8,.3,1), background-color .16s ease, color .16s ease, border-color .16s ease; }

.pressFx.pressFx.pressFx.isPress,
.pressFxB.pressFxB.pressFxB.isPress,
.pressFxS.pressFxS.pressFxS.isPress { transform: scale(.978); }

/* 디밍 오버레이 — ::after 가 비었으면 ::after, 이미 쓰고 있으면 ::before 로.
   둘 다 차 있으면 .pressFxS(축소만) 라 오버레이가 없다. */
.pressFx.pressFx.pressFx::after,
.pressFxB.pressFxB.pressFxB::before,
.pressFxD.pressFxD.pressFxD::after,
.pressFxDB.pressFxDB.pressFxDB::before {
	content: ""; position: absolute; inset: 0; z-index: 4; border-radius: inherit;
	background: #000; opacity: 0; transition: opacity .16s ease; pointer-events: none; }
.pressFx.pressFx.pressFx.isPress::after,
.pressFxB.pressFxB.pressFxB.isPress::before,
.pressFxD.pressFxD.pressFxD.isPress::after,
.pressFxDB.pressFxDB.pressFxDB.isPress::before { opacity: .12; }

/* 디밍만(축소 없음) — 레이아웃용 transform(translateX(-50%) 센터링, 아이콘 위치 보정 등)을
   이미 쓰는 요소용. scale 을 덮으면 요소가 튀므로 transform 은 건드리지 않는다(사용자요청 2026-08-11).
   ★ transform 이 걸린 요소는 그 자체가 containing block 이라 position:relative 를 따로 안 줘도 된다. */

@media (prefers-reduced-motion: reduce) {
	.pressFx.pressFx.pressFx.isPress,
	.pressFxB.pressFxB.pressFxB.isPress,
	.pressFxS.pressFxS.pressFxS.isPress { transform: none; }
}

/* 세그먼트 토글(그리드/리스트 보기, 컨텐츠/장소 탭, AI 팝업 기간만/날짜지정 등) 슬라이딩 인디케이터 (design.md §4-E)
   대상 선정/바인딩은 /Form/_renew_vue/js/seg-toggle-fx.js 가 하고(각 트랙에 .segTrack 자동 부여, 흰 인디케이터 <span class="segInd"> 삽입),
   여기선 인디케이터의 위치·트랜지션만 그린다. 각 트랙 자신의 배경·라운딩·버튼 크기(.svViewTog, .aiSeg 등)는 그대로 둔다.
   ★.segTrack{position:relative}가 없으면 .segInd(position:absolute)의 offsetParent가 트랙이 아니라 더 위 조상으로
     잘못 잡혀서 인디케이터가 엉뚱한 위치/크기로 그려진다(실측된 버그, 2026-08-06 재발 — 이 블록이 통째로 삭제됐었음.
     대상 클래스는 전부 자체 position 규칙이 없는 걸 확인함 — .pressFx처럼 fixed/absolute 요소와 충돌할 걱정 없음). */
.segTrack { position: relative; }
.segTrack > .segInd { position: absolute; top: 0; left: 0; z-index: 0; background: #fff;
	box-shadow: 0 1px 3px rgba(20,24,45,.12); opacity: 0;
	transition: transform .24s cubic-bezier(.4,0,.2,1), width .24s cubic-bezier(.4,0,.2,1), height .24s cubic-bezier(.4,0,.2,1), opacity .12s ease; }
.segTrack > button { position: relative; z-index: 1; }
.segTrack.segTrack.segTrack > button.on { background: none; box-shadow: none; }

/* 공동구매 마감뱃지 색상(.mGgBdg 색 매핑 재사용) + 히어로 위 뱃지 위치를 전체보기와 대칭으로 */
.mGongguWr .vBadge.bClose{ background: #f03e3e; color: #fff; }
.mGongguWr .vBadge.bToday{ background: #ff5c00; color: #fff; }
.mGongguWr .vBadge.bDay{ background: #2fb344; color: #fff; }
.mGongguWr .vBadge.bOpen{ background: #1c7ed6; color: #fff; }
.mGongguWr .heroBanner .mGgBdg{ top: 12px; left: 14px; }