@charset "UTF-8";
@import "fonts.css";
:root {
	/* 컬러 */
	/* 컬러 */
	--t_darker: #0f172a;
	--t_dark: #1e293b;
	--t_normal: #334155;
	--t_medium: #475569;
	--t_light: #64748b;
	--t_lighter: #94a3b8;
	--t_lighter_l: #acb7c8;
	--t_thin: #cbd5e1;
	--t_table: #e2e8f0;
	--t_section: #f1f5f9;

	--m_darker: #004b50;
	--m_dark: #15803d;
	--m_main: #00a76f;
	--m_light: #02c75c;
	--m_light_l: #34d662;
	--m_lighter: #c8fad6;
	--m_bg_dk: #e8f2f5;
	--m_bg: #edf5f7;
	--m_white: white;

	--p_red: #ef4444;
	--p_red_d: #9d100d;
	--p_blue: #007ffe;
	--p_blue_d: #001eff;
	--p_blue_l: #3b82f6;
	--p_orange: #f97316;
	--p_yellow: #ff8c34;
	--p_pink: #ff6a7e;
	--p_purple_d: #5e438f;
	--p_purple: #9a4cfa;
	--p_magenta: #9f6fe3;
	--p_gold: #e4bc68;
	--p_gold_d: #c58023;
	--p_green_d: #003e31;

	--bg_lighter: #edf5f7;
	--bg_light: #e5f0f3;
	--bg_medium: #d6e7ec;
	--bg_normal: #c5dee3;
	--bg_dark: #b1d0d9;

	/* 폰트싸이즈 */
	--f_8: 8px;
	--f_9: 9px;
	--f_10: 10px;
	--f_11: 11px;
	--f_12: 12px;
	--f_13: 13px;
	--f_14: 14px;
	--f_15: 15px;
	--f_16: 16px;
	--f_17: 17px;
	--f_18: 18px;
	--f_19: 19px;
	--f_20: 20px;
	--f_22: 22px;
	--f_24: 24px;
	--f_26: 26px;
	--f_28: 28px;

	/* 슬라이더 폰트 싸이즈 */
	--swiper-navigation-size: 20px;

	/* 그림자 */
	--shadow: 0px 0px 15px rgba(145, 158, 171, 0.4);
}

/* 메인 */

/* 메인페이지 실시간 부킹 */
section .bCon {
	padding-top: 0px;
	padding-bottom: 30px;
}
.main_booking_res .bCon {
	padding-bottom: 20px;
}
.main_booking_res .cal_day {
	display: flex;
	align-items: center;
	gap: 6px;
	background-color: var(--m_bg);
	border-radius: 10px;
	margin-bottom: 15px;
}
.main_booking_res .day_choice {
	flex: 1 1 auto;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 6px;
}
.main_booking_res .day_choice .date {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 10px 0px;
	border-radius: 10px;
}
.main_booking_res .day_choice .date p {
	font-size: 12px;
	font-weight: 800;
	text-align: center;
	padding: 0 2px;
}
.main_booking_res .day_choice .date p:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 13px;
}
.main_booking_res .day_choice .date p:last-child {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--f_18);
	height: 18px;
}
.main_booking_res .day_choice .date.start p:last-child {
	font-size: 11px;
}
.main_booking_res .day_choice .date.holiday {
	color: var(--p_red);
}
.main_booking_res .day_choice .date.on {
	background-color: var(--m_light);
	color: white;
}
.main_booking_res .day_more {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 46px;
	font-size: 9px;
	font-weight: 800;
}
.main_booking_res .day_more img {
	height: 19px;
}
.main_booking_res .region_list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(31%, auto));
	gap: 15px 10px;
}
.main_booking_res .region_list .item {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.main_booking_res .region_list img {
	width: 100%;
	border-radius: 8px;
	margin-bottom: 4px;
}
.main_booking_res .region_list .title {
	font-size: var(--f_15);
	font-weight: 900;
}
.main_booking_res .region_list ul {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.main_booking_res .region_list ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
}
.main_booking_res .region_list ul li span {
	color: var(--t_medium);
}
.main_booking_res .region_list ul li a {
	text-decoration: underline;
	color: var(--m_main);
	font-weight: 800;
	content: "";
}

/* 메인페이지 유저 공간 */
.main_user_area .bCon {
	position: relative;
	padding-right: 0;
}

.main_user_area .chat_move {
	position: absolute;
	top: 0;
	left: 15px;
	width: 130px;
	height: 116px;
	z-index: 1;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 12px;
	overflow: hidden;
}
.main_user_area .chat_blank {
	position: absolute;
	top: 62px;
	width: 130px;
	height: 54px;
	background-color: #0c2d4e;
	border-radius: 0px 0px 12px 12px;
}
.main_user_area .chat_move img {
	width: 100%;
}
.main_user_area .userSlider {
	position: relative;
	height: 116px;
}
.main_user_area .userSlider::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100% - 140px);
	height: 70px;
	background-color: var(--m_bg);
	border-radius: 12px 0px 0px 12px;
}
.main_user_area .userSlider::after {
	content: "";
	position: absolute;
	top: 0;
	left: 130px;
	width: 10px;
	height: 70px;
	background-color: white;
}
.userSlider .slideCon {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px;
	padding-bottom: 12px;
}
.userSlider .user_img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: url() no-repeat center / cover;
	background-color: var(--t_table);
	border: 1px solid var(--t_thin);
}
.userSlider .slideCon ul {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}
.userSlider .slideCon.active {
	width: 130px;
	height: 116px;
	margin-right: 10px;
}
.userSlider .slideCon.active ul {
	display: flex;
	color: white;
	animation: userSliderSlideCon 0.3s forwards;
}
@keyframes userSliderSlideCon {
	0% {
		display: none;
		opacity: 0;
	}
	100% {
		display: flex;
		opacity: 1;
	}
}
.userSlider .slideCon.touch ul {
	display: none !important;
}
/* 메인페이지 마감임박 */
.main_user_area .user_content {
	position: relative;
	display: flex;
	align-items: flex-end;
	gap: 10px;
}
.main_user_area:has(.user_info) .deadline {
	height: 152px;
	margin-top: 10px;
}
.main_user_area .deadline {
	position: relative;
	width: 130px;
	height: 172px;
	background-color: white;
	border-radius: 12px;
	overflow: hidden;
}
.main_user_area .deadline .RdBadgeLg {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10;
}
.main_user_area .deadline .totalSlide .img {
	width: 100%;
	height: 104px;
	background: url() no-repeat center / cover;
}
.main_user_area:has(.user_info) .deadline .totalSlide .img {
	height: 84px;
}
.main_user_area .deadline .totalSlide ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 68px;
	background-color: var(--p_orange);
	color: white;
	padding: 15px;
}
.main_user_area .deadline .totalSlide ul .title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: var(--f_15);
	font-weight: 900;
}
.main_user_area .deadline .totalSlide .no_deadline {
	pointer-events: none;
}
.main_user_area:has(.user_info) .deadline .totalSlide .no_deadline .txt {
	height: 154px;
}
.main_user_area .deadline .totalSlide .no_deadline .txt {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.5;
	height: 174px;
	font-weight: 800;
	background-color: var(--p_orange);
	color: white;
}
.main_user_area .deadline:has(.no_deadline) .RdBadgeLg {
	display: none;
}

/* 메인페이지 인기피드 */
.main_user_area:has(.user_info) .popular_feed {
	height: 198px;
}
.main_user_area .popular_feed {
	position: relative;
	width: calc(100% - 155px);
	height: 172px;
	background-color: white;
	overflow: hidden;
	border-radius: 12px;
}
.main_user_area .user_info1 {
	display: none;
}
.main_user_area:has(.user_info) .popular_feed {
	position: absolute;
	bottom: 0;
	right: 15px;
}
.main_user_area .popular_feed .RdBadgeLg {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10;
}
.main_user_area:has(.user_info) .popular_feed .img {
	height: 198px;
}
.main_user_area .popular_feed .img {
	width: 100%;
	height: 174px;
	background: url("") no-repeat center / cover;
}
.main_user_area .popular_feed .item {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 68px;
	background-color: rgba(15, 23, 42, 0.7);
	color: white;
	padding: 15px;
}
.main_user_area .popular_feed .item .feed_txt {
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.4;
}

/* 메인페이지 현재 접속중인 회원 */
.main_member_online {
	margin-bottom: 30px;
}
.main_member_online .bCon {
	background-color: var(--m_bg);
	padding: 30px 0px 30px 15px;
}
.section_top_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}
.section_top_title p {
	font-size: var(--f_17);
	font-weight: 800;
}
.section_top_title a {
	font-size: var(--f_11);
	font-weight: 600;
	color: var(--t_light);
	padding-right: 15px;
}
.main_member_online .memberOnSlide .img {
	aspect-ratio: 1 / 1;
	background: url() no-repeat center / cover;
	border: 1px solid var(--t_thin);
	border-radius: 12px;
}
.main_member_online .memberOnSlide ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
	text-align: center;
	padding-top: 15px;
}
.main_member_online .memberOnSlide ul span:not(:last-child)::after {
	content: "|";
	color: var(--t_normal);
	font-weight: 400;
	margin-left: 6px;
	margin-right: 1px;
}
.main_member_online .memberOnSlide ul .woman {
	color: var(--p_pink);
	font-weight: 800;
}
.main_member_online .memberOnSlide ul .man {
	color: var(--p_blue);
	font-weight: 800;
}

/* 메인페이지 최신피드 */
.main_recent_feed .bCon {
	padding-left: 0;
	padding-right: 0;
}
.main_recent_feed .bCon.on {
	padding-left: 15px;
	padding-right: 15px;
}
.main_recent_feed .section_top_title p {
	padding-left: 15px;
}
.main_recent_feed .FeedSlide {
	height: 360px;
}
.main_recent_feed .FeedSlide .swiper-wrapper {
	align-items: center;
}
.main_recent_feed .FeedSlide .swiper-slide {
	padding: 0px;
	transition: all 0.3s;
}
.main_recent_feed .FeedSlide:has(.swiper-slide.on) .swiper-slide {
	padding: 20px 0px;
}
.main_recent_feed .FeedSlide .swiper-slide.on {
	padding: 0 !important;
}
.main_recent_feed .FeedSlide .item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: url() no-repeat center / cover;
	width: 100%;
	height: 100%;
	border-radius: 14px;
	overflow: hidden;
}

.main_recent_feed .FeedSlide .item .top {
	display: flex;
	justify-content: space-between;
	padding: 15px;
}
.main_recent_feed .FeedSlide .item .top .mem_img {
	position: relative;
	width: 34px;
	height: 34px;
	background: url() no-repeat center / cover;
	border: 3px solid white;
	border-radius: 50%;
}
.main_recent_feed .FeedSlide .item .top .mem_img .profileBadgeRdXsm {
	right: -8px;
	bottom: -6px;
}
.main_recent_feed .FeedSlide .item .top ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.main_recent_feed .FeedSlide .item .top ul li {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	text-align: right;
	color: white;
	font-size: var(--f_12);
	font-weight: 800;
}
.main_recent_feed .FeedSlide .item .top ul span {
	text-shadow:
		-1px 0px black,
		0px 1px black,
		1px 0px black,
		0px -1px black;
}
.main_recent_feed .FeedSlide .item .top ul div {
	flex: 0 0 auto;
	width: 14px;
	height: 13px;
	background: url() no-repeat center / contain;
}
.main_recent_feed .FeedSlide .item .top ul .heart {
	background-image: url("../img/heart_fill_icon.svg");
}
.main_recent_feed .FeedSlide .item .top ul .comment {
	background-image: url("../img/comment_fill_icon.svg");
}
.main_recent_feed .FeedSlide .item .top ul .bookmark {
	background-image: url("../img/bookmark_fill_icon.svg");
}
.main_recent_feed .FeedSlide .item .bottom {
	display: flex;
	align-items: center;
	height: 94px;
	padding: 20px;
	background: linear-gradient(rgba(51, 79, 144, 0.04) 0%, rgba(15, 23, 42, 0.8) 70%);
}
.main_recent_feed .FeedSlide .item .bottom .feed_txt {
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	text-overflow: ellipsis;
	overflow: hidden;
	color: white;
	line-height: 1.3;
}

/* 메인페이지 미디어 유튜브 */
.main_media_youtube {
	margin-bottom: 30px;
}
.main_media_youtube .bCon {
	position: relative;
	background-color: var(--m_bg);
	padding: 30px 0px 30px 15px;
}
.main_media_youtube .bCon.on {
	padding-right: 15px;
}
.main_media_youtube .bCon .section_top_title p {
	font-weight: 900;
}
.main_media_youtube .bCon .slide_con {
	position: relative;
}
.main_media_youtube .bCon .media {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	border-radius: 14px;
	overflow: hidden;
}
.main_media_youtube .bCon .media iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.main_media_youtube .bCon .media a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.sliderRoundBtn {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: rgba(15, 23, 42, 0.6);
}
.sliderRoundBtn.swiper-button-disabled {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}
.sliderRoundBtn:after {
	font-size: var(--f_11);
	font-weight: 900;
	color: white;
}
.sliderRoundBtn.swiper-button-prev {
	left: -10px;
}
.sliderRoundBtn.swiper-button-next {
	right: -10px;
}

/* 메인페이지 이벤트 슬라이더 */
.eventAreaSlide {
	border-radius: 12px;
	overflow: hidden;
}
.eventAreaSlide .img {
	width: 100%;
	padding-bottom: 37%;
	background: url() no-repeat center / cover;
}
.eventAreaSlide .swiper-pagination {
	position: absolute;
	top: 15px;
	left: initial;
	right: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	font-size: var(--f_9);
	height: 16px;
	border-radius: 8px;
	width: 34px;
	background-color: rgba(51, 65, 85, 0.5);
	color: white;
	font-weight: 800;
}

/* 메인페이지 공지사항 슬라이더 */
.main_recent_notice .bCon {
	padding-right: 0;
}
.main_recent_notice .recentNoticeSlide .swiper-slide {
	padding: 15px;
	border-radius: 12px;
	background-color: var(--m_bg);
	font-weight: 500;
}
.main_recent_notice .recentNoticeSlide .txt {
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
}
/* 유저 알림 토글 */
.userNotiWrap {
	display: flex;
	flex-direction: column;
	padding: 44px 15px 93px 15px;
	height: 100%;
}
.userNotiWrap .toggleMemInfo {
	flex: 0 0 auto;
	padding-bottom: 20px;
}
.userNotiWrap .bottomBtn {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	border-top: 1px solid var(--t_thin);
	background-color: white;
}
.userNotiWrap .bottomBtn a {
	color: var(--m_main);
	width: 100%;
}

/* 로그인 */
.login_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	height: 100%;
	padding: 15px 30px;
	max-width: 540px;
	width: 100%;
	margin: 0 auto;
}
.login_wrap .login_head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}
.login_wrap .login_head .logo_img {
	width: 114px;
	height: 80px;
	-webkit-mask: url("../img/gfr_logo.svg") no-repeat center;
	mask: url("../img/gfr_logo.svg") no-repeat center;
	mask-size: cover;
	background-color: var(--m_light);
}
.login_wrap .login_head p {
	font-size: 13px;
	color: var(--f_13);
}
.login_wrap .login_head p strong {
	font-weight: 800;
}
.login_wrap .login_int {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
}
.login_wrap .login_int input {
	height: 42px;
}
.login_wrap .login_int .option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--f_13);
}
.login_wrap .login_btn {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
}

/* 회원가입 */
.join_wrap .progress {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: var(--m_bg);
	border-radius: 8px;
	padding: 12px;
	width: 100%;
	margin-bottom: 30px;
}
.join_wrap .progress ul {
	flex: 0 0 auto;
	position: relative;
	color: var(--t_lighter);
	font-size: var(--f_12);
	font-weight: 800;
}
.join_wrap .progress ul li:first-child {
	font-weight: 400;
	font-size: var(--f_9);
}
.join_wrap .progress .line {
	flex: 1 1 auto;
	display: inline-flex;
	width: 100%;
	height: 1px;
	background-color: var(--t_lighter);
	margin: 0px 10px;
}
.join_wrap .progress .line.on {
	background-color: var(--t_dark);
}
.join_wrap .progress ul.on {
	color: var(--t_dark);
}
.join_wrap .progress ul.on:not(:last-child):after {
	border-color: var(--t_darker);
}
.join_wrap .policy .title {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--t_thin);
}
.join_wrap .policy .title:has(.reQuiredLeft) {
	justify-content: space-between;
}
.join_wrap .policy .title p {
	font-size: var(--f_17);
	font-weight: 800;
}
.join_wrap .policy .con {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px 0px 40px 0px;
}
.join_wrap .policy .con .item:first-child p {
	font-weight: 800;
	color: var(--t_dark);
}
.join_wrap .policy .con .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.join_wrap .policy .con .item a {
	font-size: var(--f_11);
	font-weight: 600;
	color: var(--t_light);
}
.join_wrap .policy .con .summit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
	height: 42px;
	border-radius: 8px;
	color: white;
	font-size: var(--f_15);
	font-weight: 700;
	line-height: normal;
	white-space: nowrap;
	background-color: var(--m_main);
	margin-top: 10px;
}
.join_wrap .policy .complete_txt {
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: center;
	font-size: var(--f_16);
}
.join_wrap .policy .complete_txt strong {
	font-weight: 800;
	color: var(--m_main);
}
.join_wrap .policy .sub_txt {
	font-size: var(--f_12);
	text-align: center;
	line-height: 1.6;
}
.join_wrap .policy .info_txt {
	font-size: var(--f_12);
	line-height: 1.4;
}

/* 상세검색 */
.detail_search_wrap .equalWidthTab {
	margin-bottom: 15px;
}
.detail_search_wrap .deadlineSlide .golfCCViewWrap {
	margin-top: 20px;
}
.detail_search_wrap:has(.realTimeJoinWait) .realTimeJoinWait {
	margin-top: 20px;
}

/* 실시간 예약 */
.real_time_res_wrap .realTimeJoinWait .con {
	padding-top: 10px;
	padding-bottom: 10px;
}
.real_time_res_wrap .searchFilterWrap {
	margin-top: 10px;
}
.real_time_res_wrap .golf_list {
	padding-bottom: 40px;
}
.real_time_res_wrap .golf_list .golfCCResItem:first-child {
	padding-top: 5px;
}
.select_people_number_pop .popup_box {
	width: 300px;
}
.select_people_number_pop .pop_con .txt {
	font-size: var(--f_13);
	line-height: 1.6;
}
.select_people_number_pop .wait_people_num {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	width: 100%;
}
.select_people_number_pop .wait_people_num a {
	justify-content: flex-start;
	padding: 0 15px;
}
.real_time_res_wrap:has(.areaBtnFilter) .searchFilterWrap.is-fixed {
	padding-top: 20px;
	background-color: white;
}

/* 실시간 예약 상세정보 */
main:has(.real_res_info_wrap) {
	display: flex;
	flex-direction: column;
}
.real_res_info_wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.real_res_info_wrap .golf_cc_zone {
	padding: 30px 15px 15px 15px;
}
.real_res_info_wrap .golf_cc_zone .golfCourseIntro {
	padding-bottom: 12px;
}
.real_res_info_wrap .golf_cc_zone .info_txt {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.real_res_info_wrap .golf_cc_zone .info_txt ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: var(--f_13);
}
.real_res_info_wrap .golf_cc_zone .info_txt a {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: var(--f_11);
}
.real_res_info_wrap .golf_cc_zone .info_txt a span {
	padding-top: 3px;
}
.real_res_info_wrap .golf_option_sh {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0px 15px 20px 15px;
}
.real_res_info_wrap .gilfDayTeamSlide {
	height: 63px;
}
.real_res_info_wrap .real_res_list {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	padding: 20px 15px 40px 15px;
	background-color: var(--m_bg);
}
.real_res_info_wrap .real_res_list .list_item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px 15px;
	background-color: white;
	border: 1px solid var(--t_table);
	border-radius: 8px;
	cursor: pointer;
}
.real_res_info_wrap .real_res_list .day_course {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.real_res_info_wrap .real_res_list .day_course .nLBadgeLg::before {
	content: "예약대기";
}
.real_res_info_wrap .real_res_list .list_item.cfm {
	border-color: var(--p_red);
}
.real_res_info_wrap .real_res_list .list_item.cfm .day_course .nLBadgeLg {
	background-color: var(--p_red);
}
.real_res_info_wrap .real_res_list .list_item.cfm .day_course .nLBadgeLg::before {
	content: "예약확정";
}
.real_res_info_wrap .real_res_list .day_course .txt {
	font-weight: 700;
}
.real_res_info_wrap .real_res_list .total_price {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.real_res_info_wrap .real_res_list .total_price span {
	font-size: var(--f_11);
}
.real_res_info_wrap .real_res_list .total_price p {
	font-size: var(--f_16);
	color: var(--t_darker);
	font-weight: 800;
}
.real_res_info_wrap .real_res_list .play_option {
	display: flex;
	justify-content: space-between;
	gap: 7%;
}
.real_res_info_wrap .real_res_list .play_option p {
	flex: 1 1 auto;
	padding-top: 12px;
	border-top: 1px solid var(--t_table);
	font-size: var(--f_11);
}
.golf_courses_nearby_pop .nearby_golf {
	display: grid;
	grid-template-columns: max-content 1fr;
}
.golf_courses_nearby_pop .nearby_golf .item {
	position: relative;
	display: contents;
	cursor: pointer;
}
.golf_courses_nearby_pop .nearby_golf .left {
	display: flex;
	align-items: center;
	height: 54px;
	border: 1px solid var(--t_thin);
	border-radius: 8px 0px 0px 8px;
	border-right: none;
	padding: 8px 10px;
}
.golf_courses_nearby_pop .nearby_golf .about {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 6px;
	background-color: var(--t_medium);
	color: white;
	height: 30px;
}
.golf_courses_nearby_pop .nearby_golf .right {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border: 1px solid var(--t_thin);
	border-radius: 0px 8px 8px 0px;
	border-left: none;
	padding: 8px 10px;
	padding-left: 0px;
	height: 54px;
}
.golf_courses_nearby_pop .nearby_golf .right .info {
	flex: 1 1 auto;
	min-width: 80px;
}
.golf_courses_nearby_pop .nearby_golf .right .golf_cc {
	font-weight: 800;
}
.golf_courses_nearby_pop .nearby_golf .right .distance {
	font-size: var(--f_11);
}
.golf_courses_nearby_pop .nearby_golf .right span {
	flex: 0 0 auto;
	font-size: var(--f_12);
}
.golf_courses_nearby_pop .nearby_golf .item:not(:last-child) .left,
.golf_courses_nearby_pop .nearby_golf .item:not(:last-child) .right {
	margin-bottom: 10px;
}
.golf_courses_nearby_pop .popup_btn {
	padding-top: 15px !important;
}

/* 딜러 예약 */
main:has(.manager_res_wrap) {
	display: flex;
	flex-direction: column;
}
.manager_res_wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.manager_res_wrap .realTimeJoinWait .con {
	padding-top: 10px;
	padding-bottom: 10px;
}
.manager_res_wrap .searchFilterWrap {
	margin-top: 10px;
	transition:
		margin 0s,
		top 0s,
		padding 0s,
		height 0s;
}
.manager_res_wrap:has(.areaBtnFilter) .searchFilterWrap.is-fixed {
	padding-top: 30px;
	background-color: white;
	margin-top: 0;
	transition:
		margin 0.3s,
		top 0.3s,
		padding 0.3s,
		height 0.3s;
}
body:has(.manager_res_wrap) .btmPopWrap .arrayBtnWrap {
	display: none;
}
body:has(.manager_res_wrap) .btmPopWrap .listSelect {
	display: none !important;
}
body:has(.manager_res_wrap) .btmPopWrap .arrayBtnWrap ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.manager_res_wrap .gilfDayTeamSlide .dayChoice ul .txt {
	color: var(--t_light);
}
.manager_res_wrap .gilfDayTeamSlide .dayChoice.on ul .txt,
.manager_res_wrap .gilfDayTeamSlide .dayChoice.on ul .date {
	color: white !important;
}
.manager_res_wrap .gilfDayTeamSlide .dayChoice.sat ul .txt {
	color: var(--p_blue);
}
.manager_res_wrap .gilfDayTeamSlide .dayChoice.holiday ul .txt {
	color: var(--p_red);
}

/* 리스트 영역일때 */
body:has(.manager_res_wrap .viewOption.listBtn) .btmPopWrap .arrayBtnWrap {
	display: block;
}
body:has(.manager_res_wrap .viewOption.listBtn) .btmPopWrap .listSelect {
	display: block !important;
}
.manager_res_wrap .golf_list .golfMaResItem {
	border: none;
}
.manager_res_wrap .golf_list .dropCon {
	display: block;
	padding: 20px 0px 20px 0px;
	margin-top: 5px;
	border: none;
}
.manager_res_wrap .golf_list .dropCon .timeItem {
	margin: 0 15px;
	padding-top: 15px;
}
.manager_res_wrap .golf_list .dropCon .timeItem:has(.nLBadgeLg) .golfccName span {
	margin-right: 64px;
}

/* 딜러 예약 팝업 */
.reserve_tee_time_pop .popup_box {
	width: 100%;
}
.reserve_tee_time_pop .popup_box .pop_con {
	padding: 0px;
}
.reserve_tee_time_pop .title .txt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
}
.reserve_tee_time_pop .golf_course_res_wrap {
	width: 100%;
}
.reserve_tee_time_pop .golf_course_res_wrap .wConB:last-child {
	border: none;
}
.reserve_tee_time_pop .stickyScrollToogle {
	top: 0 !important;
	padding: 0px !important;
}
.reserve_tee_time_pop .stickyScrollToogle .golf_cc_time {
	border: none !important;
	margin-top: 0px;
	padding: 15px;
}
.reserve_tee_time_pop:has(.btn_grop) .popup_btn {
	flex-direction: column;
}
.reserve_tee_time_pop .res_agreement span {
	display: flex;
	padding-top: 6px;
	font-size: var(--f_13);
	line-height: 1.4;
}
.reserve_tee_time_pop .btn_grop {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
}
.reserve_tee_time_pop .btn_grop a {
	flex: 1;
}
.reserve_tee_time_pop .btn_grop a:has(img) {
	flex: 0 0 auto;
	width: 48px;
}
.reserve_tee_time_pop .btn_grop a[data-close] {
	flex: 0 0 auto;
}

/* 골프장선택, 응답률선택, 담당자선택, 시간선택 공통 팝업 */
.select_check_list_pop .popup_box {
	width: 100%;
	max-width: 400px;
}
.select_check_list_pop .popup_box .pop_con {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 0;
	gap: 0;
}
.select_check_list_pop .noResult {
	border-top: 1px solid var(--t_thin);
}
.select_check_list_pop .share_res_wrap {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 0;
}
.select_check_list_pop .popFixCon {
	padding-top: 0px;
}
.select_check_list_pop .popScrollCon {
	padding-bottom: 15px;
}
.select_check_list_pop .popScrollCon .list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.select_check_list_pop .popScrollCon .pageNumWrap {
	padding-top: 20px;
}
.select_check_list_pop label.checkbox_m {
	width: 100%;
	padding: 10px 12px;
	border-radius: 6px;
	border: 1px solid var(--t_thin);
	transition:
		border-color 0.2s,
		background-color 0.2s;
}
.select_check_list_pop label.checkbox_m:has(input[type="checkbox"]:checked) {
	background-color: var(--m_bg);
	border-color: var(--t_lighter_l);
	border-color: var(--t_lighter);
}
.select_check_list_pop .check_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.select_check_list_pop .dtBasicInfo .infoItem ul li {
	font-size: var(--f_12);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	text-overflow: ellipsis;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
	overflow: hidden;
}
.select_check_list_pop .dtBasicInfo .infoItem ul:not(:last-child) li {
	margin-bottom: 4px;
}
.layer_popup label.checkbox_m.allCheck {
	background-color: var(--t_table);
}
.layer_popup label.checkbox_m.allCheck:has(input[type="checkbox"]:checked) {
	background-color: var(--t_table);
	border: 1px solid var(--t_thin);
}
.select_check_list_pop .popup_box .popup_btn .t_table {
	border: 1px solid var(--t_thin);
}

/* 골프장 상세정보 팝업 */
.golf_course_info_pop {
	justify-content: flex-start;
}
.golf_course_info_pop .pop_con {
	gap: 20px !important;
}
.golf_course_info_pop .popup_box {
	width: 100%;
}
.golf_course_info_pop .equalTabCon {
	width: 100%;
}
.golf_course_info_pop .dtBasicInfo {
	padding: 20px 0px;
	border-bottom: 1px solid var(--t_thin);
}
.golf_course_info_pop .dtBasicInfo:first-child {
	padding-top: 0;
}
.golf_course_info_pop .dtBasicInfo:last-child {
	padding-bottom: 0;
	border: none;
}
.golf_course_info_pop .infoTable tbody td:first-child {
	font-weight: 600;
}
.golf_course_info_pop .dtBasicInfo .warning_txt {
	font-size: var(--f_11);
	font-weight: 700;
	color: var(--p_red);
}
.golf_course_info_pop .dtBasicInfo .basic_txt {
	font-size: var(--f_13);
	line-height: 1.4;
}

/* 리뷰 */
.golf_course_info_pop .total_review {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 20px;
}
.golf_course_info_pop .total_review .review_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.golf_course_info_pop .total_review .average {
	display: flex;
	align-items: center;
	gap: 6px;
}
.golf_course_info_pop .total_review .review_header img {
	height: 38px;
}
.golf_course_info_pop .total_review .review_header .score {
	font-size: 34px;
	font-weight: 900;
}
.golf_course_info_pop .total_review .count {
	display: grid;
	grid-template-columns: max-content max-content;
}
.golf_course_info_pop .total_review .count ul {
	position: relative;
	display: contents;
	font-weight: 600;
	font-size: var(--f_12);
}
.golf_course_info_pop .total_review .count ul li:first-child {
	padding-right: 15px;
	font-weight: 400;
	color: var(--t_medium);
}
.golf_course_info_pop .total_review .count ul:not(:last-child) li {
	text-align: right;
	margin-bottom: 2px;
}
.golf_course_info_pop .user_review .item {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.golf_course_info_pop .user_review .dtBasicInfo {
	padding: 0;
	border: none;
}
.golf_course_info_pop .user_review .dtBasicInfo a {
	pointer-events: none;
}
.golf_course_info_pop .user_review .review_txt p {
	line-height: 1.4;
	text-align: justify;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
}
.golf_course_info_pop .review_photo {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.golf_course_info_pop .review_photo:has(img:nth-child(3)) {
	grid-template-columns: repeat(3, 1fr);
}
.golf_course_info_pop .review_photo img {
	width: 100%;
	border-radius: 8px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.golf_course_info_pop .user_review .item {
	padding-top: 20px;
	border-top: 1px solid var(--t_thin);
}
.golf_course_info_pop .user_review .item:not(:last-child) {
	padding-bottom: 20px;
}

/* 실시간 예약하기 */
.golf_course_res_wrap .stickyScrollToogle {
	top: 50px;
	padding: 10px 15px 20px 15px;
	transition: all 0.03s ease-in;
}
body:has(header.on) .golf_course_res_wrap .stickyScrollToogle {
	padding-top: 20px;
	transition: all 0.1s ease-out;
}
.golf_course_res_wrap .golf_cc_time {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--f_16);
	font-weight: 800;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid var(--t_thin);
}
.golf_course_res_wrap .wConB,
.golf_course_res_wrap .lConB {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.golf_course_res_wrap .dtBasicInfo .basic_txt {
	font-size: var(--f_13);
	line-height: 1.4;
}
.golf_course_res_wrap .dtBasicInfo .warning_txt {
	font-size: var(--f_11);
	font-weight: 700;
	color: var(--m_dark);
	word-break: keep-all;
}
.golf_course_res_wrap .dtBasicInfo:has(.recruit_txt) .infoItem {
	align-items: flex-start;
}
.golf_course_res_wrap .cancel_deadline {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 38px;
	border-radius: 6px;
	font-weight: 700;
	color: white;
	background-color: var(--p_red);
}
.golf_course_res_wrap .res_agreement span {
	display: flex;
	padding-top: 6px;
	font-size: var(--f_13);
	line-height: 1.4;
}
.golf_course_res_wrap .btn_grop {
	display: flex;
	align-items: center;
	gap: 8px;
}
.golf_course_res_wrap .btn_grop a {
	flex: 1;
}
.golf_course_res_wrap .btn_grop a:has(img) {
	flex: 0 0 auto;
	width: 48px;
}
.golf_course_res_wrap a:has(> .current_people) {
	width: 100%;
}
.golf_course_res_wrap .current_people {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.golf_course_res_wrap .current_people li:last-child {
	font-size: 12px;
}

/* 모집등록 상세보기 */
.recruit_res_view_wrap .stickyScrollToogle {
	top: 50px;
	padding: 10px 15px 20px 15px;
	transition: all 0.05s ease-in;
}
body:has(header.on) .recruit_res_view_wrap .stickyScrollToogle {
	padding-top: 20px;
	transition: all 0.2s ease-out;
}
.recruit_res_view_wrap .golf_cc_time {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--f_16);
	font-weight: 800;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid var(--t_thin);
}
.recruit_res_view_wrap .wConB,
.recruit_res_view_wrap .lConB {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.recruit_res_view_wrap .lCon {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding-top: 20px;
}
.recruit_res_view_wrap .dtBasicInfo .basic_txt {
	font-size: var(--f_13);
	line-height: 1.4;
}
.recruit_res_view_wrap .dtBasicInfo .warning_txt {
	font-size: var(--f_11);
	font-weight: 700;
	color: var(--m_dark);
	word-break: keep-all;
}
.recruit_res_view_wrap .dtBasicInfo:has(.recruit_txt) .infoItem {
	align-items: flex-start;
}
.recruit_res_view_wrap .cancel_deadline {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 38px;
	border-radius: 6px;
	font-weight: 700;
	color: white;
	background-color: var(--p_red);
}
.recruit_res_view_wrap .res_agreement span {
	display: flex;
	padding-top: 6px;
	font-size: var(--f_13);
	line-height: 1.4;
}
.recruit_res_view_wrap .btn_grop {
	display: flex;
	align-items: center;
	gap: 8px;
}
.recruit_res_view_wrap .btn_grop a {
	flex: 1;
}
.recruit_res_view_wrap .btn_grop a:has(img) {
	flex: 0 0 auto;
	width: 48px;
}
.recruit_res_view_wrap .wConB:has(.modifyBtn) {
	padding-bottom: 30px;
}
.recruit_res_view_wrap .wConB:has(.modifyBtn) .dtBasicInfo {
	flex-direction: initial;
	align-items: center;
}
.recruit_res_view_wrap .wConB:has(> .RecruiterInfoSlide) .dtBasicInfo {
	padding: 0px 15px;
	flex-direction: initial;
	align-items: center;
}
.recruit_res_view_wrap .wConB:has(> .RecruiterInfoSlide) {
	padding: 20px 0px;
	padding-top: 10px;
	background-color: var(--m_bg);
}
.RecruiterInfoSlide {
	width: 100%;
	padding: 0px 15px;
}
.RecruiterInfoSlide .box {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	padding: 40px 20px 20px 20px;
	border: 1px solid var(--t_thin);
	background-color: white;
	border-radius: 12px;
	height: 404px;
}
.RecruiterInfoSlide .box .nLBadgeLg {
	position: absolute;
	top: 20px;
	left: 20px;
}
.RecruiterInfoSlide .box .goBlogHome {
	position: absolute;
	top: 22px;
	right: 20px;
}
.RecruiterInfoSlide .box:has(.nLBadgeLg) {
	border-color: var(--m_dark);
}
.RecruiterInfoSlide .memImg {
	position: relative;
	flex: 0 0 auto;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: url() no-repeat center / cover;
	border: 1px solid var(--t_thin);
}
.RecruiterInfoSlide .box.woman .memImg {
	border: 3px solid var(--p_pink);
}
.RecruiterInfoSlide .box.man .memImg {
	border: 3px solid var(--p_blue);
}
.RecruiterInfoSlide .nickName {
	font-size: var(--f_16);
	font-weight: 700;
}
.RecruiterInfoSlide .info ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}
.RecruiterInfoSlide .info ul li {
	height: 20px;
}
.RecruiterInfoSlide .box .memo_txt {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--t_thin);
	border-radius: 6px;
}
.RecruiterInfoSlide .box .memo_txt p {
	width: 100%;
	height: 52px;
	overflow: hidden;
	overflow-y: auto;
}
.RecruiterInfoSlide .price {
	width: 100%;
	font-weight: 800;
	color: var(--m_dark);
	text-align: center;
	padding: 4px 0px;
}
.RecruiterInfoSlide .eachBtn a {
	padding: 0 10px;
	height: 34px;
}
.RecruiterInfoSlide .eachBtn .p_yellow {
	background-color: #ffab01;
}
.RecruiterInfoSlide .add_mem {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.RecruiterInfoSlide .add_mem img {
	width: 50px;
	height: 50px;
}
.RecruiterInfoSlide .add_mem p {
	text-align: center;
	line-height: 1.4;
}
.recruit_res_view_wrap .waitRegistSlide {
	width: 100%;
}
.recruit_res_view_wrap .waitRegistSlide .memProfileView {
	position: relative;
	padding: 15px;
	border: 1px solid var(--t_thin);
	background-color: white;
	border-radius: 12px;
}
.recruit_res_view_wrap .waitRegistSlide .memProfileView .roundCloseMd {
	top: 20px;
	right: 20px;
}
.recruit_res_view_wrap .memProfileView .profileBadgeRdXla {
	bottom: 10px;
	right: 10px;
}
.recruit_res_view_wrap .waitRegistSlide .nLBadgeLg {
	margin-top: 12px;
	color: var(--t_normal);
}
.recruit_res_view_wrap .waitRegistSlide .memProfileInfo {
	gap: 4px;
	padding: 10px 0px;
}
.recruit_res_view_wrap .waitRegistSlide .memProfileInfo ul {
	font-size: var(--f_13);
}
.recruit_res_view_wrap .waitRegistSlide .memProfileInfo ul:nth-child(-n + 2) {
	width: 100%;
	flex: 1 1 auto;
}
.recruit_res_view_wrap .waitRegistSlide .memImg {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 10px;
	background: url("") no-repeat center / cover;
}
.recruit_res_view_wrap .waitRegistSlide .memImg .profileBadgeRdMd {
	bottom: 5px;
	right: 5px;
}
.recruit_res_view_wrap .waitRegistSlide .eachBtn {
	gap: 6px;
}
.recruit_res_view_wrap .waitRegistSlide .eachBtn a {
	height: 24px;
}
.recruit_res_view_wrap .widthBtn {
	padding-top: 15px;
}

/* 일행 등록 팝업 */
.partner_regist_pop .popup_box {
	max-width: 440px;
	width: 100%;
}

/* 회원 검색 */
body:has(.gr_mem_sh_wrap) header {
	background-color: var(--m_bg) !important;
}
body:has(.gr_mem_sh_wrap) header.on::before {
	border: none !important;
}
body:has(.gr_mem_sh_wrap) main {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.gr_mem_sh_wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.gr_mem_sh_wrap .deduct_txt {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
	font-size: var(--f_11);
	background-color: var(--m_bg);
}
.gr_mem_sh_wrap .deduct_txt .infoItem ul:not(:last-child) li {
	margin-bottom: 2px;
}
.gr_mem_sh_wrap .deduct_txt .right {
	display: flex;
	gap: 8px;
}
.gr_mem_sh_wrap .deduct_txt .right .txt {
	display: flex;
	flex-direction: column;
	gap: 2px;
	text-align: right;
}

.gr_mem_sh_wrap .deduct_txt .right .txt span:nth-child(2) {
	color: var(--m_main);
	font-weight: 600;
}
.gr_mem_sh_wrap .sticky_sh {
	position: sticky;
	top: 51px;
	z-index: 10;
	background-color: var(--m_bg);
}
.gr_mem_sh_wrap .sticky_sh .con {
	padding: 5px 15px 20px 15px;
}
.gr_mem_sh_wrap .main_sh_int {
	position: relative;
	margin-bottom: 10px;
}
.gr_mem_sh_wrap .main_sh_int input {
	height: 42px;
	padding-right: 42px;
}
.gr_mem_sh_wrap .main_sh_int input::-webkit-input-placeholder {
	font-size: var(--f_16);
}
.gr_mem_sh_wrap .main_sh_int a {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	background-color: var(--m_light);
	border-radius: 6px;
}
.gr_mem_sh_wrap .main_sh_int .left .infoItem {
	display: flex;
	flex-direction: column;
}
.gr_mem_sh_wrap .main_sh_int .left .infoItem ul {
	display: flex;
}
.gr_mem_sh_wrap .main_sh_int .left .infoItem ul:first-child {
	order: 2;
}
.gr_mem_sh_wrap .main_sh_int .left .infoItem ul li:first-child {
	width: 46px;
}
.gr_mem_sh_wrap .chk_filter {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 6px;
}
.gr_mem_sh_wrap .chk_filter label.filter {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.gr_mem_sh_wrap label.filter input[type="checkbox"] {
	display: none;
}
.gr_mem_sh_wrap label.filter .check_item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	border: 1px solid var(--t_thin);
	border-radius: 8px;
	background: url("../img/mem_sh_icon_01.svg") no-repeat;
	background-position: center 10px;
	background-size: 50%;
	transition: all 0.2s;
	background-color: white;
	padding-top: 75%;
	overflow: hidden;
}
.gr_mem_sh_wrap label.filter .check_img {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: url("../img/check_icon.svg") no-repeat center / cover;
	background-size: 0px;
	transition: all 0.2s;
	background-color: var(--t_table);
}
.gr_mem_sh_wrap label.filter p {
	font-size: var(--f_10);
	font-weight: 600;
	color: var(--t_lighter);
	padding-bottom: 2px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	transition: all 0.2s;
}
.gr_mem_sh_wrap label.filter .deduct {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--f_9);
	height: 16px;
	background-color: var(--t_table);
	width: 100%;
}
.gr_mem_sh_wrap label.filter input[type="checkbox"]:checked + .check_item .check_img {
	background-image: url("../img/check_icon.svg");
	background-size: 8px;
	background-color: var(--p_blue);
	border-color: var(--t_lighter);
}
.gr_mem_sh_wrap label.filter .check_item:hover {
	background-color: white;
	box-shadow: 0px 4px 14px rgba(145, 158, 171, 0.25);
}
.gr_mem_sh_wrap label.filter input[type="checkbox"]:checked + .check_item {
	background-image: url("../img/mem_sh_icon_on_01.svg");
	background-color: white;
}
.gr_mem_sh_wrap label.filter input[type="checkbox"]:checked + .check_item p {
	color: var(--t_normal);
}
.gr_mem_sh_wrap label.filter:nth-child(1) .check_item {
	background-image: url("../img/mem_sh_icon_01.svg");
}
.gr_mem_sh_wrap label.filter:nth-child(1) input[type="checkbox"]:checked + .check_item {
	background-image: url("../img/mem_sh_icon_on_01.svg");
}
.gr_mem_sh_wrap label.filter:nth-child(2) .check_item {
	background-image: url("../img/mem_sh_icon_02.svg");
}
.gr_mem_sh_wrap label.filter:nth-child(2) input[type="checkbox"]:checked + .check_item {
	background-image: url("../img/mem_sh_icon_on_02.svg");
}
.gr_mem_sh_wrap label.filter:nth-child(3) .check_item {
	background-image: url("../img/mem_sh_icon_03.svg");
	background-size: 46%;
	background-position: center 13px;
}
.gr_mem_sh_wrap label.filter:nth-child(3) input[type="checkbox"]:checked + .check_item {
	background-image: url("../img/mem_sh_icon_on_03.svg");
}
.gr_mem_sh_wrap label.filter:nth-child(4) .check_item {
	background-image: url("../img/mem_sh_icon_04.svg");
}
.gr_mem_sh_wrap label.filter:nth-child(4) input[type="checkbox"]:checked + .check_item {
	background-image: url("../img/mem_sh_icon_on_04.svg");
}
.gr_mem_sh_wrap label.filter:nth-child(5) .check_item {
	background-image: url("../img/mem_sh_icon_05.svg");
}
.gr_mem_sh_wrap label.filter:nth-child(5) input[type="checkbox"]:checked + .check_item {
	background-image: url("../img/mem_sh_icon_on_05.svg");
}
.gr_mem_sh_wrap label.filter:nth-child(6) .check_item {
	background-image: url("../img/mem_sh_icon_06.svg");
}
.gr_mem_sh_wrap label.filter:nth-child(6) input[type="checkbox"]:checked + .check_item {
	background-image: url("../img/mem_sh_icon_on_06.svg");
}

/* 급상승 회원 리스트 */
.gr_mem_sh_wrap .sh_spiral {
	background-color: var(--m_main);
}
.rankingSlide {
	display: flex;
	align-items: center;
	padding-left: 15px;
	padding-right: 0px;
	height: 32px;
	width: 100%;
}
.rankingSlide p {
	flex: 0 0 auto;
	padding-right: 15px;
	font-size: var(--f_12);
	font-weight: 700;
	color: white;
}
.rankingSlide .slideCon {
	flex: 1 1 auto;
	overflow: hidden;
	position: relative;
}
.rankingSlide .box {
	display: flex;
	width: max-content;
	position: relative;
}
.rankingSlide .box .item {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	white-space: nowrap;
	font-size: var(--f_12);
	color: white;
	opacity: 0.8;
	transition: all 0.3s;
}
.rankingSlide .box .item:hover {
	opacity: 1;
}
.rankingSlide .box .item.on {
	opacity: 1;
	font-weight: 700;
	color: #ffbe00;
}

/* 회원 검색 회원 */
.gr_mem_sh_wrap .lCon {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

/* 대기등록 */
.waiting_reg_wrap .equalTabCon .con {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px 0px 30px 0px;
}
.waiting_reg_wrap .equalTabCon .intForm .t_medium {
	width: 90px;
}
.waiting_reg_wrap .equalTabCon .con .widthBtn {
	margin-top: 10px;
}

/* 모집등록 */
.recruit_reg_wrap .wConB {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.recruit_reg_wrap .wConB:has(.equalWidthTab) {
	gap: 15px;
	padding-top: 10px;
}
.recruit_reg_wrap .btn_wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	border-bottom: 1px solid var(--t_thin);
	padding-bottom: 15px;
}
.recruit_reg_wrap .btn_wrap > div {
	display: flex;
	align-items: center;
	gap: 8px;
}
.recruit_reg_wrap .btn_wrap:has(.left) {
	justify-content: space-between;
}
.recruit_reg_wrap .bottom .lCon {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding-top: 20px;
}
.recruit_reg_wrap .res_agreement span {
	display: flex;
	padding-top: 6px;
	font-size: var(--f_13);
	line-height: 1.4;
}
.recruit_reg_wrap .btn_grop {
	display: flex;
	align-items: center;
	gap: 8px;
}
.recruit_reg_wrap .btn_grop a {
	flex: 1;
	min-width: 0;
}

/* 게시판 글쓰기 */
/* 자유게시판 */
.board_write_wrap .lCon {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.board_write_wrap .write_info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.board_write_wrap .editor {
	overflow: hidden;
	border: 1px solid var(--t_thin);
	border-radius: 6px;
}
.board_write_wrap .editor .sample .top {
	height: 32px;
	border-bottom: 1px solid var(--t_thin);
}
.board_write_wrap .editor .sample .top img {
	height: 100%;
}
.board_write_wrap .attached_file {
	border: 1px solid var(--t_thin);
	border-radius: 6px;
	padding: 15px 15px 0px 15px;
}
.board_write_wrap .attached_file .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 15px;
}
.board_write_wrap .attached_file .top .title {
	font-weight: 700;
}
.board_write_wrap .attached_file .file_list .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0px;
	border-top: 1px solid var(--t_thin);
	font-size: var(--f_12);
}
.board_write_wrap .attached_file .file_list .item:last-child {
	padding-bottom: 12px;
}
.board_write_wrap .attached_file .file_list .del_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border: 1px solid var(--p_red);
	border-radius: 50%;
}
.board_write_wrap .attached_file .file_list .del_btn:after {
	content: "";
	display: flex;
	width: 6px;
	height: 6px;
	-webkit-mask: url("../img/close_btn_l_icon.svg") no-repeat center / cover;
	mask: url("../img/close_btn_l_icon.svg") no-repeat center / cover;
	background-color: var(--p_red);
}
.board_write_wrap .hash_tag {
	padding: 15px 15px 12px 15px;
	border: 1px solid var(--t_thin);
	border-radius: 6px;
}
.board_write_wrap .hash_tag .start_int input {
	height: 22px;
	border: none;
	padding: 0;
}
.board_write_wrap .hash_tag .start_int input::placeholder {
	color: var(--t_normal);
}
.board_write_wrap .hash_tag .complete {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	font-size: var(--f_12);
}
.board_write_wrap .hash_tag .complete .finish {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 22px;
	padding: 0px 10px;
	border-radius: 4px;
	background-color: var(--t_table);
	color: var(--t_light);
	font-weight: 700;
}
.board_write_wrap .hash_tag .complete .finish::after {
	content: "";
	display: flex;
	width: 10px;
	height: 10px;
	-webkit-mask: url("../img/close_btn_l_icon.svg") no-repeat center / cover;
	mask: url("../img/close_btn_l_icon.svg") no-repeat center / cover;
	background-color: var(--t_light);
}
.board_write_wrap .hash_tag .complete .tag_int {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0px 10px;
	border-radius: 4px;
	background-color: var(--t_table);
	height: 22px;
}
.board_write_wrap .hash_tag .complete .tag_int::before {
	content: "#";
}
.board_write_wrap .hash_tag .complete .tag_int input {
	height: 22px;
	border: none;
	width: initial;
	background-color: transparent;
	text-align: left;
	padding: 0;
	font-size: var(--f_12);
}
.board_write_wrap .hash_tag .sel_hash_btn {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 12px;
	margin-top: 12px;
	border-top: 1px solid var(--t_thin);
}
.board_write_wrap .hash_tag .sel_hash_btn a {
	flex: 1 1 20%;
}
.board_write_wrap .hash_tag .sel_hash_btn a.on {
	border-color: var(--m_main);
	background-color: var(--m_main);
	color: white;
}
.board_write_wrap .widthBtn {
	margin-top: 10px;
}

/* 게시판 리스트 */
.mBwrap:has(.board_list_wrap) .boardTopSticky {
	padding: 15px;
}
.board_list_wrap {
	border-top: 1px solid var(--t_light);
}
.board_list_wrap .con {
	padding-bottom: 40px;
}

/* 게시판 읽기 (상세) */
.board_read_wrap .con {
	padding-top: 10px;
}
.board_read_wrap .con .pageNumWrap:has(> a) {
	padding-bottom: 40px;
}
.board_read_wrap .read_title {
	font-size: var(--f_16);
	font-weight: 500;
	padding: 0px 15px 20px 15px;
	line-height: 1.4;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
}
.board_read_wrap .read_view {
	border-top: 1px solid var(--t_light);
}
.board_read_wrap .read_view .read_top {
	padding: 10px 15px;
	background-color: var(--m_bg);
	border-bottom: 1px solid var(--t_thin);
}
.board_read_wrap .read_view .read_detail {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 30px 15px;
}
.board_read_wrap .read_view .read_detail .txt {
	line-height: 1.5;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
}
.board_read_wrap .read_view .read_detail .txt p {
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
}
.board_read_wrap .read_view .read_detail .txt strong {
	font-weight: 800;
}
.board_read_wrap .read_view .read_detail .txt img {
	max-width: 100%;
}
.board_read_wrap .read_view .read_detail .hashtag {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}
.board_read_wrap .read_view .read_detail .hashtag span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 22px;
	padding: 0px 10px;
	border-radius: 4px;
	background-color: var(--t_table);
	color: var(--t_light);
	font-weight: 700;
	font-size: var(--f_12);
}
.board_read_wrap .comment_wrap .cmnt_top {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 15px;
	border-top: 1px solid var(--t_thin);
	border-bottom: 1px solid var(--t_thin);
	background-color: var(--m_bg);
}
.board_read_wrap .comment_wrap .cmnt_top strong {
	font-weight: 800;
}
.board_read_wrap .comment_wrap .cmnt_list {
	padding: 5px 15px 30px 15px;
}
.board_read_wrap .comment_wrap .cmnt_view {
	position: relative;
	padding: 12px 0px 15px 0px;
	border-bottom: 1px solid var(--t_thin);
}
.board_read_wrap .comment_wrap .cmnt_view .rightInfo {
	flex-direction: column;
	gap: 6px;
}
.board_read_wrap .comment_wrap .cmnt_view .rightInfo .row {
	display: flex;
	align-items: center;
	gap: 6px;
}
.board_read_wrap .comment_wrap .cmnt_view .boardMemInfo .cmnt_btn {
	padding: 0;
}
.board_read_wrap .comment_wrap .cmnt_view .boardMemInfo .cmnt_btn::after {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 8px;
	height: 22px;
	border-radius: 4px;
	font-size: var(--f_12);
	font-weight: 700;
	line-height: normal;
	white-space: nowrap;
	border: 1px solid var(--t_thin);
	color: var(--t_light);
	transition: all 0.2s;
}
.board_read_wrap .comment_wrap .cmnt_view .boardMemInfo {
	align-items: center;
	padding-bottom: 15px;
}
.board_read_wrap .comment_wrap .cmnt_view .rightInfo .cmnt_btn::after {
	content: "댓글달기";
}
.board_read_wrap .comment_wrap .cmnt_view .rightInfo .cmnt_btn.on::after {
	content: "댓글취소";
	border-color: var(--p_red);
	color: var(--p_red);
}
.board_read_wrap .comment_wrap .cmnt_view .rightInfo a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 8px;
	height: 22px;
	border-radius: 4px;
	font-size: var(--f_12);
	font-weight: 700;
	line-height: normal;
	white-space: nowrap;
}
.board_read_wrap .comment_wrap .cmnt_view .rightInfo .cmnt_modify_btn {
	background-color: var(--t_medium);
	color: white;
}
.board_read_wrap .comment_wrap .cmnt_view .rightInfo .cmnt_del_btn {
	background-color: var(--t_table);
	border: 1px solid var(--t_thin);
}
.board_read_wrap .comment_wrap .cmnt_view .rightInfo .cmnt_false_btn {
	color: var(--p_red_d);
	border: 1px solid var(--p_red_d);
}
.board_read_wrap .comment_wrap .cmnt_view .cmnt_txt {
	display: flex;
	flex-direction: column;
	gap: 3px;
	line-height: 1.5;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
}
.board_read_wrap .comment_wrap .cmnt_view .cmnt_drop {
	display: none;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	padding-top: 15px;
}
.board_read_wrap .comment_wrap .cmnt_view .cmnt_drop.active {
	display: flex;
}
.board_read_wrap .comment_wrap .cmnt_view textarea {
	border-color: var(--t_thin);
}
.board_read_wrap .comment_wrap .cmnt_view a {
	width: fit-content;
}
.board_read_wrap .comment_wrap .cmnt_view .cmnt_nickname {
	font-weight: 900;
	color: var(--m_darker);
	margin-right: 10px;
}
.board_read_wrap .comment_wrap .cmnt_view:has(.cmnt_nickname) {
	padding-left: 20px;
}
.board_read_wrap .comment_wrap .cmnt_view:has(.cmnt_nickname)::after {
	content: "";
	position: absolute;
	top: 25px;
	left: 0;
	width: 12px;
	height: 12px;
	background: url("../img/comment_arrow_icon.svg") no-repeat center / cover;
}
.board_read_wrap .comment_reg_wrap {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 15px;
}
.board_read_wrap:has(.cmnt_list .cmnt_view) .comment_reg_wrap {
	border-top: 1px solid var(--t_thin);
	border-bottom: 1px solid var(--t_thin);
	background-color: var(--m_bg);
}

/* 익명게시판 읽기 */
.board_read_wrap.anon_board .boardMemInfo {
	align-items: center;
}
.board_read_wrap .boardMemInfo .memName:has(.nLBadgeSm) {
	display: flex;
	align-items: center;
	gap: 6px;
}
.board_read_wrap.anon_board .boardMemInfo .moreBtnDropCon {
	left: initial;
	padding-top: 14px;
}

/* 피드 게시판 리스트 */
.feed_list_wrap .fd_list .wConB {
	position: relative;
}
.feed_list_wrap .fd_list:first-child .wConB {
	padding-top: 0;
}
.feed_list_wrap .fd_list .fd_img {
	position: relative;
}
.feed_list_wrap .fd_list .fd_img img {
	position: relative;
	width: 100%;
	max-height: 500px;
	object-fit: cover;
	border-radius: 12px;
	margin-bottom: 20px;
}
.feed_list_wrap .fd_list .nLBadgeLg {
	margin-bottom: 10px;
}
.feed_list_wrap .fd_list:has(.fd_img) .nLBadgeLg {
	position: absolute;
	top: 35px;
	left: 30px;
	z-index: 1;
}
.feed_list_wrap .fd_list:first-child:has(.fd_img) .nLBadgeLg {
	top: 15px;
}
.feed_list_wrap .fd_list .boardList {
	padding: 0;
	border-bottom: none;
}
.feed_list_wrap .fd_list .boardList .boardListTop .txt {
	-webkit-line-clamp: 3;
	line-clamp: 3;
}
.feed_list_wrap .fd_list.block_user .wConB::before,
.feed_list_wrap .fd_list.block_user .wConB .fd_img::before {
	content: "차단글";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: var(--f_13);
	font-weight: 700;
	color: white;
	padding: 0 30px;
	height: 32px;
	border-radius: 5px;
	background-color: var(--p_red_d);
	z-index: 1;
}
.feed_list_wrap .fd_list.block_user .wConB:has(.fd_img)::before {
	display: none;
}
.feed_list_wrap .fd_list.block_user .wConB .fd_img img {
	opacity: 0.4;
}
.feed_list_wrap .fd_list.block_user .wConB .boardListTop {
	opacity: 0.4;
}
.feed_list_wrap .fd_list.block_user .wConB .boardMemInfo .rightInfo {
	opacity: 0.4;
}
.feed_list_wrap .fd_list.block_user .wConB .boardMemInfo .leftInfo > *:not(.moreBtnDropCon) {
	opacity: 0.4;
}

/* 북마크 게시판 리스트 */
.bookmark_list_wrap .fd_list .wConB {
	position: relative;
}
.bookmark_list_wrap .fd_list:first-child .wConB {
	padding-top: 0;
}
.bookmark_list_wrap .fd_list .fd_img {
	position: relative;
}
.bookmark_list_wrap .fd_list .fd_img img {
	position: relative;
	width: 100%;
	max-height: 500px;
	object-fit: cover;
	border-radius: 12px;
	margin-bottom: 20px;
}
.bookmark_list_wrap .fd_list .nLBadgeLg {
	margin-bottom: 10px;
}
.bookmark_list_wrap .fd_list:has(.fd_img) .nLBadgeLg {
	position: absolute;
	top: 35px;
	left: 30px;
	z-index: 1;
}
.bookmark_list_wrap .fd_list:first-child:has(.fd_img) .nLBadgeLg {
	top: 15px;
}
.bookmark_list_wrap .fd_list .boardList {
	padding: 0;
	border-bottom: none;
}
.bookmark_list_wrap .fd_list .boardList .boardListTop .txt {
	-webkit-line-clamp: 3;
	line-clamp: 3;
}
.bookmark_list_wrap .fd_list.block_user .wConB::before,
.bookmark_list_wrap .fd_list.block_user .wConB .fd_img::before {
	content: "차단글";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: var(--f_13);
	font-weight: 700;
	color: white;
	padding: 0 30px;
	height: 32px;
	border-radius: 5px;
	background-color: var(--p_red_d);
	z-index: 1;
}
.bookmark_list_wrap .fd_list.block_user .wConB:has(.fd_img)::before {
	display: none;
}
.bookmark_list_wrap .fd_list.block_user .wConB .fd_img img {
	opacity: 0.4;
}
.bookmark_list_wrap .fd_list.block_user .wConB .boardListTop {
	opacity: 0.4;
}
.bookmark_list_wrap .fd_list.block_user .wConB .boardMemInfo .rightInfo {
	opacity: 0.4;
}
.bookmark_list_wrap .fd_list.block_user .wConB .boardMemInfo .leftInfo > *:not(.moreBtnDropCon) {
	opacity: 0.4;
}

/* 피드게시판 읽기 (상세) */
.feedViewSlide {
	border-radius: 12px;
	background-color: var(--t_table);
}
.feedViewSlide .swiper-slide {
	height: initial;
}
.feedViewSlide .feedImg {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.feedViewSlide .feedImg img {
	width: 100%;
}
.feedViewSlide .swiper-pagination {
	position: absolute;
	bottom: 15px;
	left: initial;
	right: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	font-size: var(--f_9);
	height: 16px;
	border-radius: 8px;
	width: 34px;
	background-color: rgba(51, 65, 85, 0.5);
	color: white;
	font-weight: 800;
}
.feed.board_read_wrap .feed_view {
	padding: 0 15px;
}
.feed.board_read_wrap .read_view {
	border: none;
}
.feed.board_read_wrap .read_view .read_top {
	padding: 15px;
	background-color: white;
	border-bottom: none;
}
.feed.board_read_wrap .read_view .read_detail {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-top: 0;
}
.feed.board_read_wrap .read_view .read_detail .txt {
	text-align: justify;
	word-break: normal;
	word-wrap: break-word;
}
.feed.board_read_wrap .read_view .read_detail .txt p {
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
}

/* 이벤트 게시판 리스트 */
.event_board_list_wrap .con {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 0px 15px 40px 15px;
}
.event_board_list_wrap .event_list .event_img {
	width: 100%;
	padding-bottom: 37%;
	background: url() no-repeat center / cover;
	border-radius: 12px;
}

/* 블로그 */
/* 내친구탭 - 내친구 */
main:has(.blog_friend_wrap) {
	display: flex;
	flex-direction: column;
}
.blog_friend_wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.blog_friend_wrap .totalCount {
	padding-left: 15px;
	padding-bottom: 5px;
}
.blog_friend_wrap .con {
	flex: 1;
	padding: 20px 15px 40px 15px;
	background-color: var(--m_bg);
}
.blog_friend_wrap .friend_list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

/* 내친구탭 - 내게 요청 */
.blog_friend_wrap .friend_request_list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0px 15px 40px 15px;
}
.blog_friend_wrap .friend_request_list .list_item {
	padding: 15px;
	border: 1px solid var(--t_thin);
	border-radius: 8px;
}
.blog_friend_wrap .friend_request_list .list_item:has(.moreBtnDropCon.on) {
	position: relative;
	z-index: 105;
}

/* 내친구탭 - 차단친구 */
.block_friend.blog_friend_wrap .MemBottomInfo {
	margin-top: 0;
}

/* 예약현황 - 확정예약, 대기예약 */
main:has(.blog_reservat_wrap) {
	display: flex;
	flex-direction: column;
}
.blog_reservat_wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}
.blog_reservat_wrap .con {
	flex: 1;
	padding: 20px 15px 40px 15px;
	background-color: var(--m_bg);
}
.blog_reservat_wrap .con .all_select {
	width: 100%;
	margin-bottom: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	height: 30px;
	border-radius: 4px;
	color: white;
	font-size: var(--f_13);
	font-weight: 700;
	line-height: normal;
	white-space: nowrap;
	background-color: var(--t_lighter);
	transition: background-color 0.3s;
}
.blog_reservat_wrap .con .all_select.on {
	background-color: var(--t_medium);
}
.blog_reservat_wrap .reservat_list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.blog_reservat_wrap .reservat_list .golfCCResWrap {
	padding: 15px;
	border: 1px solid var(--t_thin);
	border-radius: 8px;
	background-color: white;
	transition: border-color 0.2s;
}
.blog_reservat_wrap .reservat_list .golfCCResWrap:has(label.checkbox_m input[type="checkbox"]:checked) {
	border-color: var(--t_lighter_l);
}
.blog_reservat_wrap .reservat_list .golfCCResWrap .topInfo {
	position: absolute;
	top: 18px;
	right: 15px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.blog_reservat_wrap .reservat_list .golfCCResWrap .topInfo .nLBadgeLg {
	background-color: var(--t_light);
}
.blog_reservat_wrap .reservat_list .golfCCResWrap .topInfo .nLBadgeLg.p_red_d {
	background-color: var(--p_red_d);
}
.blog_reservat_wrap .reservat_list:has(.golfCCViewWrap) {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.blog_reservat_wrap .widthBtn {
	gap: 6px;
}
.blog_reservat_wrap .widthBtn .t_table {
	border: 1px solid var(--t_thin);
}
.blog_reservat_wrap .widthBtn .public_Pri {
	background-color: var(--t_medium);
}
.blog_reservat_wrap .widthBtn .public_Pri.close {
	background-color: var(--p_red_d);
}

/* 내글보기 - 작성글 보기 */
.view_my_post_wrap .post_list {
	border-top: 1px solid var(--t_light);
	padding-bottom: 40px;
}

/* 작성 댓글 보기 */
.view_my_post_wrap .cmnt_list {
	border-top: 1px solid var(--t_light);
	padding-bottom: 40px;
}
.view_my_post_wrap .cmnt_list .boardListTop .txt {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

/* 내포인트 */
body:has(.point_detail_wrap) main {
	display: flex;
	flex-direction: column;
}
.point_detail_wrap {
	flex: 1;
	margin-top: 5px;
	padding: 20px 15px 40px 15px;
	background-color: var(--m_bg);
}
.point_detail_wrap:has(.point_list) .pointModuleWrap {
	margin-bottom: 10px;
}
.point_detail_wrap .point_list .item {
	padding: 15px;
	background-color: white;
	border-radius: 8px;
	border: 1px solid var(--t_thin);
}
.point_detail_wrap .point_list .item:not(:last-child) {
	margin-bottom: 10px;
}
.point_detail_wrap .point_list .item .genre li:last-child {
	font-weight: 800;
}
.point_detail_wrap .point_list .item.use .nLBadgeLg {
	background-color: var(--m_main);
}
.point_detail_wrap .point_list .item.use .nLBadgeLg::before {
	content: "사용";
}
.point_detail_wrap .point_list .item.charge .genre li:last-child {
	color: var(--p_blue_d);
}
.point_detail_wrap .point_list .item.charge .nLBadgeLg {
	background-color: var(--p_blue_d);
}
.point_detail_wrap .point_list .item.charge .nLBadgeLg::before {
	content: "충전";
}
.point_detail_wrap .point_list .item.cancel .genre li:last-child {
	color: var(--p_red);
}
.point_detail_wrap .point_list .item.cancel .nLBadgeLg {
	background-color: var(--p_red);
}
.point_detail_wrap .point_list .item.cancel .nLBadgeLg::before {
	content: "취소";
}
.point_detail_wrap .point_list .top_info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;
}
.point_detail_wrap .point_list .top_info span {
	font-size: var(--f_15);
	font-weight: 700;
}
.point_detail_wrap .point_list .mid_info {
	display: grid;
	grid-template-columns: 130px 1fr;
	gap: 4px 0px;
}
.point_detail_wrap .point_list .mid_info .category,
.point_detail_wrap .point_list .mid_info .genre {
	grid-column: auto / span 2;
}

.point_detail_wrap .point_list .mid_info ul {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* 출금 계좌 등록 팝업 */
.withdrawal_account_reg_pop .popup_box {
	width: 100%;
	max-width: 400px;
}
.withdrawal_account_reg_pop .popup_box .pop_con {
	gap: 15px;
}

/* 신용카드 등록 팝업 */
.credit_card_reg_pop .popup_box {
	width: 100%;
	max-width: 400px;
}
.credit_card_reg_pop .popup_box .pop_con {
	gap: 15px;
}

/* 포인트 충전 */
body:has(.point_charg_wrap) header:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	border-bottom: 1px solid var(--t_thin);
}
.mBwrap:has(.point_charg_wrap) {
	height: 100vh;
}
.mBwrap:has(.point_charg_wrap) main {
	display: flex;
	flex-direction: column;
}
.point_charg_wrap {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
	padding-bottom: 40px;
}
.point_charg_wrap .pointChargGift {
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
	overflow-y: auto;
	padding: 0 15px;
	padding-top: 10px;
}
.point_charg_wrap .eachBtn {
	flex: 0 0 auto;
	padding: 15px 15px 0px 15px;
}
.point_charg_wrap .eachBtn a:first-child {
	flex: 0 0 100px;
	color: var(--t_lighter);
	position: relative;
	background-color: var(--t_table);
}
.point_charg_wrap .payment_type {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding-top: 10px;
}
.point_charg_wrap .equalTabCon:has(.cardListSlide) {
	padding: 15px;
	border-radius: 8px;
	border: 1px solid var(--t_thin);
}
.point_charg_wrap .equalTabCon .cardListSlide {
	-webkit-mask-image: linear-gradient(to right, transparent 0%, /* 왼쪽 끝 투명 */ black 15%, /* 왼쪽 페이드 끝 */ black 85%, /* 오른쪽 페이드 시작 */ transparent 100% /* 오른쪽 끝 투명 */);
	mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
}
.point_charg_wrap .equalTabCon .cardListSlide .swiper-slide {
	opacity: 0.5;
	transition: opacity 0.3s;
}
.point_charg_wrap .equalTabCon .cardListSlide .swiper-slide.on {
	opacity: 1;
}
.point_charg_wrap .equalTabCon .intForm {
	align-items: center;
}
.point_charg_wrap .refund_policy {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 15px;
}
.point_charg_wrap .refund_policy a {
	font-size: var(--f_11);
}
.point_charg_wrap .equalTabCon .intForm:not(:last-child) {
	padding-bottom: 15px;
}
.point_charg_wrap .equalTabCon .intForm .intInfo {
	width: 100%;
}
.point_charg_wrap .equalTabCon .intBox:has(> .radio_btn_wrap) {
	justify-content: center;
}

/* 포인트 출금 */
.point_withdraw_wrap .payment_type .row {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

/* 선입금 결제 */
.advance_pay_wrap .golfAdvance {
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
	overflow-y: auto;
	gap: 0px;
}
.advance_pay_wrap .payment_type {
	padding: 0 15px;
}
.advance_pay_wrap .refund_policy {
	padding-left: 15px;
	padding-right: 15px;
}
.advance_pay_wrap .eachBtn .send {
	font-weight: 900;
}

/* 예약 동의 예약 동의 약관보기 팝업  */

/* 포인트 선물 팝업 */
.point_charging_pop .popup_box {
	width: 100%;
	max-width: 400px;
}
.point_charging_pop .popup_box .pop_con {
	gap: 15px;
}

/* 설정 */
.mypage_setting_Wrap .wCon {
	padding: 20px 15px;
	padding-bottom: 25px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.mypage_setting_Wrap .anonymous .fakeInputWrap {
	position: relative;
	background-color: white;
}
.mypage_setting_Wrap .anonymous .fakeInputWrap .int_txt {
	position: absolute;
	top: 50%;
	left: 1px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	height: 34px;
	background-color: white;
	color: var(--t_lighter);
	padding-left: 14px;
	z-index: 1;
}
.set_photo .wCon {
	padding-top: 10px;
}
.set_photo .photoUpload {
	grid-template-columns: repeat(4, 1fr);
	gap: 15px 10px;
}
.set_photo .photoUpload .boxItem:first-child {
	grid-column: 1 / span 4;
	width: 180px;
	justify-self: center;
	background-color: var(--t_section);
}
.set_photo .photoUpload .boxItem:first-child .photoChoice img {
	padding-left: 7px;
}
.set_photo .photoUpload .boxItem:first-child .choiceTxt {
	font-size: var(--f_14);
	text-align: center;
	color: var(--t_light);
}
.mypage_setting_Wrap .settingTitle {
	display: flex;
	align-items: center;
	height: 42px;
	padding-left: 15px;
	background-color: var(--m_bg);
	border-top: 1px solid var(--t_table);
	border-bottom: 1px solid var(--t_table);
	font-size: var(--f_15);
	font-weight: 800;
}
.mypage_setting_Wrap .require_info .widthBtn a.on {
	border: none;
	color: white;
}
.mypage_setting_Wrap .require_info .widthBtn a:nth-child(1).on {
	background-color: var(--m_light);
}
.mypage_setting_Wrap .require_info .widthBtn a:nth-child(2).on {
	background-color: var(--p_yellow);
}
.mypage_setting_Wrap .require_info .widthBtn a:nth-child(3).on {
	background-color: var(--t_medium);
}
.mypage_setting_Wrap textarea {
	border-color: var(--t_thin);
}
.mypage_setting_Wrap .intSearchBox .intDropCon {
	bottom: 100%;
}
.mypage_setting_Wrap > .widthBtn {
	border-top: 1px solid var(--t_thin);
	padding: 20px 15px 40px 15px;
}
.mypage_setting_Wrap .privacy_mode {
	display: flex;
	flex-direction: column;
	gap: 15px;
	background-color: #edfaf2;
	border: 1px solid #d9f5e3;
	border-radius: 8px;
	padding: 15px;
}
.mypage_setting_Wrap .privacy_mode .info {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.mypage_setting_Wrap .privacy_mode .info ul {
	flex: 1 1 auto;
}
.mypage_setting_Wrap .privacy_mode .info ul .title_txt {
	font-weight: 700;
	color: var(--m_dark);
}
.mypage_setting_Wrap .privacy_mode .info ul .sub_txt {
	font-size: var(--f_12);
	color: var(--t_medium);
	font-weight: 600;
	padding-top: 5px;
}
.mypage_setting_Wrap .privacy_mode .chkSwitchBtn {
	flex: 0 0 auto;
}
.mypage_setting_Wrap .privacy_mode .chkSwitchBtn .switchLabel {
	background-color: white;
}
.mypage_setting_Wrap .privacy_mode .chkSwitchBtn .switchLabel:has(.switchInt:checked) {
	background: var(--m_light);
	border: 1px solid var(--m_light);
}
.mypage_setting_Wrap .privacy_mode .each_check {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.mypage_setting_Wrap .privacy_mode .passWord {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding-top: 15px;
	border-top: 1px solid #bfe3cb;
}
.mypage_setting_Wrap .privacy_mode .passWord:has(.passBtn) {
	border: none;
	padding-top: 0;
}
.mypage_setting_Wrap .privacy_mode .passWord .passBtn a {
	width: 100%;
}
.mypage_setting_Wrap .intForm .intInfo a:only-of-type {
	flex: 0 0 auto;
	width: 84px;
}
.mypage_setting_Wrap .intForm .intInfo .passWordBtn {
	flex: 1 1 auto !important;
	width: initial !important;
}

/* 이메일 인증 코드 팝업 */
.verify_email_pop .popup_box {
	max-width: 320px;
	width: 100%;
}
.verify_email_pop .pop_con {
	display: flex;
	flex-direction: column;
	align-items: initial !important;
	gap: 20px;
	text-align: center;
}
.verify_email_pop .info {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.verify_email_pop .time {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.verify_email_pop .time span {
	color: var(--p_red);
	font-weight: 700;
}
.verify_email_pop .int input {
	text-align: center;
}

/* 락채팅 */
body:has(.creatChatRoomBtn) .blogPageSelect .intInfo .intBox {
	/* flex: 0 0 auto; */
}
body:has(.rock_chat_list_wrap) .blogMemIfWrap .con {
	border: none;
}
.rock_chat_list_wrap {
	display: flex;
	flex-direction: column;
	margin-top: 5px;
	border-top: 1px solid var(--t_light);
}
.rock_chat_list_wrap .item {
	display: flex;
	align-items: center;
	padding: 0px 15px;
	border-bottom: 1px solid var(--t_thin);
	transition: background-color 0.2s;
	height: 66px;
}
.rock_chat_list_wrap .item .bcMemberIfWrap {
	display: flex;
	align-items: center;
}
.rock_chat_list_wrap .item .moreBtnWrap {
	z-index: initial;
	gap: 10px;
}
.rock_chat_list_wrap .item .MemInfo .rightInfo .chatType {
	gap: 5px;
}
.rock_chat_list_wrap .item .MemInfo .leftInfo .memImg {
	width: 38px;
	height: 38px;
}
.rock_chat_list_wrap .item .MemInfo .leftInfo .infoTxtWrap {
	gap: 9px;
}
.rock_chat_list_wrap .item .selectCheck {
	flex: 0 0 auto;
	width: 22px;
	min-height: 5px;
}
.rock_chat_list_wrap .item:has(.selectCheck input[type="checkbox"]:checked) {
	background-color: var(--m_bg);
}
.rock_chat_list_wrap .item.resRoom .chatLabel::before {
	content: "예약방";
	background-color: var(--p_pink);
}
.rock_chat_list_wrap .item.openRoom .chatLabel::before {
	content: "오픈방";
	background-color: var(--p_yellow);
}
.rock_chat_list_wrap .item.gropRoom .chatLabel::before {
	content: "그룹방";
	background-color: var(--p_blue);
}
.rock_chat_list_wrap .item.gropRoom .topTxtCon span:first-child {
	color: var(--p_blue);
}
.rock_chat_list_wrap .item.gropRoom .topTxtCon span:not(:last-child) {
	margin-right: 2px;
}
.rock_chat_list_wrap .item.connRoom .chatLabel::before {
	content: "접속중";
	background-color: var(--m_main);
}
.rock_chat_list_wrap .item.absentRoom .chatLabel::before {
	content: "부재중";
	background-color: var(--t_medium);
}
.rock_chat_list_wrap .item .MemInfo {
	gap: 15px;
}

/* 오픈채팅방 만들기 팝업 */
.make_open_chat_room_pop .popup_box {
	width: 100%;
	max-width: 400px;
}
.make_open_chat_room_pop .popup_box .pop_con {
	gap: 15px;
}
.make_open_chat_room_pop .choiceTxt {
	color: var(--p_red);
}

/* 알람설정 레이어 팝업 */
.alarm_select_switch_pop .popup_box {
	max-width: 320px;
	width: 100%;
}
.alarm_select_switch_pop .popup_box .pop_con {
	padding-bottom: 0px;
}

/* 채팅방 */
.mBwrap:has(.chatTopInfoWrap) {
	overflow: hidden;
	height: 100%;
}
main:has(.chatTopInfoWrap) {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	height: 100%;
	min-height: initial;
}
.chat_body_view {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 15px;
	min-height: 0;
	overflow: hidden;
	overflow-y: auto;
	background-color: var(--m_bg_dk);
	padding: 15px;
}
.chat_body_view .chat_mant_in {
	display: inline-block;
	max-width: 80%;
	padding: 8px 15px;
	border-radius: 6px;
	background-color: var(--p_blue);
	text-align: center;
	word-break: keep-all;
	white-space: normal;
	margin: 0 auto;
}
.chat_body_view .chat_mant_in ul {
	display: inline;
	color: white;
	font-weight: 600;
	font-size: var(--f_12);
}
.chat_body_view .chat_mant_in ul li {
	display: inline;
}
.chat_body_view .chat_mant_in ul li:after {
	content: "님과";
	margin-right: 2px;
}
.chat_body_view .chat_mant_in ul li:first-child:after {
	content: "님이";
}
.chat_body_view .chat_mant_in ul li:last-child:after {
	content: "님을";
}
.chat_body_view .chat_mant_in ul:after {
	content: "초대 했습니다.";
}
.chat_body_view .topTxtCon {
	font-size: var(--f_13) !important;
}
.chat_body_view .MemInfo .leftInfo {
	align-items: flex-start;
	width: 100%;
}
.chat_body_view .MemInfo .leftInfo .infoTxtWrap {
	flex: 1 1 auto;
	gap: 7px;
	margin-bottom: 0;
}
.chat_body_view .MemInfo .leftInfo .infoTxtWrap > .failedSendWrap {
	margin-top: 0;
}
.chat_body_view .MemInfo .leftInfo .topTxt {
	margin-right: 0;
	height: initial;
}
.chat_body_view .chatTime {
	font-size: var(--f_11);
	font-weight: 600;
	color: var(--t_medium);
	padding-left: 5px;
}
.chat_body_view .infoTxtWrap .btnGrop {
	display: flex;
	align-items: center;
	padding-left: 10px;
}
.chat_body_view .infoTxtWrap .btnGrop .optionBtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: rgba(51, 65, 85, 0.2);
}
.chat_body_view .infoTxtWrap .btnGrop .optionBtn a:before {
	content: "";
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-mask: url("") no-repeat center / contain;
	mask: url("") no-repeat center / contain;
	mask-size: 10px;
	background-color: var(--t_normal);
}
.chat_body_view .infoTxtWrap .btnGrop .optionBtn .copy:before {
	mask-image: url("../img/copy_icon.svg");
}
.chat_body_view .moreBtnWrap .moreBtn {
	padding-left: 8px;
}
.chat_body_view .chatBalloon {
	display: flex;
	flex-direction: column;
	padding: 10px 12px;
	border-radius: 8px;
	background-color: white;
	width: fit-content;
	max-width: 70%;
	line-height: 1.3;
	word-break: normal;
	word-wrap: normal;
	font-size: var(--f_13);
}
.chat_body_view .chatBalloon:has(.markHighLight) {
	display: inline;
}
.chat_body_view .chatBalloon.bootSelect {
	background-color: var(--m_light);
}
.chatBalloon.bootSelect .bootConditionChange .title {
	color: white;
}
.chatBalloon.bootSelect .bootConditionChange .title span {
	background-color: var(--t_medium);
}
.chatBalloon.bootSelect .statusMessage ul {
	border-color: white;
	color: white;
}
.chatBalloon.bootSelect .chatLinkWrap {
	color: white;
}
.chat_body_view .my_chat {
	position: relative;
	align-self: flex-end;
	width: 100%;
}
.chat_body_view .my_chat:has(.moreBtnDropCon.on) {
	z-index: 105;
}
.chat_body_view .my_chat .infoTxtWrap {
	align-items: flex-end;
}
.chat_body_view .my_chat .chatBalloon {
	background-color: #fee500;
}
.chat_body_view .my_chat .chatBalloon > .failedSendWrap {
	align-items: flex-end;
}
.chat_body_view .my_chat .chatMessageLink {
	width: calc(100% - 46px);
	justify-content: flex-end;
}
.chat_body_view .my_chat .chatMessageLink .messImg {
	order: 1;
	border-radius: 0px 8px 8px 0px;
}
.chat_body_view .my_chat .chatMessageLink .linkView {
	border: 1px solid var(--t_table);
	border-right: none;
	border-radius: 8px 0px 0px 8px;
	align-items: flex-end;
}
.chat_body_view .my_chat .chatMessageLink .linkView .txt {
	text-align: right;
}
.chatBalloon:has(.imgPreview) {
	max-width: initial;
	padding: 12px;
}
.chatBalloon .imgPreview {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 154px;
}
.chatBalloon .imgPreview .imgItem {
	width: 72px;
	height: 72px;
	border-radius: 6px;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	cursor: pointer;
}
.chatBalloon .imgPreview .imgItem img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.chat_body_view .importantNotice {
	display: flex;
	gap: 4px;
}
.chat_body_view .importantNotice .icon {
	flex: 0 0 auto;
	width: 12px;
	height: 16px;
	-webkit-mask: url("../img/false_acc_icon.svg") no-repeat center / contain;
	mask: url("../img/false_acc_icon.svg") no-repeat center / contain;
	background-color: var(--p_red_d);
}
.chat_body_view .importantNotice p {
	font-size: var(--f_12);
}
.chat_body_view .my_chat .importantNotice p {
	order: -1;
}
.chat_body_view .my_chat:has(.importantNotice) .chatBalloon,
.chat_body_view .person_chat:has(.importantNotice) .chatBalloon {
	border: 1px solid var(--t_lighter);
}
.chat_body_view .person_chat {
	position: relative;
}
.chat_body_view .person_chat:has(.moreBtnDropCon.on) {
	z-index: 105;
}
.chat_body_view .person_chat .givingGift {
	align-items: flex-start;
}
.chat_body_view .golfCCViewWrap {
	width: 175px;
}
.chat_body_view .golfCCViewWrap .golfCCItem {
	padding: 12px;
	gap: 6px;
}
.chat_body_view .golfCCViewWrap .golfInfo {
	gap: 3px;
}

/* 포인트 선물 하기 */
.givingGift {
	display: flex;
	flex-direction: column;
	gap: 7px;
	align-items: flex-end;
}
.givingGift .card {
	width: 175px;
	height: 262px;
	border-radius: 10px;
	background: url("../img/gift_card_img.png") no-repeat center / cover;
	color: white;
	font-size: var(--f_13);
	padding: 15px;
}
.givingGift .card .point {
	font-size: var(--f_20);
	font-weight: 800;
	text-align: right;
	padding-bottom: 6px;
}
.givingGift .card .card_txt p {
	letter-spacing: -1.2px;
}
.givingGift strong {
	font-weight: 800;
}

.chatBottomInt {
	position: relative;
	flex: 0 0 auto;
	padding: 15px;
}
.chatBottomInt input {
	border-color: var(--t_table);
	padding-right: 110px;
}
.chatBottomInt textarea {
	border-color: var(--t_table);
	padding: 8px 15px;
	padding-right: 110px;
	min-height: 38px;
}
.chatBottomInt .chatBtnWrap {
	position: absolute;
	bottom: 25px;
	right: 30px;
	display: flex;
	align-items: center;
	gap: 6px;
}
.chatBottomInt .chatBtnWrap a {
	width: 24px;
	height: 24px;
}
.chatBottomInt .chatBtnWrap a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-mask: url("") no-repeat center;
	mask: url("") no-repeat center;
	background-color: var(--t_light);
	transition: all 0.3s;
}
.chatBottomInt .chatBtnWrap .send {
	border-radius: 50%;
	background-color: var(--t_table);
	cursor: default;
}
.chatBottomInt .chatBtnWrap .send:after {
	-webkit-mask-image: url("../img/msg_send_icon.svg");
	mask-image: url("../img/msg_send_icon.svg");
	background-color: var(--t_lighter);
	mask-position: 4.5px center;
}
.chatBottomInt .chatBtnWrap .gift:after {
	-webkit-mask-image: url("../img/gift_icon.svg");
	mask-image: url("../img/gift_icon.svg");
}
.chatBottomInt .chatBtnWrap .img_up:after {
	-webkit-mask-image: url("../img/image_icon.svg");
	mask-image: url("../img/image_icon.svg");
}
.chatBottomInt .chatBtnWrap .send.on {
	cursor: pointer;
	background-color: var(--m_light);
}
.chatBottomInt .send.on:after {
	background-color: white;
}

/* 체팅 회원 프로필 팝업 */
.chat_mem_profile_pop .memProfileView {
	position: relative;
}
.chat_mem_profile_pop .nLBadgeLg {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 10;
}
.chat_mem_profile_pop:has(.connRoom) .nLBadgeLg {
	background-color: var(--m_main);
}
.chat_mem_profile_pop .nLBadgeLg.connRoom::before {
	content: "접속중";
	background-color: var(--m_main);
}
.chat_mem_profile_pop:has(.absentRoo) .nLBadgeLg {
	background-color: var(--t_medium);
}
.chat_mem_profile_pop .nLBadgeLg.absentRoo::before {
	content: "부재중";
	background-color: var(--t_medium);
}
.chat_mem_profile_pop .roundCloseMd {
	position: absolute;
	top: 15px;
	right: 15px;
}

/* 이미지 미리보기 팝업 */
.chat_image_preview_pop .popup_box {
	display: block;
	min-width: initial;
	width: initial;
}
.chat_image_preview_pop .popup_box .pop_con {
	display: block;
	height: calc(100% - 124px);
	overflow: auto;
	padding: 0px;
	margin: 0px 15px;
	border-radius: 6px;
	cursor: grab;
}
.chat_image_preview_pop .pop_con .img_box {
	border-radius: 6px;
	width: initial;
	height: 100%;
}
.chat_image_preview_pop .pop_con .img_box img {
	border-radius: 6px;
}

/* 이미지 미리보기 팝업 */
.post_image_preview_pop .popup_box {
	display: block;
	min-width: initial;
}
.post_image_preview_pop .popup_box .pop_con {
	display: block;
	height: calc(100% - 124px);
	overflow: auto;
	padding: 0px;
	margin: 0px 15px;
	border-radius: 6px;
	cursor: grab;
}
.post_image_preview_pop .pop_con .img_box {
	border-radius: 6px;
}
.post_image_preview_pop .pop_con img {
	border-radius: 6px;
}

/* 이미지 업로드 레이어 팝업 */
.chat_image_upload_pop .photoUpload {
	grid-template-columns: repeat(2, 1fr);
}
.chat_image_upload_pop .photoUpload:has(> a.boxItem:only-child) {
	grid-template-columns: repeat(1, 1fr);
	justify-items: center;
}
.chat_image_upload_pop .photoUpload .boxItem {
	width: 108px;
	aspect-ratio: 1 / 1;
}

/* 포인트 선물하기 */
.chat_give_point_pop:has(.pointChargGift) .popup_box {
	width: 100%;
	max-width: 400px;
}

/* 대화상대 초대 */
.member_chat_invite_pop .popup_box {
	width: 100%;
	max-width: 400px;
}

/* 선물하기 레이어 팝업 */
.member_chat_invite_pop .pop_con {
	gap: 20px !important;
}

/* 예약방 방정보 프로필 팝업 */
.chat_golf_reservation_room_pop .memProfileView {
	position: relative;
}
.chat_golf_reservation_room_pop .nLBadgeLg {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 10;
}
.chat_golf_reservation_room_pop:has(.resRoom) .nLBadgeLg {
	background-color: var(--p_pink);
	position: absolute;
	left: initial;
	right: 15px;
}
.chat_golf_reservation_room_pop .nLBadgeLg.resRoom::before {
	content: "예약방";
	background-color: var(--p_pink);
}

/* 오픈방 방정보 프로필 팝업 */
.chat_golf_open_room_pop .memProfileView {
	position: relative;
}
.chat_golf_open_room_pop .nLBadgeLg {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 10;
}
.chat_golf_open_room_pop:has(.openRoom) .nLBadgeLg {
	background-color: var(--p_yellow);
	position: absolute;
	left: initial;
	right: 15px;
}
.chat_golf_open_room_pop .nLBadgeLg.openRoom::before {
	content: "오픈방";
	background-color: var(--p_yellow);
}
.chat_golf_open_room_pop .openImg {
	overflow: hidden;
	border-radius: 12px;
	aspect-ratio: 1 / 1;
}
.chat_golf_open_room_pop .openImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}
.chat_golf_open_room_pop .widthBtn:has(a:nth-child(3)) {
	flex-wrap: wrap;
}
.chat_golf_open_room_pop .widthBtn:has(a:nth-child(3)) a {
	flex: 1 1 40%;
}

/* 주간랭킹 */
body:has(.week_ranking_wrap) main {
	background-color: #191932;
}
body:has(.week_ranking_wrap) header {
	background-color: #191932 !important;
}
body:has(.week_ranking_wrap) header::before {
	display: none !important;
}
body:has(.week_ranking_wrap) header .headerNav .headerTitle {
	color: white;
}
body:has(.week_ranking_wrap) header .top_btn_info a {
	color: white;
}
body:has(.week_ranking_wrap) header .top_btn_info a .img {
	background-color: white;
}
body:has(.week_ranking_wrap) header .headerNav .backBtn img {
	display: none;
}
body:has(.week_ranking_wrap) header .headerNav .backBtn:before {
	content: "";
	display: flex;
	width: 9px;
	height: 16px;
	-webkit-mask: url("../img/back_arrow_icon.svg") no-repeat center;
	mask: url("../img/back_arrow_icon.svg") no-repeat center;
	background-color: white;
}
.week_ranking_wrap {
	padding-bottom: 40px;
}
.week_ranking_wrap .ranking_txt {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	font-size: var(--f_15);
	color: #c4883d;
	font-weight: 500;
	padding-top: 10px;
	padding-bottom: 10px;
}
.week_ranking_wrap .ranking_txt img {
	width: 46%;
}
.week_ranking_wrap .rank_top_three {
	display: grid;
	grid-template-columns: 31% 38% 31%;
	padding: 0px 20px;
	align-items: center;
	text-align: center;
	line-height: 1.3;
	padding-bottom: 20px;
}
.week_ranking_wrap .rank_top_three img {
	width: 100%;
}
.week_ranking_wrap .rank_top_three .rank_view {
	position: relative;
	padding-bottom: 4px;
}
.week_ranking_wrap .rank_top_three .mem_img {
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -41%;
	width: 54%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
	background: url("") no-repeat center / cover;
}
.week_ranking_wrap .rank_top_three .center .mem_img {
	translate: -50% -38%;
}
.week_ranking_wrap .rank_top_three .point {
	font-weight: 800;
	padding-bottom: 2px;
}
.week_ranking_wrap .rank_top_three .left {
	color: #c1c1c1;
}
.week_ranking_wrap .rank_top_three .left .point {
	font-size: var(--f_13);
}
.week_ranking_wrap .rank_top_three .left .mem_imfo {
	font-size: var(--f_11);
}
.week_ranking_wrap .rank_top_three .center {
	color: #d3a23c;
}
.week_ranking_wrap .rank_top_three .center .point {
	font-size: var(--f_15);
}
.week_ranking_wrap .rank_top_three .center .mem_imfo {
	font-size: var(--f_11);
}
.week_ranking_wrap .rank_top_three .right {
	color: #c0956a;
}
.week_ranking_wrap .rank_top_three .right .point {
	font-size: var(--f_13);
}
.week_ranking_wrap .rank_top_three .right .mem_imfo {
	font-size: var(--f_11);
}
.week_ranking_wrap .rank_range {
	padding-bottom: 25px;
}
.week_ranking_wrap .rank_range .item {
	display: flex;
	justify-content: center;
	gap: 15px;
}
.week_ranking_wrap .rank_range .item ul {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 5px;
	font-size: var(--f_10);
	color: #9191fe;
	text-align: center;
}
.week_ranking_wrap .rank_range .item ul img {
	width: 34px;
	height: 34px;
	display: block;
}
.week_ranking_wrap .rankingSlide {
	padding: 0 15px;
	gap: 8px;
}
.week_ranking_wrap .rankingSlide img {
	width: 24px;
	height: 24px;
	aspect-ratio: 1 / 1;
}
.week_ranking_wrap .rankingSlide .item p {
	font-size: var(--f_12);
	padding-right: 0;
	padding-left: 4px;
}
.week_ranking_wrap .rankingSlide .slideCon {
	display: flex;
	align-items: center;
	padding: 0px 15px;
	height: 38px;
	border: 1px solid #6767b4;
	border-radius: 8px;
}
.week_ranking_wrap .rankingSlide .searchIcBtn {
	background-color: #6767b4;
}
.week_ranking_wrap .rank_table {
	position: relative;
	z-index: 1;
	padding: 15px 15px 0px 15px;
}
.week_ranking_wrap .rank_table table th,
.week_ranking_wrap .rank_table table td {
	height: 32px;
	color: #bebee2;
	font-weight: 700;
	text-align: left;
	background-color: transparent;
}
.week_ranking_wrap .rank_table table th {
	border: none;
	font-size: var(--f_10);
}
.week_ranking_wrap .rank_table table td {
	border-top: none;
	font-size: var(--f_11);
	border-bottom: 1px solid #34345b;
}
.week_ranking_wrap .rank_table table thead {
	position: relative;
}
.week_ranking_wrap .rank_table table thead:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #34345b;
	border-radius: 8px;
	top: 0;
	right: 0;
	z-index: -1;
}
.week_ranking_wrap .rank_table table tr.sh_rank td {
	border-top: 2px solid var(--p_blue);
	border-bottom: 2px solid var(--p_blue);
}
.week_ranking_wrap .rank_table table tr.sh_rank td:first-child {
	border-left: 2px solid var(--p_blue);
}
.week_ranking_wrap .rank_table table tr.sh_rank td:last-child {
	border-right: 2px solid var(--p_blue);
}
.week_ranking_wrap .rank_table table .rank_num {
	text-align: right;
}
.week_ranking_wrap .rank_table table td.info > div {
	display: flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
}
.week_ranking_wrap .rank_table table td.info > div img {
	width: 18px;
	height: 18px;
	margin-bottom: 2px;
}
.week_ranking_wrap .rank_table table td.link .rank_profile {
	position: relative;
	cursor: pointer;
}
.week_ranking_wrap .pageNumWrap a {
	color: var(--t_light);
}
.rank_nickname_find_popup .popup_box {
	width: 100%;
	max-width: 400px;
}

/* 채팅방명 수정 팝업 */
.chat_room_name_modify_pop .popup_box {
	width: 100%;
	max-width: 400px;
}

/* 비밀번호 찾기 */
.password_lost_wrap .title p {
	font-size: var(--f_17);
	font-weight: 800;
	text-align: center;
}
.password_lost_wrap .btn a {
	width: 100%;
}
.password_lost_wrap .lCon {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.password_lost_wrap .send_auth_num {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.password_lost_wrap .subTxt {
	color: var(--p_orange);
}

.password_lost_wrap .auth_confirm .btn {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding-top: 15px;
}
.password_lost_wrap .auth_confirm span {
	display: block;
	padding-top: 20px;
	font-size: var(--f_12);
	line-height: 1.4;
	text-align: center;
}
.password_lost_wrap .new_pwd {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

/* 비밀번호 변경 */
.password_change_wrap .title p {
	font-size: var(--f_17);
	font-weight: 800;
	text-align: center;
}
.password_change_wrap .btn a {
	width: 100%;
}
.password_change_wrap .lCon {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.password_change_wrap .send_auth_num {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.password_change_wrap .passBtn {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* 자주묻는 질문 */
.fnq_board_wrap .con {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0px 15px 40px 15px;
}
.fnq_board_wrap .fnq_list {
	border-radius: 6px;
	border: 1px solid var(--t_thin);
	padding: 0px 15px;
	line-height: 1.4;
	transition: border-color 0.3s;
}
.fnq_board_wrap .fnq_list.on {
	border-color: var(--t_light);
}
.fnq_board_wrap .fnq_list .question {
	display: flex;
	padding: 10px 0px;
	transition:
		padding 0.3s,
		height 0.3s;
	cursor: pointer;
}
.fnq_board_wrap .fnq_list .question .title {
	padding-top: 1px;
}
.fnq_board_wrap .fnq_list.on .question {
	padding: 15px 0px;
}
.fnq_board_wrap .fnq_list .question .mark {
	flex: 0 0 auto;
	font-size: var(--f_16);
	font-weight: 900;
	color: var(--m_darker);
	width: 22px;
}
.fnq_board_wrap .fnq_list .fnqSlideToggle {
	display: none;
	padding-bottom: 15px;
}
.fnq_board_wrap .fnq_list .answer {
	display: flex;
	align-items: flex-start;
	padding: 15px;
	border-radius: 6px;
	background-color: var(--m_bg);
}
.fnq_board_wrap .fnq_list .answer .mark {
	flex: 0 0 auto;
	font-size: var(--f_16);
	font-weight: 900;
	color: var(--m_main);
	width: 22px;
}

/* 홍보 글보기 */
main:has(.publicity_post_wrap) {
	display: flex;
	flex-direction: column;
}
.publicity_post_wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}
.publicity_post_wrap .con {
	flex: 1;
	padding: 20px 15px 40px 15px;
	background-color: var(--m_bg);
}
.publicity_post_wrap .con .all_select {
	width: 100%;
	margin-bottom: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	height: 30px;
	border-radius: 4px;
	color: white;
	font-size: var(--f_13);
	font-weight: 700;
	line-height: normal;
	white-space: nowrap;
	background-color: var(--t_lighter);
	transition: background-color 0.3s;
}
.publicity_post_wrap .con .all_select.on {
	background-color: var(--t_medium);
}
.publicity_post_wrap .post_list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.publicityBox {
	padding: 15px;
	background-color: white;
	border: 1px solid var(--t_thin);
	border-radius: 8px;
	transition: border-color 0.2s;
}
.publicityBox .checkTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 9px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--t_thin);
}
.publicityBox .checkTop .check_img {
	border-color: var(--t_lighter);
}
.publicityBox .checkTop .check_item p {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 800;
}
.publicityBox .checkTop .check_item p .turn {
	color: var(--p_red);
}
.publicityBox.on .checkTop .check_item p .turn {
	color: var(--p_blue);
}
.publicityBox:has(input[type="checkbox"]:checked) {
	border-color: var(--t_lighter);
}
.publicityBox .checkTop .update {
	font-size: var(--f_12);
}
.publicityBox .pubInfo {
	display: grid;
	grid-template-columns: max-content 1fr;
}
.publicityBox .pubInfo ul {
	position: relative;
	display: contents;
	font-size: var(--f_13);
	font-weight: 600;
}
.publicityBox .pubInfo ul li:first-child {
	padding-right: 10px;
	font-weight: 400;
	columns: var(--t_light);
}
.publicityBox .pubInfo ul:not(:last-child) li {
	margin-bottom: 6px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
}
.publicityBox .pubInfo ul .price {
	font-weight: 800;
	color: var(--m_dark);
}

/* 링크 레이어 팝업 */
.link_all_view_pop p.txt {
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
}

/* 공지사항 등록 레이어 팝업 */
.chat_notice_register_pop .popup_box {
	min-width: 290px;
}
.chat_notice_register_pop .popup_box .pop_con {
	padding: 0 15px;
}

/* 공지사랑 전체보기 레이어 팝업 */
.chat_notice_reg_view_pop .noti_txt {
	display: flex;
	flex-direction: column;
	gap: 10px;
	line-height: 1.4;
}

/* 예약공유 레이어 팝업 */
.share_reservation_pop .popup_box {
	width: 100%;
	max-width: 400px;
}
.share_reservation_pop .popup_box .pop_con {
	overflow: hidden;
}
.share_reservation_pop .noResult {
	border-top: 1px solid var(--t_thin);
}
.share_reservation_pop .share_res_wrap {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 0;
}
.share_reservation_pop .popFixCon {
	padding-top: 0px;
}
.share_reservation_pop .popScrollCon {
	padding-bottom: 15px;
}
.share_reservation_pop .popScrollCon .list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.share_reservation_pop .popScrollCon .pageNumWrap {
	padding-top: 20px;
}
.share_reservation_pop label.checkbox_m {
	width: 100%;
	padding: 10px 12px;
	border-radius: 6px;
	border: 1px solid var(--t_thin);
	transition:
		border-color 0.2s,
		background-color 0.2s;
}
.share_reservation_pop label.checkbox_m:has(input[type="checkbox"]:checked) {
	background-color: var(--m_bg);
	border-color: var(--t_lighter_l);
	border-color: var(--t_lighter);
}
.share_reservation_pop .check_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.share_reservation_pop .dtBasicInfo .infoItem ul li {
	font-size: var(--f_12);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	text-overflow: ellipsis;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
	overflow: hidden;
}
.share_reservation_pop .dtBasicInfo .infoItem ul:not(:last-child) li {
	margin-bottom: 4px;
}

/* 닉네임 변경 팝업 */
.nick_name_change_pop .popup_box {
	max-width: 440px;
	width: 100%;
}
.nick_name_change_pop .current strong {
	font-weight: 800;
}

/* 익명 닉네임 변경 팝업 */
.anonymous_name_change_pop .preview {
	position: relative;
	width: 100%;
}
.anonymous_name_change_pop .preview p {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	color: var(--t_lighter);
	width: 100%;
	height: 100%;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
	padding: 0 15px;
}
.anonymous_name_change_pop canvas {
	border-radius: 6px;
	border: 1px solid var(--t_thin);
	width: 100%;
}
.anonymous_name_change_pop .popup_btn {
	padding-top: 0px !important;
}

/* 업무 공지사항 등록 */
.priority_work_noti_reg_pop .popup_box {
	overflow: initial !important;
}
.priority_work_noti_reg_pop .pop_con {
	overflow: initial !important;
}
.priority_work_noti_reg_pop .radio_btn_wrap label {
	flex: 1;
}
.priority_work_noti_reg_pop .radio_btn_wrap label .check_item {
	width: 100%;
}
.priority_work_noti_reg_pop .radio_btn_wrap label .check_item p {
	width: 100%;
}

/* 1:1 채팅 상담하기 팝업 */
.live_chat_counse_pop .btn a {
	width: 100%;
}
.live_chat_counse_pop .popup_box .pop_con {
	gap: 20px;
}
.live_chat_counse_pop .send_auth_num {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.live_chat_counse_pop .subTxt {
	color: var(--p_orange);
}

.live_chat_counse_pop .auth_confirm {
	width: 100%;
}
.live_chat_counse_pop .auth_confirm .btn {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 12px;
}
.live_chat_counse_pop .auth_confirm span {
	display: block;
	padding-top: 12px;
	font-size: var(--f_12);
	line-height: 1.4;
	text-align: center;
}
.layer_popup.live_chat_counse_pop.on {
	display: flex;
	animation: popup_opacity 0.7s both;
	background-color: rgba(15, 28, 35, 0.6);
}

/* 신고글 보기 */
main:has(.view_report_txt_wrap) {
	display: flex;
	flex-direction: column;
}
.view_report_txt_wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}
.view_report_txt_wrap .con {
	flex: 1;
	padding: 20px 15px 40px 15px;
	background-color: var(--m_bg);
}
.view_report_txt_wrap .report_list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.view_report_txt_wrap .report_box {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 15px;
	border: 1px solid var(--t_thin);
	border-radius: 8px;
	background-color: white;
	transition: border-color 0.2s;
}
.view_report_txt_wrap .report_box .nLBadgeLg {
	position: absolute;
	top: 15px;
	right: 15px;
	background-color: var(--t_medium);
}
.view_report_txt_wrap .report_box .nLBadgeLg.delete {
	background-color: var(--p_red_d);
}
.view_report_txt_wrap .report_box .nLBadgeLg.restore {
	background-color: var(--p_blue);
}
.view_report_txt_wrap .report_box .time {
	display: flex;
	align-items: center;
	height: 20px;
}
.view_report_txt_wrap .report_box .time ul {
	display: flex;
	align-items: center;
	font-size: var(--f_12);
}
.view_report_txt_wrap .report_box .time:has(ul:nth-child(2)) ul:first-child::after {
	content: "|";
	margin: 0 4px;
}
.view_report_txt_wrap .report_box .time ul li:last-child {
	font-weight: 700;
	padding-left: 6px;
}
.view_report_txt_wrap .report_box .title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	text-overflow: ellipsis;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
	overflow: hidden;
}
.view_report_txt_wrap .report_box .result {
	background-color: var(--t_light);
}

/* 신고 처리내용 결과 팝업 */
.report_process_txt_pop .popup_box .pop_con {
	padding-top: 20px;
	padding-bottom: 0px;
	overflow: hidden;
}
.report_process_txt_pop .sub_txt {
	flex: 0 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
	line-height: 1.6;
}
.report_process_txt_pop .sub_txt .go_link {
	text-decoration: underline;
	cursor: pointer;
}
.report_process_txt_pop .process_detail {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	margin-top: 10px;
	width: 100%;
	transition: all 0.3s;
	border: 1px solid var(--t_thin);
	border-radius: 6px;
	background-color: var(--t_section);
}
.report_process_txt_pop .process_detail span {
	flex: 0 0 auto;
	font-size: 14px;
	font-weight: 700;
	margin: 15px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid var(--t_thin);
}
.report_process_txt_pop .process_detail p {
	flex: 1 1 auto;
	overflow: hidden;
	overflow-y: auto;
	padding: 0px 15px;
	margin-bottom: 15px;
	padding-top: 0px;
	line-height: 1.6;
}
.report_process_txt_pop.layer_popup .popup_btn {
	justify-content: space-between;
}
.report_process_txt_pop.layer_popup .popup_btn .left span {
	display: flex;
	align-items: center;
	font-weight: 700;
}
.report_process_txt_pop.layer_popup .popup_btn .left span > a {
	padding: 0;
}

/* 신고사유 팝업 */
.reason_false_report_pop label.radiobox_m p {
	min-width: initial;
}
.reason_false_report_pop .popup_box .pop_con {
	padding-bottom: 0px;
}

/* 대문페이지 */
body:has(.web_gate_wrap) {
	background-color: var(--m_light);
}
.web_gate_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	height: 100%;
	padding: 15px 30px;
	max-width: 540px;
	width: 100%;
	margin: 0 auto;
}
.web_gate_wrap .login_head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	padding-bottom: 30%;
}
.web_gate_wrap .login_head .logo_img {
	width: 114px;
	height: 80px;
	-webkit-mask: url("../img/gfr_logo.svg") no-repeat center;
	mask: url("../img/gfr_logo.svg") no-repeat center;
	mask-size: cover;
	background-color: white;
}
.web_gate_wrap .login_head p {
	font-size: 13px;
	color: var(--f_13);
	color: white;
}
.web_gate_wrap .login_head p strong {
	font-weight: 800;
}

/* 리뷰쓰기 */
main:has(.review_write_wrap) {
	display: flex;
	flex-direction: column;
}
.review_write_wrap {
	flex: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.review_write_wrap .golf_cc_zone {
	padding: 30px 15px 20px 15px;
}
.review_write_wrap .golf_cc_zone .golfCourseIntro {
	padding-bottom: 12px;
}
.review_write_wrap .golf_cc_zone .info_txt {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 15px;
}
.review_write_wrap .golf_cc_zone .info_txt ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: var(--f_13);
}
.review_write_wrap .fakeInputWrapSb {
	background-color: white;
}
.review_write_wrap .lCon {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-top: 20px;
	background-color: var(--m_bg);
}
.review_write_wrap .lCon .review_d_day {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.review_write_wrap .lCon .review_d_day .title {
	font-size: var(--f_16);
	color: var(--m_dark);
	font-weight: 800;
}
.review_write_wrap .lCon .review_d_day .date {
	font-size: var(--f_12);
	font-weight: 700;
	color: var(--p_red);
}
.review_write_wrap .box {
	display: flex;
	flex-direction: column;
	gap: 15px;
	border: 1px solid var(--t_table);
	border-radius: 8px;
	padding: 20px 15px;
	background-color: white;
}
.review_write_wrap .box.off {
	background-color: var(--t_thin);
}
.review_write_wrap .box.off .selStarSm a {
	pointer-events: none;
}
.review_write_wrap .box.off textarea {
	background-color: var(--t_table);
}
.review_write_wrap .box.off .lineDropBtn {
	pointer-events: none;
	border-color: var(--t_lighter_l);
}
.review_write_wrap .box.off .photoUpload .boxItem {
	background-color: var(--t_table);
	pointer-events: none;
}
.review_write_wrap .main_title {
	display: flex;
	align-items: center;
	gap: 10px;
}
.review_write_wrap .main_title p {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	height: 30px;
	font-weight: 800;
	background-color: var(--m_main);
	color: white;
	border-radius: 4px;
}
.review_write_wrap .main_title span {
	font-size: var(--f_12);
	color: var(--p_red_d);
}
.review_write_wrap .item {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.review_write_wrap .item + .item {
	margin-top: 10px;
}
.review_write_wrap .item .review_title {
	font-size: var(--f_15);
	font-weight: 800;
}
.review_write_wrap .dtBasicInfo .infoItem ul {
	font-weight: 400;
}
.review_write_wrap .dtBasicInfo .infoItem ul .ask {
	margin-bottom: 5px;
}
.review_write_wrap .dtBasicInfo .infoItem ul li:first-child {
	color: var(--t_normal);
}
.review_write_wrap .dtBasicInfo .infoItem ul:not(:last-child) li {
	margin-bottom: 15px;
}
.review_write_wrap .intNomalTxt {
	grid-column: 1 / -1;
}

/* 미니홈피 리뷰 */
.review_list_wrap .list {
	border-top: 1px solid var(--t_light);
	padding-bottom: 40px;
}
.review_list_wrap .reviewBox:has(.selStarSm) {
	align-items: flex-start;
}
.review_list_wrap .reviewBox:has(.selStarSm) .finishRev {
	flex-direction: column;
	align-items: initial;
	justify-content: initial;
	height: initial;
	gap: 10px;
	padding-top: 12px;
	border-top: 1px solid var(--t_table);
}

/* 리뷰 공통 팝업 */
.review_common_pop .popup_box {
	width: 100%;
	max-width: 380px;
}
.review_common_pop .popup_box .pop_con {
	gap: 15px;
}
.review_common_pop .item {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 100%;
}
.review_common_pop .dtBasicInfo {
	display: flex;
	flex-direction: initial;
	align-items: flex-end;
	justify-content: space-between;
}
.review_common_pop .dtBasicInfo a {
	pointer-events: none;
}
.review_common_pop .dealer_img {
	width: 72px;
	aspect-ratio: 1 / 1;
	border: 1px solid var(--t_thin);
	border-radius: 50%;
	overflow: hidden;
}
.review_common_pop .dealer_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.review_common_pop .review_txt p {
	line-height: 1.4;
	text-align: justify;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
}
.review_common_pop .review_photo {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
}
.review_common_pop .review_photo:has(img:nth-child(2)) {
	grid-template-columns: repeat(2, 1fr);
}
.review_common_pop .review_photo:has(img:nth-child(3)) {
	grid-template-columns: repeat(3, 1fr);
}
.review_common_pop .review_photo img {
	width: 100%;
	border-radius: 8px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.review_common_pop:has(.MemInfo) .dtBasicInfo {
	flex-direction: column;
	align-items: initial;
	justify-content: initial;
	gap: 0;
}
.review_common_pop:has(.MemInfo) .dtBasicInfo .infoItem {
	padding-left: 46px;
}
.review_common_pop:has(.MemInfo) .review_txt {
	padding: 15px;
	border: 1px solid var(--t_thin);
	border-radius: 6px;
}
.review_common_pop:has(.MemInfo) .review_txt p {
	max-height: 59px;
	overflow: hidden;
	overflow-y: auto;
}

/* 리뷰커뮤니티 리스트 */
.golf_cc_silde_list {
	padding: 20px 0px 20px 15px;
	background-color: var(--m_bg);
}
.golf_cc_silde_list .widthBtn {
	padding-right: 15px;
	padding-bottom: 10px;
}
.golf_cc_silde_list .widthBtn a {
	justify-content: space-between;
	padding: 15px;
	transition:
		background-color 0.3s,
		border-color 0.3s,
		color 0.3s;
}
.golf_cc_silde_list .widthBtn a.on {
	background-color: var(--m_main);
	border-color: var(--m_main);
	color: white;
}
.golfGradeSlide .item {
	display: flex;
	border-radius: 8px;
	border: 1px solid transparent;
}
.golfGradeSlide .swiper-slide.on .item {
	background-color: white;
	border-color: var(--t_lighter);
}
.golfGradeSlide .item .golf_img {
	flex: 0 0 auto;
	display: flex;
	width: 105px;
	height: 90px;
	border-radius: 8px;
	overflow: hidden;
}
.golfGradeSlide .swiper-slide.on .golf_img {
	border-radius: 8px 0px 0px 8px;
}
.golfGradeSlide .item .golf_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.golfGradeSlide .item .row {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 2px;
	padding: 6px 10px;
}
.golfGradeSlide .item .golf_info p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
	font-size: var(--f_11);
}
.golfGradeSlide .item .golf_info .golf_name {
	font-size: var(--f_12);
	font-weight: 700;
	margin-bottom: 2px;
}
.review_cmty_list_wrap {
	flex: 1 1 auto;
	background-color: var(--m_bg);
}
.review_cmty_list_wrap .rv_list {
	background-color: white;
}
.review_cmty_list_wrap .rv_list:last-child .wConB {
	border-width: 40px;
}
.review_cmty_list_wrap .rv_list .rv_img {
	position: relative;
	width: 100%;
	padding-bottom: 63%;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 20px;
}
.review_cmty_list_wrap .rv_list .rv_img img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.review_cmty_list_wrap .rv_list .info {
	margin-bottom: 15px;
}
.review_cmty_list_wrap .rv_list .info .golf_name {
	font-size: var(--f_15);
	font-weight: 700;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
	margin-bottom: 6px;
}
.review_cmty_list_wrap .rv_list .info .re_txt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
}
.review_cmty_list_wrap .rv_list .bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.review_cmty_list_wrap .rv_list .bottom .infoTxtWrap {
	position: relative;
}
.review_cmty_list_wrap .rv_list .bottom .moreBtnDropCon {
	right: initial;
	left: 0;
	top: calc(100% - 20px);
}
.review_cmty_list_wrap .rv_list .bottom .selStarMd .starBox a {
	width: 21px;
	height: 20px;
}
.review_cmty_list_wrap .rv_list .bottom .selStarMd .starBox .score {
	font-size: var(--f_22);
}
.review_cmty_list_wrap:has(.noResult) {
	background-color: white;
}

/* 리뷰커뮤니티 읽기 */
.review_read_wrap .golf_cc_zone {
	padding: 30px 15px 20px 15px;
	flex: 1 1 auto;
}
.review_read_wrap .golf_cc_zone .golfCourseIntro {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
}
.review_read_wrap .golf_cc_zone .info_txt {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 15px;
}
.review_read_wrap .golf_cc_zone .info_txt ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: var(--f_13);
}
.review_read_wrap .golf_cc_zone .dtBasicInfo {
	display: flex;
	flex-direction: initial;
	align-items: flex-start;
	justify-content: space-between;
}
.review_read_wrap .golf_cc_zone .dtBasicInfo .total_review {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: var(--f_12);
}
.review_read_wrap .selStarMd a {
	width: 27px;
	height: 26px;
}
.review_read_wrap .selStarMd .score {
	font-size: var(--f_24);
}
.review_read_wrap .lineChart {
	padding: 0 15px;
}
.review_read_wrap .widthBtn {
	padding: 0 15px;
	margin-bottom: 20px;
}
.review_read_wrap .board_read_wrap .con {
	padding-top: 0;
}
.review_read_wrap .review_read {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 0px 15px 30px 15px;
}
.review_read_wrap .review_read .MemInfo {
	padding-top: 20px;
	border-top: 1px solid var(--t_thin);
}
.review_read_wrap .review_read .MemInfo .infoTxtWrap {
	position: relative;
}
.review_read_wrap .review_read .MemInfo .moreBtnDropCon {
	right: initial;
	left: 0;
	top: calc(100% - 20px);
}
.review_read_wrap .review_read .dtBasicInfo {
	padding: 0;
	border: none;
	margin-left: 44px;
	width: initial;
}
.review_read_wrap .review_read .dtBasicInfo a {
	pointer-events: none;
}
.review_read_wrap .review_read .review_txt p {
	line-height: 1.4;
	text-align: justify;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
}
.review_read_wrap .review_read .review_photo {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.review_read_wrap .review_read .review_photo:has(img:nth-child(3)) {
	grid-template-columns: repeat(3, 1fr);
}
.review_read_wrap .review_read .review_photo img {
	width: 100%;
	border-radius: 8px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/* 회원정보 레이어팝업 */
.member_info_pop .popup_box {
	max-width: 420px !important;
	width: 100%;
}
.member_info_pop .popup_box > .title {
	padding-bottom: 0;
}
.member_info_pop .nLBadgeLg {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 10;
}
.member_info_pop:has(.connRoom) .nLBadgeLg {
	background-color: var(--m_main);
}
.member_info_pop .nLBadgeLg.connRoom::before {
	content: "접속중";
	background-color: var(--m_main);
}
.member_info_pop:has(.absentRoo) .nLBadgeLg {
	background-color: var(--t_medium);
}
.member_info_pop .nLBadgeLg.absentRoo::before {
	content: "부재중";
	background-color: var(--t_medium);
}
.member_info_pop .memImgWrap {
	width: 180px;
	height: 180px;
	margin: 0 auto;
}
.member_info_pop .memImgWrap .profileBadgeRdMd {
	bottom: 15px;
	right: 15px;
	z-index: 1;
}
.member_info_pop .nickname {
	text-align: center;
	font-size: var(--f_18);
	font-weight: 700;
	padding-top: 10px;
}
.member_info_pop .equalWidthTab {
	margin-top: 5px;
}
.member_info_pop .equalTabCon {
	width: 100%;
}
.member_info_pop .equalTabCon.active:has(.total_review) {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.member_info_pop .popup_btn {
	padding: 15px 0px !important;
}
.member_info_pop .memProfileInfo {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 6px 10px;
	width: 100%;
	padding-top: 8px;
}
.member_info_pop .memProfileInfo ul {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--t_medium);
}
.member_info_pop .memProfileInfo ul li:not(:first-child) {
	color: var(--t_normal);
	font-weight: 700;
}
.member_info_pop .memProfileInfo ul li a {
	color: var(--m_main);
	text-decoration: underline;
}
.member_info_pop .textAreaZone {
	padding-top: 20px;
}
.member_info_pop .total_review {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 15px;
	overflow: hidden;
	overflow-y: auto;
	margin-top: 5px;
}
.member_info_pop .total_review .review_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.member_info_pop .total_review .average {
	display: flex;
	align-items: center;
	gap: 6px;
}
.member_info_pop .total_review .review_header img {
	height: 28px;
}
.member_info_pop .total_review .review_header .score {
	font-size: var(--f_28);
	font-weight: 900;
}
.member_info_pop .total_review .review_header .intForm {
	width: initial;
}
.member_info_pop .user_review .item {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.member_info_pop .user_review .MemInfo .rightInfo {
	align-self: initial;
}
.member_info_pop .user_review .dtBasicInfo {
	padding-left: 46px;
	border: none;
}
.member_info_pop .user_review .dtBasicInfo a {
	pointer-events: none;
}
.member_info_pop .user_review .review_txt p {
	line-height: 1.3;
	text-align: justify;
	white-space: initial;
	word-wrap: normal;
	word-break: break-all;
}
.member_info_pop .review_photo {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.member_info_pop .review_photo:has(img:nth-child(3)) {
	grid-template-columns: repeat(3, 1fr);
}
.member_info_pop .review_photo img {
	width: 100%;
	border-radius: 8px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.member_info_pop .user_review .item {
	padding-top: 15px;
	border-top: 1px solid var(--t_thin);
}
.member_info_pop .user_review .item:not(:last-child) {
	padding-bottom: 15px;
}

/* 회원검색 팝업 */
.user_member_pop .popup_box {
	min-width: 290px;
}
.user_member_pop .popup_box .pop_con {
	padding: 0px 15px;
	gap: 20px;
}
.user_member_pop .noResult {
	height: 382px;
	border-bottom: 1px solid var(--t_thin);
}
.user_member_pop .twoStageMemPf {
	padding-bottom: 20px;
}
.user_member_pop .twoStageMemPf:has(.textAreaZone.on) {
	padding-bottom: 0;
	height: 382px;
}
.user_member_pop .twoStageMemPf .textAreaZone {
	display: none;
}
.user_member_pop .twoStageMemPf .textAreaZone.on {
	display: block;
}
