@charset "UTF-8";

/* 헤더 */
header {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 1460px;
	margin: 0 auto;
	z-index: 100;
	background-color: white;
}
header:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
}

header.bg::after {
	border-bottom: 1px solid #919eab;
}
header .h_nav_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1460px;
	padding: 0px 30px;
	margin: 0 auto;
	z-index: 1;
}
header .h_nav_wrap .home img {
	display: block;
}
.nav_bg {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: rgba(192, 205, 213, 0.2);
	background-color: rgb(255 255 255 / 60%);
	backdrop-filter: blur(20px);
	height: 0;
	/* overflow: hidden; */
	pointer-events: none;
	z-index: -1;
	border-top: 1px solid #919eab;
	transform: translateY(-2px);
	transition: all 0.3s;
	border-top: 1px solid #919eab;
	border-bottom: 1px solid #919eab;
}
.nav_bg.on {
	transform: translateY(-1px);
	border-top: 1px solid #919eab;
	border-bottom: 1px solid #919eab;
}
header nav {
	display: flex;
	height: 100px;
	align-items: center;
	z-index: 3;
}
header nav > ul {
	display: flex;
	flex-direction: column;
}
header nav > ul.gnb_1_depth > li > a {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 600;
	height: 100px;
	padding: 0px 30px;
	transition: all 0.3s;
}
header nav > ul.gnb_1_depth.on > li > a {
	color: var(--m_c_main);
}
header nav > ul.gnb_1_depth > li > a:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	width: 0%;
	border: 2px solid var(--m_c_main);
	opacity: 0;
	transition: all 0.3s;
}
header nav > ul.gnb_1_depth.on > li > a:after {
	width: 60%;
	opacity: 0.7;
}
header nav > ul.gnb_1_depth > .gnb_2_depth {
	position: absolute;
	top: 100px;
	display: none;
	padding: 25px 30px;
}
header nav > ul.gnb_1_depth > .gnb_2_depth ul {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
header nav > ul.gnb_1_depth > .gnb_2_depth ul li {
	font-size: 18px;
	font-weight: 500;
}
header nav > ul.gnb_1_depth > .gnb_2_depth ul li a:hover {
	color: var(--m_c_main);
}
header .top_user_wrap {
	display: flex;
	align-items: center;
	gap: 20px;
}
header .top_user_wrap .search {
	display: none;
}
header .top_user_wrap a img {
	height: 24px;
}
header .top_user_wrap .user .info {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius: 50%;
}
header .top_user_wrap .user .info img {
	position: relative;
	width: 42px;
	height: 42px;
	border: 2px solid white;
	border-radius: 50%;
	z-index: 1;
}
header .top_user_wrap .user .info .circle,
.mem_profile_img .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 42px;
	height: 42px;
	margin: -21px;
	border: 1px solid;
	border-radius: 50%;
	box-shadow: 0 -10px 0 0 #0080ff, 10px 0 0 0 #179dd8, 0 10px 0 0 #30bcae, -10px 0 0 0 #88db88, 10px -10px 0 0 #7ade72, -10px 10px 0 0 #b5e15a, -10px -10px 0 0 #d8e38d, 10px 10px 0 0 #f7e580;
	animation: rotation 10s linear infinite;
}
@keyframes rotation {
	0% {
		transform: rotate(0deg) translate(0, 0);
	}
	100% {
		transform: rotate(1080deg) translate(0, 0);
	}
}
header .top_user_wrap .user .log_state {
	position: relative;
}
header .top_user_wrap .user .log_state .badge {
	position: absolute;
	top: -2px;
	left: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0px 4px;
	font-size: 12px;
	color: white;
	background-color: var(--p_c_red);
	border-radius: 10px;
	flex-shrink: 0;
	z-index: 1;
}

/* 맴버 토글 */
.mem_user_info_wrap {
	position: fixed;
	top: 0;
	right: -105%;
	z-index: 1000;
	padding: 20px;
	background-color: white;
	width: 400px;
	height: 100%;
	transition: ease-in 0.7s;
	box-shadow: -20px 1px 20px rgb(33 43 54 / 24%);
	display: flex;
	flex-direction: column;
}
.mem_user_info_wrap .logout {
	width: 100%;
}
.mem_user_info_wrap.on {
	right: 0%;
	transition: all 0.3s;
}
.mem_profile_img {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	background-color: white;
	transform: scale(0.9);
}
.mem_profile_img img {
	position: relative;
	width: 112px;
	height: 112px;
	border: 7px solid white;
	border-radius: 50%;
	z-index: 1;
	background-color: white;
}
.mem_profile_img .circle {
	width: 108px;
	height: 108px;
	top: 26px;
	left: 26px;
	border: 4px solid;
	opacity: 0.9;
}
.mem_user_info_wrap .my_intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 30px;
	height: 338px;
}
.mem_user_info_wrap .my_intro .nick_name {
	padding-top: 10px;
	padding-bottom: 12px;
}
.mem_user_info_wrap .my_intro .item {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
}
.mem_user_info_wrap .my_intro .item ul {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.mem_user_info_wrap .my_intro .item ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
	font-size: 15px;
}
.mem_user_info_wrap .my_intro .item ul li span {
	display: flex;
	align-items: center;
}
.mem_user_info_wrap .my_intro .item ul li:nth-child(1) a {
	font-size: 11px;
	text-decoration: underline;
}
.mem_user_info_wrap .my_intro .item ul li:nth-child(2) a {
	text-decoration: underline;
	color: var(--m_c_main);
	font-weight: 800;
	margin: 0px 4px;
}
.mem_user_info_wrap .my_intro .item ul li p:before {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 20px;
	font-size: 10px;
	color: white;
	width: 44.5px;
	border-radius: 4px;
	background-color: var(--m_c_main);
}
.mem_user_info_wrap .my_intro .item ul li p.all:before {
	content: "모두공개";
	background-color: var(--m_c_main);
}
.mem_user_info_wrap .my_intro .item ul li p.friend:before {
	content: "친구공개";
	background-color: var(--p_c_yellow);
}
.mem_user_info_wrap .my_intro .item ul li p.private:before {
	content: "비공개";
	background-color: var(--t_c_normal);
}

.mem_user_info_wrap .my_intro,
.mem_user_info_wrap .tab_menu {
	flex: 0 0 auto;
}
.mem_user_info_wrap .tab_menu ul {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	background-color: var(--t_c_table);
}
.mem_user_info_wrap .tab_menu ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% / 3);
	transition: all 0.3s;
}
.mem_user_info_wrap .tab_menu ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	border-radius: 6px;
	gap: 10px;
	font-weight: 700;
}
.mem_user_info_wrap .tab_menu ul li a .badge {
	padding: 5px;
	border-radius: 4px;
	color: white;
	background-color: var(--t_c_light);
	font-size: 11px;
	font-weight: 800;
}
.mem_user_info_wrap .tab_menu ul li:hover {
	background-color: var(--t_c_thin);
}
.mem_user_info_wrap .tab_menu ul li.on a {
	background-color: var(--m_c_main);
	color: white;
}
.mem_user_info_wrap .tab_menu ul li.on a .badge {
	background-color: var(--m_c_darker);
}
.mem_user_info_wrap .alarm_tab_wrap {
	flex: 1 1 auto;
	overflow-y: auto;
	/* flexbox 안에서 스크롤 잘 되게 꼭 설정 */
	min-height: 0;
}
.mem_user_info_wrap .tab_con {
	display: none;
	flex-direction: column;
	height: 100%;
}
.mem_user_info_wrap .tab_con.on {
	display: flex;
}
.mem_user_info_wrap .alarm_tab_wrap .no_alarm {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 20px;
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view > div {
	position: relative;
	display: flex;
	gap: 15px;
	padding: 20px 0px;
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view > div {
	border-bottom: 1px solid var(--t_c_lighter);
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--t_c_thin);
	border: 1px solid var(--t_c_lighter);
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view .profile {
	position: relative;
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view .profile:hover .mem_profile_wrap {
	display: block;
}
.mem_user_info_wrap .alarm_tab_wrap .mem_profile_wrap {
	padding-left: 0px;
	padding-right: 30px;
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view .item {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: calc(100% - 55px);
	padding-top: 2px;
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view .item li:nth-child(1) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 700;
	gap: 5px;
	padding-bottom: 3px;
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view .item li:nth-child(2) {
	font-size: 12px;
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view .item p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	flex-grow: 1;
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view .item .badge {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	font-size: 8px;
	color: white;
	background-color: var(--p_c_red);
	border-radius: 50%;
	flex-shrink: 0;
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view .btn {
	display: flex;
	align-items: center;
	gap: 10px;
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view .chat_txt {
	padding: 15px;
	border-radius: 4px;
	background-color: var(--t_c_table);
}
.mem_user_info_wrap .alarm_tab_wrap .alarm_view .chat_txt p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
}
.mem_user_info_wrap > .btn {
	flex: 0 0 auto;
	padding-top: 20px;
}

/* 푸터 */
footer {
	padding: 40px 0px;
	border-top: 1px solid #919eab;
	background-color: white;
	margin-top: 60px;
}
footer .con {
	display: flex;
	justify-content: space-between;
}
footer .company {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
footer .company .home {
	width: fit-content;
}
footer .company .home img {
	display: block;
	height: 16px;
}
footer .company .footer_nav ul {
	position: relative;
	display: flex;
	gap: 35px;
}
footer .company .footer_nav li {
	position: relative;
}
footer .company .footer_nav li:not(:last-child):after {
	content: "|";
	position: absolute;
	top: 0;
	right: -20px;
}
footer .company .footer_nav li:nth-child(3) {
	font-weight: 700;
	color: var(--t_c_darker);
}
footer .company .info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
footer .company .info ul {
	display: flex;
	gap: 15px;
}
footer .company .info ul li {
	font-size: 14px;
}
footer .company .info ul li:first-child {
	width: 84px;
}
footer .customer {
	display: flex;
	flex-direction: column;
	gap: 25px;
}
footer .customer .bg_box {
	display: flex;
	flex-direction: column;
	gap: 15px;
	background-color: var(--t_c_section);
	border-radius: 12px;
	padding: 30px;
}
footer .customer .bg_box .call {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
footer .customer .bg_box .call ul {
	display: flex;
	justify-content: space-between;
}
footer .customer .bg_box .call ul li:nth-child(1) {
	margin-top: 4px;
}
footer .customer .bg_box .call p {
	font-size: 14px;
}
footer .customer .bg_box a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background-color: var(--t_c_normal);
	border-radius: 8px;
	color: white;
	height: 48px;
	font-weight: 600;
}
footer .customer .bg_box a:hover {
	background-color: #ffda00;
}
footer .customer .sns_link {
	display: flex;
	justify-content: flex-end;
	gap: 15px;
}
footer .customer .sns_link a {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--t_c_normal);
	border-radius: 50%;
	width: 48px;
	height: 48px;
}
footer .customer .sns_link .insta:hover {
	background-color: #c539c7;
}
footer .customer .sns_link .youtube:hover {
	background-color: #dc362e;
}

/* 맴버 프로필 */
.mem_profile_wrap {
	display: none;
	position: absolute;
	padding: 0 40px;
	z-index: 1;
}
.mem_profile_wrap .box {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 15px;
	background-color: white;
	border: 1px solid var(--t_c_thin);
	box-shadow: 0px 0px 15px var(--t_c_lighter);
	border-radius: 12px;
}
.mem_profile_wrap .profile_img {
	width: 140px;
	height: 140px;
	border-radius: 6px;
	overflow: hidden;
	background: url() no-repeat center / cover;
}
.mem_profile_wrap .mem_ranking {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url() no-repeat center / cover;
}
.mem_profile_wrap .info {
	display: flex;
	flex-wrap: wrap;
	width: 140px;
	gap: 3px 15px;
}
.mem_profile_wrap .info li {
	display: flex;
	gap: 5px;
	font-size: 14px;
	font-weight: 500;
}
.mem_profile_wrap .info li:first-child {
	width: 100%;
}
.mem_profile_wrap .info li span:first-child {
	font-weight: 400;
	color: var(--t_c_medium);
}
.mem_profile_wrap .info li span:nth-child(3) {
	color: var(--m_c_main);
}

/* 메인 비주얼 - 슬라이드 */
.event_slider_wrap {
	position: relative;
	width: 1400px;
	margin: 0 auto;
}
.event_slider_wrap .touch_screen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	border-radius: 15px;
	z-index: 20;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.6s ease-in, visibility 0.6s ease-in;
	cursor: pointer;
	font-size: 20px;
	font-weight: 600;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.event_slider_wrap .touch_screen.on {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease, visibility 0.5s ease;
	border-radius: 24px;
}
.event_slider_wrap .touch_screen .arrows {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.event_slider_wrap .touch_screen .arrows span {
	width: 12px;
	height: 12px;
	border-left: 3px solid white;
	border-bottom: 3px solid white;
	transform: rotate(-45deg);
	display: inline-block;
	animation: arrowMove 1.3s infinite;
	margin-top: -4px;
}
.event_slider_wrap .touch_screen .arrows span:nth-child(1) {
	animation-delay: 0s;
}
.event_slider_wrap .touch_screen .arrows span:nth-child(2) {
	animation-delay: 0.3s;
}
.event_slider_wrap .touch_screen .arrows span:nth-child(3) {
	animation-delay: 0.6s;
}
@keyframes arrowMove {
	0% {
		transform: rotate(-45deg) translateY(0);
		opacity: 0.3;
	}
	50% {
		transform: rotate(-45deg) translateY(0);
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translateY(0);
		opacity: 0.3;
	}
}
.swiper-slide {
	pointer-events: auto;
}
.swiper-slide.on {
	pointer-events: auto;
}
.main_slide_wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 70px;
	background: var(--t_c_section);
	border-radius: 24px 24px 0px 24px;
	transition: height 0.4s ease-in-out;
}
.main_slide_wrap.on {
	height: 500px;
	transition: height 0.6s ease;
}

/* 이미지 */
.main_slide_wrap .main_slide {
	height: 100%;
}
.main_slide_wrap ul {
	z-index: 1;
	height: 100%;
}
.main_slide_wrap ul li {
	overflow: hidden;
	height: 100%;
}
.main_slide_wrap .main_slide ul li {
	cursor: pointer !important;
}
.main_slide_wrap .main_slide ul li .bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	width: 130%;
	height: 130%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer !important;
	z-index: 10;
}

.main_slide_wrap .main_slide ul li.on .bg {
	width: 100%;
	height: 100%;
}
.main_slide_wrap .main_slide ul li .bg .txt {
	font-size: 40px;
	font-weight: 800;
	color: white;
	padding-left: 80px;
	-webkit-text-stroke: 1px black;
	text-shadow: 0px 0px 10px black;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}
.main_slide_wrap .main_slide ul li.on .bg .txt {
	animation: fadein 6s ease-in-out;
}
@keyframes fadein {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* 컨트롤 */
.main_slide_wrap .controls {
	display: flex;
	align-items: center;
	gap: 20px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	padding: 16px 0px 16px 30px;
	color: var(--t_c_normal);
	background-color: white;
	border-radius: 40px 0px 0px 0px;
}
.main_slide_wrap .controls:before,
.main_slide_wrap .controls:after {
	content: "";
	width: 40px;
	height: 40px;
	background: url("../img/main_r_wt.svg") no-repeat center;
	position: absolute;
}
.main_slide_wrap .controls:before {
	top: -40px;
	right: 0;
}
.main_slide_wrap .controls:after {
	bottom: 0;
	left: -40px;
}
.main_slide_wrap .circle {
	position: relative;
}
.main_slide_wrap .circle .autoplay-progress {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 60px;
	height: 60px;
}
.main_slide_wrap .circle .autoplay-progress svg {
	z-index: 10;
	width: 100%;
	height: 100%;
	stroke-width: 2px;
	stroke: var(--m_c_main);
	fill: none;
	stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
	stroke-dasharray: 125.6;
	transform: rotate(-90deg);
}
.main_slide_wrap .circle .autoplay-progress .bg {
	position: absolute;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 3px solid var(--t_c_normal);
	opacity: 0.5;
}
.main_slide_wrap .controls .arrow .prev,
.main_slide_wrap .controls .arrow .next {
	-webkit-mask: url("../img/slide_arrow_icon.svg") no-repeat center;
	mask: url("../img/slide_arrow_icon.svg") no-repeat center;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	width: 26px;
	height: 14px;
	background-color: var(--t_c_normal);
	cursor: pointer;
	transition: all 0.3s;
}
.main_slide_wrap .controls .arrow .next {
	transform: scaleX(-1);
}
.main_slide_wrap .controls .arrow .prev:hover,
.main_slide_wrap .controls .arrow .next:hover {
	background-color: var(--m_c_main);
}
.main_slide_wrap .circle .play div {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	transform: translate(-50%, -50%);
}
.main_slide_wrap .circle .play .swiper-pause {
	width: 16px;
	height: 16px;
	-webkit-mask: url("../img/pause_icon.svg") no-repeat center;
	mask: url("../img/pause_icon.svg") no-repeat center;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: var(--t_c_normal);
	cursor: pointer;
	transition: all 0.3s;
}
.main_slide_wrap .circle .play .swiper-play {
	width: 16px;
	height: 16px;
	-webkit-mask: url("../img/play_icon.svg") no-repeat center;
	mask: url("../img/play_icon.svg") no-repeat center;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: var(--t_c_normal);
	cursor: pointer;
	transition: all 0.3s;
}
.main_slide_wrap .circle .play .swiper-pause:hover,
.main_slide_wrap .circle .play .swiper-play:hover {
	background-color: var(--m_c_main);
}

.main_slide_wrap .circle .play div.swiper-pause {
	display: block;
}
.main_slide_wrap .circle .play div.swiper-play {
	display: none;
}
.main_slide_wrap .circle .play.on div.swiper-pause {
	display: none;
}
.main_slide_wrap .circle .play.on div.swiper-play {
	display: block;
}
.main_slide_wrap .arrow {
	display: flex;
	align-items: center;
	gap: 25px;
}
.main_slide_wrap .arrow > span {
	display: flex;
}
.main_slide_wrap .arrow i {
	cursor: pointer;
	width: 40px;
	opacity: 0.6;
	transition: all 0.2s;
}
.main_slide_wrap .arrow .pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 43px;
	font-size: 16px;
	font-weight: 600;
}
.main_slide_wrap .arrow .i:hover {
	opacity: 1;
}

/* 메인 검색 탭 */
.main_search_wrap {
	position: relative;
	width: 1400px;
	margin: 0 auto;
	background: var(--t_c_darker);
	border-radius: 15px;
	padding: 30px;
	margin-top: 25px;
	margin-bottom: 20px;
}
.main_search_wrap .txt {
	position: absolute;
	right: 30px;
	color: white;
}
.main_search_wrap .txt strong {
	font-weight: 800;
}
.main_search_wrap .tab_menu ul {
	display: flex;
	gap: 30px;
}
.main_search_wrap .tab_menu ul li a {
	position: relative;
	color: var(--t_c_medium);
	transition: all 0.3s;
}
.main_search_wrap .tab_menu ul li a:after {
	content: "";
	position: absolute;
	bottom: -10px;
	border: 3px solid var(--m_c_light);
	width: 100%;
	opacity: 0;
	transition: all 0.3s;
}
.main_search_wrap .tab_menu ul li.on a:after,
.main_search_wrap .tab_menu ul li a:hover:after {
	opacity: 1;
}
.main_search_wrap .tab_menu ul li.on a,
.main_search_wrap .tab_menu ul li a:hover {
	color: var(--m_c_light);
}
.main_search_wrap .tab_con {
	padding-top: 30px;
	gap: 15px;
	display: none;
}
.main_search_wrap .tab_con.on {
	display: flex;
}
.main_search_wrap .tab_con .search {
	position: relative;
	flex-grow: 1;
}
.main_search_wrap .tab_con .search input {
	padding-left: 50px;
	background: url("../img/search_icon.svg") no-repeat 20px center;
	background-color: white;
	background-size: 20px;
}
.main_search_wrap .tab_con .search .pop_box .item {
	display: flex;
	gap: 15px;
	border-top: 1px solid var(--t_c_lighter);
}
.main_search_wrap .tab_con .search .sh_tab_menu ul li a {
	display: flex;
	align-items: center;
	font-size: 15px;
	height: 44px;
	padding: 0px 20px;
	background-color: var(--t_c_table);
	color: var(--t_c_medium);
}
.main_search_wrap .tab_con .search .sh_tab_menu ul li.on a {
	color: var(--t_c_normal);
	font-weight: 500;
	background-color: white;
}
.main_search_wrap .tab_con .search .sh_tab_con {
	display: none;
	flex-grow: 1;
}
.main_search_wrap .tab_con .search .sh_tab_con.on {
	display: block;
}
.main_search_wrap .tab_con .search .sh_tab_con ul {
	height: 396px;
	overflow-y: auto;
}
.main_search_wrap .tab_con .search .sh_tab_con ul li a {
	display: flex;
	align-items: center;
	font-size: 15px;
	height: 44px;
	padding: 0px 30px;
	border-bottom: 1px solid var(--t_c_lighter);
	gap: 40px;
}
.main_search_wrap .tab_con .search .sh_tab_con ul li a span {
	position: relative;
}
.main_search_wrap .tab_con .search .sh_tab_con ul li a span:first-child {
	width: 68px;
}
.main_search_wrap .tab_con .search .sh_tab_con ul li a span:not(:last-child):after {
	content: "|";
	position: absolute;
	right: -22px;
}

#datepicker {
	color: var(--t_c_light);
	width: 265px;
	padding-left: 50px;
	background: url("../img/date_icon.svg") no-repeat 20px center;
	background-color: white;
}
.main_search_wrap .tab_con .people {
	position: relative;
	display: flex;
	flex-direction: column;
}
.main_search_wrap .tab_con .people .int {
	display: flex;
	align-items: center;
	font-size: inherit;
	color: var(--t_c_light);
	line-height: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 50px;
	padding: 0 15px;
	padding-left: 50px;
	background: url("../img/people_int_icon.svg") no-repeat 20px center;
	background-color: white;
	width: 352px;
	transition: all 0.3s;
	border: 1px solid var(--t_c_lighter);
	border-radius: 8px;
}
.main_search_wrap .tab_con .people .int.on {
	color: var(--t_c_normal);
}
.main_search_wrap .pop_box {
	display: none;
	flex-direction: column;
	gap: 15px;
	position: absolute;
	top: 50px;
	width: 100%;
	padding: 20px;
	background-color: white;
	box-shadow: 0px 0px 12px rgba(55, 72, 86, 0.2);
	border-radius: 8px;
	border: 1px solid var(--t_c_lighter);
	margin-top: 7px;
	z-index: 1;
}
.main_search_wrap .pop_box.on {
	display: flex;
}
.main_search_wrap .tab_con .people .pop_box ul {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.main_search_wrap .tab_con .people .pop_box ul li select {
	height: 44px;
}
.main_search_wrap .tab_con > a {
	width: 110px;
}

/* 메인 실시간 부킹 */
.main_title_wrap {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding-bottom: 30px;
}
.main_title_wrap .left {
	display: flex;
	align-items: flex-end;
	gap: 15px;
}
.main_title_wrap .left h4 {
	color: var(--t_c_dark);
}
.main_title_wrap .left p {
	color: var(--t_c_medium);
	margin-bottom: 2px;
}
.main_title_wrap a:hover {
	background-color: var(--m_c_lighter);
	color: var(--m_c_dark);
	border-color: var(--m_c_dark);
}
.rl_booking_wrap .btn_wrap {
	display: flex;
	gap: 10px;
}
.rl_booking_wrap .btn_wrap a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 16px;
}
.rl_booking_wrap .btn_wrap a:before {
	content: "";
	width: 20px;
	height: 20px;
	-webkit-mask: url("") no-repeat center / cover;
	mask: url("") no-repeat center / cover;
	background-color: var(--t_c_medium);
}
.rl_booking_wrap .btn_wrap a:nth-child(1):before {
	mask-image: url(../img/rl_time_icon.svg);
}
.rl_booking_wrap .btn_wrap a:nth-child(2):before {
	mask-image: url(../img/manager_icon.svg);
}
.rl_booking_wrap .btn_wrap a:hover {
	background-color: var(--m_c_lighter);
	color: var(--m_c_dark);
	border-color: var(--m_c_dark);
}
.rl_booking_wrap .btn_wrap a:hover:before {
	background-color: var(--m_c_dark);
}
.rl_booking_wrap .tab_menu {
	padding-bottom: 20px;
}
.rl_booking_wrap .tab_menu ul {
	display: flex;
	align-items: center;
}
.rl_booking_wrap .tab_menu ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% / 14);
}
.rl_booking_wrap .tab_menu ul li a {
	display: flex;
	gap: 6px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 70px;
	border-radius: 10px;
	color: var(--t_c_light);
}
.rl_booking_wrap .tab_menu ul li.sun a {
	color: var(--p_c_red);
	opacity: 0.6;
}
.rl_booking_wrap .tab_menu ul li a:hover {
	background-color: var(--m_c_lighter);
	color: var(--m_c_dark);
	opacity: 1;
}
.rl_booking_wrap .tab_menu ul li.on a {
	background-color: var(--m_c_main);
	color: white;
	opacity: 1;
}
.rl_booking_wrap .rl_tab_con {
	display: none;
	gap: 20px;
	grid-template-columns: repeat(6, minmax(100px, 1fr));
}
.rl_booking_wrap .rl_tab_con.on {
	display: grid;
}
.rl_booking_wrap .rl_tab_con .box {
	display: flex;
	flex-direction: column;
	border-radius: 15px;
	overflow: hidden;
	border: 1px solid var(--t_c_lighter);
	background-color: white;
	transition: all 0.3s;
}
.rl_booking_wrap .rl_tab_con .box:hover {
	border-color: var(--m_c_dark);
	box-shadow: 0px 0px 20px rgba(0, 120, 103, 0.2);
}
.rl_booking_wrap .rl_tab_con .box .img {
	background: url() no-repeat center / cover;
	width: 100%;
	height: 120px;
}
.rl_booking_wrap .rl_tab_con .box .item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 25px;
}
.rl_booking_wrap .rl_tab_con .box .item h3 {
	padding-bottom: 5px;
}
.rl_booking_wrap .rl_tab_con .box .item ul {
	display: flex;
	gap: 15px;
}
.rl_booking_wrap .rl_tab_con .box .item ul li a {
	text-decoration: underline;
	font-weight: 800;
	color: var(--m_c_dark);
}

/* 메인 마감임박 슬라이드 */
.deadline_slide_wrap {
	display: inline-flex;
	width: 100%;
}
.deadline_slide_wrap .con {
	position: relative;
	padding-top: 0px;
}
.deadline_slide_wrap .swiper a {
	display: flex;
	align-items: center;
	gap: 20px;
}
.deadline_slide_wrap .swiper .img {
	flex: 0 0 auto;
	width: 160px;
	height: 110px;
	border-radius: 10px;
	background: url() no-repeat center / cover;
}
.deadline_slide_wrap .swiper .info {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: calc(100% - 180px);
}
.deadline_slide_wrap .swiper .area li:nth-child(1) {
	font-size: 12px;
}
.deadline_slide_wrap .swiper .area li:nth-child(2) {
	font-size: 18px;
}
.deadline_slide_wrap .swiper .area li:nth-child(2) h5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.deadline_slide_wrap .swiper .item li {
	font-size: 14px;
}
.deadline_slide_wrap .swiper h5.txt {
	color: var(--m_c_dark);
}
.deadline_slide_wrap .swiper-pagination {
	position: absolute;
	z-index: 1;
	width: initial;
	top: 11px;
	right: 122px;
	left: auto;
	bottom: auto;
	font-weight: 800;
	display: flex;
	gap: 6px;
}

/* 메인 현제 접속중 슬라이드 */

.mem_access_slide_wrap .con {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-bottom: 84px;
}
.mem_access_slide_wrap .con:after,
.mem_access_slide_wrap .con:before {
	content: "";
	position: absolute;
	top: 0;
	width: 32px;
	height: 100%;
	background-color: white;
	z-index: 1;
}
.mem_access_slide_wrap .con:after {
	left: -2px;
}
.mem_access_slide_wrap .con:before {
	right: -2px;
}

.mem_access_slide_wrap .mem_acc_track {
	display: flex;
	width: max-content;
	will-change: transform;
}

.mem_access_slide_wrap .mem_acc_slide {
	position: relative;
	margin-right: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
}

.mem_access_slide_wrap .mem_acc_slide .img {
	width: 100px;
	height: 100px;
	background: url() no-repeat center / cover;
	margin-bottom: 10px;
	border-radius: 50%;
	background-color: var(--t_c_thin);
}
.mem_access_slide_wrap .mem_acc_slide .info ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
.mem_access_slide_wrap .mem_acc_slide .mem_profile_wrap {
	left: 65px;
	top: calc(50% - 10px);
	transform: translateY(-50%);
	padding-right: 0;
}
.mem_access_slide_wrap .mem_acc_slide:hover .mem_profile_wrap {
	display: block;
}
.mem_access_slide_wrap .arrow.prev,
.mem_access_slide_wrap .arrow.next {
	position: absolute;
	top: calc(50% + 10px);
	transform: translateY(-50%);
	z-index: 2;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mem_access_slide_wrap .arrow.next {
	right: 0px;
}
.mem_access_slide_wrap .arrow.prev {
	left: 0px;
}
.mem_access_slide_wrap .arrow.next:after,
.mem_access_slide_wrap .arrow.prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
	color: var(--t_c_medium);
}
.mem_access_slide_wrap .arrow.next:after {
	content: "next";
}
.mem_access_slide_wrap .arrow.prev:after {
	content: "prev";
}

/* 골프락 미디어 */
.fr_media_wrap .left {
	width: 350px;
	height: 530px;
	padding: 60px 30px;
	background: url("../img/fr_media_img.png") no-repeat center / cover;
	border-radius: 15px;
}
.fr_media_wrap .left .text {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.fr_media_wrap .left .text ul {
	display: flex;
	flex-direction: column;
	font-size: 44px;
	font-weight: 900;
	color: var(--t_c_dark);
}
.fr_media_wrap .left .text a {
	background-color: transparent;
	width: fit-content;
	transition: all 0.3s;
}
.fr_media_wrap .left .text a:hover {
	background-color: var(--m_c_main);
	border-color: var(--m_c_main);
	color: white;
}
.fr_media_wrap .right {
	position: absolute;
	top: 162px;
	right: 0px;
	height: 360px;
	display: flex;
	gap: 30px;
	width: 1126px;
}
.fr_media_wrap .right .youtube {
	display: grid;
	grid-template-columns: 624px 474px;
	grid-template-rows: 170px 170px;
	gap: 20px;
}
.fr_media_wrap .right .youtube .item:first-child {
	grid-row: 1 / span 2;
}
.fr_media_wrap .right .youtube .item:first-child ul {
	display: none;
}
.fr_media_wrap .right .youtube .item {
	display: flex;
	align-items: center;
	gap: 20px;
}
.fr_media_wrap .right .youtube .item .media {
	position: relative;
	/* padding-top: 56.25%; */
	overflow: hidden;
	border-radius: 15px;
	width: 100%;
	height: 100%;
}
.fr_media_wrap .media iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fr_media_wrap .right .youtube .item ul {
	flex: 0 0 auto;
}
.fr_media_wrap .right .youtube .item ul {
	display: flex;
	flex-direction: column;
	gap: 30px;
	width: 132px;
}
.fr_media_wrap .right .youtube .item ul li:first-child {
	font-size: 18px;
	font-weight: 700;
	color: var(--t_c_darker);
}

/* 메인 어플 연결 */
.fr_app_wrap {
	background-image: url("../img/app_bg.png");
	background-attachment: fixed;
	margin-top: 40px;
}
.fr_app_wrap .con {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 80px 30px;
}
.fr_app_wrap .txt {
	color: white;
}
.fr_app_wrap .txt h2 {
	padding-bottom: 20px;
}
.fr_app_wrap .btn_wrap {
	display: flex;
	gap: 15px;
}
.fr_app_wrap .btn_wrap a {
	width: 158px;
	border: 1px solid white;
	padding: 0;
}
.fr_app_wrap .btn_wrap a:hover {
	border-color: var(--t_c_darker);
	background-color: var(--t_c_darker);
}
.fr_app_wrap .btn_wrap a:after {
	content: "";
	width: 120px;
	height: 26px;
	-webkit-mask: url("") no-repeat center / cover;
	mask: url("") no-repeat center / cover;
	background-color: white;
}
.fr_app_wrap .btn_wrap a.google:after {
	mask-image: url("../img/google_play_logo.svg");
}
.fr_app_wrap .btn_wrap a.apple:after {
	mask-image: url("../img/appstore_logo.svg");
}

/* 상세검색 레이어 팝업 */
.popup_box:has(.main_search_wrap) {
	overflow: initial !important;
}
.popup_box .main_search_wrap {
	width: 645px;
	margin: 0;
	background-color: white;
}
.popup_box .main_search_wrap .txt {
	display: none;
}
.popup_box .main_search_wrap .tab_menu ul li.on a,
.popup_box .main_search_wrap .tab_menu ul li a:hover {
	color: var(--m_c_main);
}
.popup_box .main_search_wrap .tab_menu ul li a:after {
	border: 3px solid var(--m_c_main);
}
.popup_box .main_search_wrap .tab_con.on {
	flex-direction: column;
}
.popup_box .main_search_wrap .tab_con .date input[name="daterange"] {
	width: 100%;
}
.popup_box .main_search_wrap .tab_con .people .int {
	width: 100%;
}
.popup_box .main_search_wrap .btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

/* 에러페이지 */
.wrap:has(.error_page_wrap) {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	background-color: #d6f1e8;
}
.error_page_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 50px;
}
.error_page_wrap img {
	height: 240px;
}
.error_page_wrap ul li {
	text-align: center;
}
.error_page_wrap ul li:nth-child(1) {
	font-size: 18px;
	font-weight: 800;
	color: var(--t_c_darker);
	line-height: 1.5;
	padding-bottom: 20px;
}
.error_page_wrap ul li:nth-child(2) {
	line-height: 1.5;
}
.error_page_wrap a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 220px;
	height: 50px;
	border: 1px solid var(--m_c_dark);
	color: var(--m_c_dark);
	border-radius: 8px;
	font-size: 18px;
	font-weight: 700;
}
.error_page_wrap a:hover {
	background-color: var(--m_c_dark);
	color: white;
}

/* 로그인 */
.login_wrap .con {
	display: flex;
	justify-content: center;
	gap: 40px;
	padding-top: 120px;
}
.login_wrap .item {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.login_wrap .item .title h2 {
	padding-bottom: 5px;
}
.login_wrap .item .title span {
	font-weight: 700;
}
.login_wrap .item .int {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 400px;
}
.login_wrap .item .option {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.login_wrap .item .option .find {
	font-size: 14px;
}
.login_wrap .item .btn {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.login_wrap .item .btn a:nth-child(2) {
	border: 1px solid var(--m_c_darker);
	color: var(--m_c_darker);
}

/* 회원가입 */
.join_wrap .con {
	width: 760px;
	display: flex;
	flex-direction: column;
}
.join_wrap .title {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding-bottom: 20px;
	width: 100%;
}
.join_wrap .title .sub_txt {
	font-size: 14px;
}
.join_wrap .progress {
	display: flex;
	align-items: center;
	justify-content: space-around;
	background-color: var(--t_c_section);
	border: 1px solid var(--t_c_lighter);
	border-radius: 12px;
	padding: 20px 0px;
	margin-bottom: 80px;
	width: 100%;
}
.join_wrap .progress ul {
	position: relative;
	color: var(--t_c_light);
	font-weight: 800;
}
.join_wrap .progress ul li:first-child {
	font-size: 14px;
}
.join_wrap .progress ul:not(:last-child):after {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translate(50%, -50%);
	border-left: 45px solid var(--t_c_lighter);
	height: 1px;
}
.join_wrap .progress ul.on {
	color: var(--t_c_dark);
}
.join_wrap .progress ul.on:not(:last-child):after {
	border-color: var(--t_c_darker);
}
.join_wrap .join_phone_img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background-color: var(--t_c_section);
	margin: 0 auto;
	margin-bottom: 30px;
}
.join_wrap .join_phone_img .img {
	width: 100%;
	height: 100%;
	-webkit-mask: url("../img/join_phone_certify_icon.svg") no-repeat center;
	mask: url("../img/join_phone_certify_icon.svg") no-repeat 38px center;
	mask-size: 60px;
	background-color: var(--m_c_dark);
}
.join_wrap .join_form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.join_wrap .join_form .item {
	display: flex;
}
.join_wrap .join_form .item .txt {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 600;
	width: 150px;
	height: 44px;
}
.join_wrap .join_form .item .int {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.join_wrap .join_form .item .int .row {
	position: relative;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.join_wrap .join_form .item .int .row input {
	flex: 1 1 auto;
	height: 44px;
	width: initial;
}
.join_wrap .join_form .item .int .row a {
	flex: 0 0 auto;
}
.join_wrap .join_form .item .int .row .int_err_txt {
	flex: 0 0 100%;
	order: 2;
}
.join_wrap .join_form .item .int .row select {
	flex: 1 1 40%;
}
.join_wrap .join_form .item .int .row .count {
	position: absolute;
	top: 13px;
	right: 15px;
	font-size: 14px;
	font-weight: 700;
	color: var(--p_c_red);
}
.join_wrap .join_form .item .int .row:has(.count) input {
	padding-right: 68px;
}
.join_wrap .policy h3 {
	padding-bottom: 20px;
}
.join_wrap .policy .check_list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.join_wrap .policy .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.join_wrap .policy .item.all_check p {
	font-weight: 700;
}
.join_wrap .policy .item a {
	font-size: 14px;
	color: var(--t_c_light);
}
.join_wrap .con > a {
	margin-top: 50px;
	min-width: 200px;
	align-self: center;
}
.policy_popup_wrap .rule_wrap {
	display: flex;
	flex-direction: column;
	gap: 25px;
	font-size: 14px;
	line-height: 1.3;
}
.policy_popup_wrap .rule_wrap .title {
	font-size: 17px;
	color: var(--t_c_dark);
	font-weight: 700;
}
.policy_popup_wrap .rule_wrap .row {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.policy_popup_wrap .rule_wrap .sub_title {
	font-weight: 600;
}
.policy_popup_wrap .rule_wrap ul {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 6px 0px;
}
.policy_popup_wrap .rule_wrap .list {
	padding-top: 10px;
	padding-left: 22px;
}
.policy_popup_wrap .rule_wrap .list li {
	list-style: decimal-leading-zero;
}
.policy_popup_wrap .rule_wrap .list.circle li {
	list-style: circle;
}
.policy_popup_wrap .rule_wrap .list li .sub_list {
	padding-left: 22px;
}
.policy_popup_wrap .rule_wrap .list li .sub_list li {
	list-style: hangul;
}
/* 회원가입 완료*/
.join_complete_wrap .con {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.join_complete_wrap .con > h2 {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 4px;
	font-weight: 600;
	padding-bottom: 25px;
}
.join_complete_wrap h2 strong {
	font-weight: 800;
	color: var(--m_c_dark);
}
.join_complete_wrap .txt {
	font-size: 18px;
	line-height: 1.4;
}
.join_complete_wrap a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 220px;
	height: 50px;
	border: 1px solid var(--m_c_dark);
	color: var(--m_c_dark);
	border-radius: 8px;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 30px;
}
.join_complete_wrap a:hover {
	background-color: var(--m_c_dark);
	color: white;
}
.join_complete_wrap img {
	width: 700px;
}

/* 실시간 예약 */
.time_booking_wrap .layer_popup .pop_con {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.time_booking_wrap .deadline_slide_wrap .con {
	padding: 0px;
	width: 100%;
}
.time_booking_wrap .deadline_slide_wrap .swiper-button-next {
	right: -30px;
}
.time_booking_wrap .deadline_slide_wrap .swiper-button-prev {
	left: -30px;
}
.time_booking_wrap .deadline_slide_wrap .swiper-pagination {
	right: 92px;
}
.time_booking_wrap .golf_zone_wrap {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}
.time_booking_wrap .golf_zone_wrap .list {
	flex: 1 1 auto;
}
.time_booking_wrap .golf_zone_wrap .area_nav {
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 100px;
	width: 324px;
}
.time_booking_wrap .golf_zone_wrap .area_nav > div {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	border-radius: 12px;
	background-color: var(--t_c_section);
}
.time_booking_wrap .golf_zone_wrap .area_nav:before {
	content: "";
	display: block;
	width: 100%;
	height: 40px;
	background-color: white;
}
.time_booking_wrap .golf_zone_wrap .area_nav #datepicker {
	height: 40px;
	width: 100%;
}
.time_booking_wrap .golf_zone_wrap .area_nav .date_int {
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	border-radius: 8px;
	background-color: white;
	border: 1px solid var(--t_c_lighter);
	padding: 0px 20px;
	padding-left: 50px;
	background: url("../img/date_icon.svg") no-repeat;
	background-position: 20px center;
	background-color: white;
	cursor: pointer;
}
.time_booking_wrap .golf_zone_wrap .area_nav .date_int span {
	padding-left: 5px;
}
.time_booking_wrap .golf_zone_wrap .area_nav .snb_list {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.time_booking_wrap .golf_zone_wrap .area_nav .snb_list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 20px;
	border-radius: 8px;
	height: 50px;
}
.time_booking_wrap .golf_zone_wrap .area_nav .snb_list a p:nth-child(1) {
	font-weight: 800;
}
.time_booking_wrap .golf_zone_wrap .area_nav .snb_list a p:nth-child(2) {
	text-decoration: underline;
}
.time_booking_wrap .golf_zone_wrap .area_nav .snb_list a:hover {
	background-color: var(--t_c_thin);
}
.time_booking_wrap .golf_zone_wrap .area_nav .snb_list a.on {
	color: white;
	background-color: var(--m_c_main);
}
.time_booking_wrap .golf_zone_wrap .view {
	display: grid;
	grid-template-columns: repeat(2, minmax(100px, 1fr));
	gap: 20px;
}
.time_booking_wrap .golf_zone_wrap .view .item {
	display: flex;
	align-items: center;
	gap: 20px;
}
.time_booking_wrap .golf_zone_wrap .view .item .img {
	position: relative;
	width: 165px;
	height: 150px;
	border-radius: 10px;
	background: url() no-repeat center / cover;
}
.time_booking_wrap .golf_zone_wrap .view .item .img .label {
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 16px;
	padding: 0 4px;
	border-radius: 3px;
	background-color: var(--p_c_yellow);
	font-size: 10px;
	color: white;
}
.time_booking_wrap .golf_zone_wrap .view .item .info {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.time_booking_wrap .golf_zone_wrap .view .item .info .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.time_booking_wrap .golf_zone_wrap .view .item .info .title p {
	font-size: 12px;
}
.time_booking_wrap .golf_zone_wrap .view .item .info .day {
	display: flex;
	align-items: center;
	padding: 12px 10px 6px 10px;
	background-color: var(--t_c_section);
}
.time_booking_wrap .golf_zone_wrap .view .item .info .day ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1 1 auto;
	align-items: center;
	font-size: 14px;
}
.time_booking_wrap .golf_zone_wrap .view .item .info .day ul .sun {
	color: var(--p_c_red);
}
.time_booking_wrap .golf_zone_wrap .view .item .info .day ul li:nth-child(1) {
	padding-bottom: 8px;
	border-bottom: 1px solid var(--t_c_lighter);
	width: 100%;
	text-align: center;
}
.time_booking_wrap .golf_zone_wrap .view .item .info .day ul li:nth-child(2) a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-weight: 600;
}
.time_booking_wrap .golf_zone_wrap .view .item .info .day ul li:nth-child(2) a:hover {
	background-color: var(--t_c_thin);
}
.time_booking_wrap .golf_zone_wrap .view .item .info .day ul li:nth-child(2).on a {
	background-color: var(--m_c_main);
	color: white;
}
.time_booking_wrap .golf_zone_wrap .view .item .info .day ul li:nth-child(2).off a {
	background-color: var(--t_c_thin);
	color: var(--t_c_light);
	cursor: no-drop;
}
.time_booking_wrap .golf_zone_wrap .view .item .info .price {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.time_booking_wrap .golf_zone_wrap .view .item .info .price h5 {
	color: var(--m_c_dark);
}
.time_booking_wrap .golf_zone_wrap .view .item .info .price a {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
}
.time_booking_wrap .golf_zone_wrap .view .item .info .price a img {
	height: 15px;
}
.tb_popup_wrap .calendar_top {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 60px;
	font-weight: 800;
	color: var(--t_c_dark);
	padding: 20px;
	padding-top: 30px;
}
.tb_popup_wrap .calendar_top a {
	padding: 5px;
}
.tb_popup_wrap .calendar_table {
	/* padding-bottom: 20px; */
	border-bottom: 1px solid var(--t_c_lighter);
}
.tb_popup_wrap .calendar_table thead tr td {
	height: 46px;
	border-color: var(--t_c_lighter);
}
.tb_popup_wrap .calendar_table tbody tr td {
	text-align: center;
	height: initial;
	padding: 10px 12px;
	border: none;
}
.tb_popup_wrap .calendar_table tr td:first-child {
	color: var(--p_c_red);
}
.tb_popup_wrap .calendar_table tr td a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	font-weight: 700;
}
.tb_popup_wrap .calendar_table tr td a.off {
	background-color: var(--t_c_thin);
	color: var(--t_c_light);
	cursor: no-drop;
}
.tb_popup_wrap .calendar_table tr td a.on {
	background-color: var(--m_c_main);
	color: white;
}

/* 실시간 예약 뷰 */
.rv_status_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
}
.rv_status_wrap .time_list {
	flex: 1 1 auto;
	width: 990px;
}
.rv_status_wrap .golf_filter_wrap {
	position: sticky;
	top: 100px;
	background-color: white;
	z-index: 1;
}
.rv_status_wrap .golf_filter_wrap:before {
	content: "";
	display: block;
	width: 100%;
	height: 40px;
	background-color: white;
}
.rv_status_wrap .golf_filter_wrap .sub_filter_wrap {
	position: relative;
	margin: 0;
	top: 0;
	height: 90px;
	transition: height 0.3s ease, padding 0.3s ease;
}
.rv_status_wrap .time_list .golf_cc_inc {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding-bottom: 15px;
	height: 48px;
}
.rv_status_wrap .time_list .golf_cc_inc .info {
	display: flex;
	align-items: center;
	gap: 10px;
}
.rv_status_wrap .time_list .golf_cc_inc .info a ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 9px;
}
.rv_status_wrap .time_list .golf_cc_inc .info a ul img {
	height: 24px;
}
.rv_status_wrap .time_list .sel_golf_day {
	position: relative;
	padding: 20px;
	background-color: var(--t_c_section);
	border-radius: 12px;
	height: 175px;
	max-height: 500px;
	overflow: hidden;
	transition: all 0.2s ease;
	opacity: 1;
	/* 높이 변화 시 레이아웃 시프트 최소화 */
	will-change: height, opacity;
}

.rv_status_wrap .time_list .sel_golf_day.active {
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	opacity: 0;
	transition: all 0.1s ease;
	pointer-events: none;
}
.rv_status_wrap .time_list .sel_golf_day.active ~ .sub_filter_wrap {
	height: 60px;
}
.rv_status_wrap .time_list .sel_golf_day .date {
	display: flex;
	gap: 10px;
	align-items: center;
	padding-bottom: 15px;
}
.rv_status_wrap .time_list .sel_golf_day .date a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 12px;
	height: 26px;
	border-radius: 15px;
	font-size: 14px;
	background-color: var(--t_c_dark);
	color: white;
}
.rv_status_wrap .time_list .sel_golf_day .date p {
	font-weight: 800;
}
.rv_status_wrap .time_list .sel_golf_day .swiper a ul {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	padding: 4px 0px;
}
.rv_status_wrap .time_list .sel_golf_day .swiper a ul:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 48px;
	height: 100%;
	border: 1px solid var(--t_c_lighter);
	border-radius: 24px;
	transition: all 0.3s;
	opacity: 0;
}
.rv_status_wrap .time_list .sel_golf_day .swiper a:hover ul:before {
	opacity: 1;
}
.rv_status_wrap .time_list .sel_golf_day .swiper a ul li {
	width: 100%;
	text-align: center;
	font-weight: 800;
	color: var(--t_c_light);
	transition: all 0.3s;
}
.rv_status_wrap .time_list .sel_golf_day .swiper a ul.sun li:not(:last-child) {
	color: var(--p_c_red);
}
.rv_status_wrap .time_list .sel_golf_day .swiper a .month {
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid var(--t_c_lighter);
}
.rv_status_wrap .time_list .sel_golf_day .swiper a .count {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: var(--t_c_thin);
}
.rv_status_wrap .time_list .sel_golf_day .swiper a.active li {
	color: var(--t_c_normal);
}
.rv_status_wrap .time_list .sel_golf_day .swiper a.active .count {
	background-color: var(--m_c_main);
	color: white;
}
.rv_status_wrap .time_list .sel_golf_day .swiper a.disable {
	pointer-events: none;
}
.rv_status_wrap .time_list .sel_golf_day .swiper a.disable .count {
	background-color: var(--t_c_light);
	color: white;
}
.rv_status_wrap .time_list .sel_golf_day div[role="button"] {
	width: 24px;
	height: 24px;
	border-radius: 4px;
	top: 32px;
	border: 1px solid var(--t_c_lighter);
}
.rv_status_wrap .time_list .sel_golf_day div[role="button"]:after {
	font-size: 12px;
}
.rv_status_wrap .time_list .sel_golf_day div[role="button"]:hover {
	border-color: transparent;
	background-color: var(--t_c_medium);
}
.rv_status_wrap .time_list .sel_golf_day div[role="button"]:hover:after {
	color: white;
}
.rv_status_wrap .time_list .sel_golf_day .swiper-button-next {
	right: 20px;
}
.rv_status_wrap .time_list .sel_golf_day .swiper-button-prev {
	left: initial;
	right: 50px;
}
.rv_status_wrap .time_list .sub_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 10px;
}
.rv_status_wrap .time_list .sub_title p {
	font-size: 14px;
}
.rv_status_wrap .time_list .item {
	display: flex;
	justify-content: space-between;
	padding: 20px;
	border: 1px solid var(--t_c_lighter);
	border-radius: 12px;
	flex-wrap: wrap;
	background-color: white;
	transition: all 0.3s;
}
.rv_status_wrap .time_list .item .left {
	position: relative;
}
.rv_status_wrap .time_list .item .left h3 {
	display: flex;
	align-items: center;
	gap: 5px;
	padding-bottom: 2px;
}
.rv_status_wrap .time_list .item .left .label {
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	gap: 5px;
}
.rv_status_wrap .time_list .item .left .label span {
	display: flex;
	align-items: center;
	padding: 0px 8px;
	height: 25px;
	border-radius: 4px;
	font-size: 14px;
	color: white;
	font-weight: 600;
	background-color: var(--t_c_medium);
	white-space: nowrap;
}
.rv_status_wrap .time_list .item .right {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 20px;
}
.rv_status_wrap .time_list .item .right .person_info {
	display: flex;
	gap: 8px;
}
.rv_status_wrap .time_list .item .right .person_info .mem_img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-color: var(--t_c_thin);
	font-weight: 600;
	color: var(--t_c_light);
}
.rv_status_wrap .time_list .item .right .person_info .user {
	position: relative;
}
.rv_status_wrap .time_list .item .right .person_info .user.man .mem_img:hover .mem_profile_wrap,
.rv_status_wrap .time_list .item .right .person_info .user.woman .mem_img:hover .mem_profile_wrap {
	display: block;
	top: 50%;
	transform: translateY(-50%);
	left: -185px;
	padding-left: 0px;
}
.rv_status_wrap .time_list .item .right .person_info .mem_img:before {
	content: "대기";
}
.rv_status_wrap .time_list .item .right .person_info .user.man .mem_img,
.rv_status_wrap .time_list .item .right .person_info .user.woman .mem_img {
	background: url() no-repeat center / cover;
	background-color: var(--t_c_thin);
}
.rv_status_wrap .time_list .item .right .person_info .user.man .mem_img {
	border: 4px solid var(--p_c_blue);
}
.rv_status_wrap .time_list .item .right .person_info .user.woman .mem_img {
	border: 4px solid var(--p_c_red);
}
.rv_status_wrap .time_list .item .right .person_info .user.man .mem_img:before,
.rv_status_wrap .time_list .item .right .person_info .user.woman .mem_img:before {
	content: "";
}
.rv_status_wrap .time_list .res_cfm {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-bottom: 40px;
}
.rv_status_wrap .time_list .res_cfm .item {
	border: 2px solid var(--p_c_red);
}
.rv_status_wrap .time_list .res_cfm .item .sub_title h3 {
	color: var(--p_c_red_dk);
}
.rv_status_wrap .time_list .res_cfm .item .price_btn {
	background-color: var(--p_c_red);
}
.rv_status_wrap .time_list .res_cfm .item .price_btn:hover {
	background-color: var(--p_c_red_dk);
}
.rv_status_wrap .time_list .res_cfm .item:hover {
	border-color: var(--p_c_red_dk);
}
.rv_status_wrap .time_list .res_wait .sub_title {
	padding-left: 20px;
	padding-right: 20px;
}
.rv_status_wrap .time_list .res_wait .item:hover {
	border: 1px solid var(--t_c_medium);
}
.rv_status_wrap .time_list .res_wait .item:not(:last-child) {
	margin-bottom: 20px;
}

/* 매니저 예약 */
.mg_booking_wrap .con {
	padding-top: 0;
}
.mg_booking_wrap .layer_popup .pop_con {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.mg_status_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
}
.mg_status_wrap .choice_info_wrap .time_select_img {
	height: 236px;
}
.mg_status_wrap .choice_info_wrap .golf_cc_info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.mg_status_wrap .mg_list {
	flex: 1 1 auto;
	width: 990px;
}
.mg_status_wrap .mg_list .area_filter_wrap {
	position: sticky;
	top: 100px;
	z-index: 1;
	width: 100%;
	background-color: white;
}
.mg_status_wrap .mg_list .area_filter_wrap:before {
	content: "";
	display: block;
	width: 100%;
	height: 40px;
	background-color: white;
}
.mg_status_wrap .mg_list .area_filter_wrap .choice {
	background-color: var(--t_c_section);
	border-radius: 8px;
	padding: 20px;
}
.mg_status_wrap .mg_list .area_filter_wrap .area {
	display: flex;
	align-items: center;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--t_c_lighter);
}
.mg_status_wrap .mg_list .area_filter_wrap .area a {
	color: var(--t_c_normal);
}
.mg_status_wrap .mg_list .area_filter_wrap .area a:hover {
	background-color: var(--t_c_thin);
}
.mg_status_wrap .mg_list .area_filter_wrap .area a.on {
	background-color: var(--t_c_normal);
	color: white;
}
.mg_status_wrap .mg_list .area_filter_wrap .choice .day {
	padding-top: 15px;
}
.mg_status_wrap .mg_list .area_filter_wrap .choice .day ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
	align-items: center;
	width: 100%;
	color: var(--t_c_light);
	font-weight: 800;
	padding: 6px;
	border-radius: 8px;
	transition: all 0.3s;
}
.mg_status_wrap .mg_list .area_filter_wrap .choice .day ul.sun {
	color: var(--p_c_red);
}
.mg_status_wrap .mg_list .area_filter_wrap .choice .day ul li:last-child {
	font-weight: 700;
}
.mg_status_wrap .mg_list .area_filter_wrap .choice .day a:hover ul {
	background-color: var(--t_c_thin);
}
.mg_status_wrap .mg_list .area_filter_wrap .choice .day a.active ul {
	background-color: var(--m_c_main);
}
.mg_status_wrap .mg_list .area_filter_wrap .choice .day a.active ul {
	color: white;
}
.mg_status_wrap .mg_list .area_filter_wrap .sub_filter_wrap {
	margin-top: 0;
	position: relative;
	top: initial;
	height: 90px;
}
.mg_status_wrap .mg_list .be_not_list {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
}
.mg_status_wrap .mg_list .golf_cc_list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.mg_status_wrap .mg_list .golf_cc_list .item {
	display: flex;
	flex-direction: column;
	gap: 22px;
	padding: 20px;
	border: 1px solid var(--t_c_lighter);
	border-radius: 8px;
	width: 100%;
	cursor: pointer;
	transition: all 0.3s;
}
.mg_status_wrap .mg_list .golf_cc_list .item:hover {
	border: 1px solid var(--t_c_light);
}
.mg_status_wrap .mg_list .golf_cc_list .item.active {
	border: 1px solid var(--t_c_medium);
}
.mg_status_wrap .mg_list .golf_cc_list .title {
	display: flex;
	align-items: center;
	gap: 40px;
	height: 22px;
}
.mg_status_wrap .mg_list .golf_cc_list .title .price {
	color: var(--m_c_darker);
}
.mg_status_wrap .mg_list .golf_cc_list .item .list {
	display: none;
}
.mg_status_wrap .mg_list .golf_cc_list .item .list table td {
	font-size: 15px;
	text-align: left;
	white-space: nowrap;
	cursor: pointer;
	transition: all 0.3s;
}
.mg_status_wrap .mg_list .golf_cc_list .item .list table tbody tr:hover {
	background-color: rgb(191 222 199 / 17%);
}
.mg_status_wrap .mg_list .golf_cc_list .item .list table th {
	text-align: left;
}
.mg_status_wrap .mg_list .golf_cc_list .item .list table .etc {
	white-space: wrap;
	width: 35%;
}
.mg_status_wrap .mg_list .golf_cc_list .item .list table .etc span:not(:last-child):after {
	content: "/";
	margin-left: 5px;
	margin-right: 2px;
}
.mg_status_wrap .mg_list .golf_cc_list .item .list table .manager ul {
	display: flex;
	align-items: center;
	gap: 8px;
}
.mg_status_wrap .mg_list .golf_cc_list .item .list table .manager .mark {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 6px;
	height: 16px;
	background-color: var(--m_c_main);
	font-size: 10px;
	color: white;
	font-weight: 700;
	border-radius: 3px;
}
.mg_status_wrap .mg_list .golf_cc_list .item .list table .manager .update {
	font-size: 12px;
}
.mg_status_wrap .mg_list .golf_cc_list .item .list table .price {
	font-weight: 800;
	color: var(--m_c_darker);
	font-size: 16px;
}

/* gps 셋팅 팝업 */
.gps_popup_wrap .pop_con {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.gps_popup_wrap .layer_popup .popup_btn {
	justify-content: space-between;
}

/* 골프장정보 팝업 */
.golf_info_popup_wrap .layer_popup {
	justify-content: flex-start;
}
.golf_info_popup_wrap .pop_con {
	display: flex;
	flex-direction: column;
	gap: 30px;
	border-top: none !important;
	padding-top: 0px !important;
	margin-top: 20px !important;
}
.golf_info_popup_wrap .golf_image_view {
	flex: 0 0 auto;
	width: 100%;
}
.golf_info_popup_wrap .golf_image_view .swiper-wrapper {
	display: grid;
	grid-template-columns: 420px 250px;
	grid-template-rows: 160px 160px;
	gap: 10px;
}
.golf_info_popup_wrap .golf_image_view .swiper-wrapper .swiper-slide {
	width: initial !important;
}
.golf_info_popup_wrap .golf_image_view .swiper-wrapper .swiper-slide:first-child {
	grid-row: 1 / span 2;
	border-radius: 12px 0px 0px 0px;
}
.golf_info_popup_wrap .golf_image_view .img {
	width: 100%;
	height: 100%;
	background: url() no-repeat center / cover;
	overflow: hidden;
}
.golf_info_popup_wrap .golf_image_view .swiper-slide:nth-child(1) .img {
	border-radius: 12px 0px 0px 0px;
}
.golf_info_popup_wrap .golf_image_view .swiper-slide:nth-child(2) .img {
	border-radius: 0px 12px 0px 0px;
}
.golf_info_popup_wrap #bc_tab_menu {
	position: sticky;
	top: 0px;
	z-index: 1;
	height: 54px;
	border-top: 1px solid var(--t_c_lighter);
	border-bottom: 1px solid var(--t_c_lighter);
	display: flex;
	align-items: center;
	background-color: white;
}
.golf_info_popup_wrap #bc_tab_menu h3 {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.golf_info_popup_wrap #bc_tab_menu ul,
.golf_info_popup_wrap #bc_tab_menu li {
	height: 100%;
}
.golf_info_popup_wrap #bc_tab_menu li a {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
}
.golf_info_popup_wrap #bc_tab_menu li a:after {
	content: "";
	display: flex;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 0%;
	opacity: 0;
	border: 2px solid var(--m_c_main);
	transition: all 0.3s;
}
.golf_info_popup_wrap #bc_tab_menu li.on a {
	color: var(--m_c_main);
}
.golf_info_popup_wrap #bc_tab_menu li.on a:after {
	width: 100%;
	opacity: 1;
}
.golf_info_popup_wrap .basic_tab_menu {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.golf_info_popup_wrap .basic_tab_menu .item .sub_title {
	color: var(--m_c_darker);
}
.golf_info_popup_wrap .basic_tab_menu .row {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.golf_info_popup_wrap .basic_tab_menu .row .item {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.golf_info_popup_wrap .basic_tab_menu .row .item:not(:first-child) {
	padding-top: 30px;
	border-top: 1px solid var(--t_c_lighter);
}
.golf_info_popup_wrap .basic_tab_menu .row .item .info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.golf_info_popup_wrap .basic_tab_menu .row .item .info ul {
	display: flex;
	align-items: center;
	font-weight: 700;
}
.golf_info_popup_wrap .basic_tab_menu .row .item .info ul li:first-child {
	width: 90px;
	font-weight: 400;
	color: var(--t_c_medium);
}
.golf_info_popup_wrap .bc_tab_con table thead th:first-child {
	width: 30%;
}
.golf_info_popup_wrap .bc_tab_con table tbody td:first-child {
	font-weight: 500;
	color: var(--t_c_darker);
}
.golf_info_popup_wrap .bc_tab_con strong {
	font-weight: 800;
	color: var(--p_c_red);
}
.golf_info_popup_wrap .bc_tab_con .penalty {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.golf_info_popup_wrap .bc_tab_con .penalty ul {
	padding-left: 22px;
}
.golf_info_popup_wrap .bc_tab_con .penalty ul li {
	list-style: circle;
	line-height: 1.4;
}
.golf_info_popup_wrap .bc_tab_con .accentuate {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.golf_info_popup_wrap .bc_tab_con .accentuate mark {
	background-color: var(--m_c_lighter);
	color: var(--t_c_darker);
	font-weight: 700;
}

/* 인근 골프장 팝업 */
.nearby_cc_popup_wrap .pop_con {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.nearby_cc_popup_wrap .pop_con:has(.item:only-child) {
	grid-template-columns: 1fr;
}
.nearby_cc_popup_wrap .pop_con .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 0px 15px;
	height: 50px;
	border-radius: 8px;
	border: 1px solid var(--t_c_lighter);
	transition: all 0.3s;
}
.nearby_cc_popup_wrap .pop_con .item .golf_info {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-weight: 700;
}
.nearby_cc_popup_wrap .pop_con .item span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	border-radius: 6px;
	width: 52px;
	background-color: var(--t_c_normal);
	color: white;
	font-weight: 700;
	font-size: 14px;
}
.nearby_cc_popup_wrap .pop_con .item p {
	font-size: 12px;
}
.nearby_cc_popup_wrap .pop_con .item:hover {
	background-color: var(--t_c_table);
}

/* 기타비용 팝업 */
.other_price_popup_wrap .pop_con {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.other_price_popup_wrap .item {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.other_price_popup_wrap .item:not(:first-child) {
	padding-top: 30px;
	border-top: 1px solid var(--t_c_lighter);
}
.other_price_popup_wrap .item .sub_title {
	color: var(--m_c_darker);
}
.other_price_popup_wrap .item .info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.other_price_popup_wrap .item .info ul {
	display: flex;
	align-items: center;
	font-weight: 700;
}
.other_price_popup_wrap .item .info ul li:first-child {
	min-width: 120px;
	font-weight: 400;
	color: var(--t_c_medium);
}
.other_price_popup_wrap .item .penalty {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.other_price_popup_wrap .item .penalty p {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--p_c_red_dk);
	color: white;
	width: 100%;
	height: 40px;
	border-radius: 6px;
	font-weight: 800;
}
.other_price_popup_wrap .item .penalty ul {
	padding-left: 22px;
}
.other_price_popup_wrap .item .penalty ul li {
	list-style: circle;
	line-height: 1.4;
}
.other_price_popup_wrap .item .penalty span {
	font-size: 12px;
	color: var(--m_c_dark);
}

/* 마이페이지 - 내프로필 */
.mypage_wrap {
	min-height: 900px;
}
.mypage_wrap .con {
	display: flex;
	column-gap: 50px;
	padding-top: 0;
	flex-wrap: wrap;
}
.mypage_wrap .mypage_entire {
	position: relative;
	width: 100%;
	z-index: 1;
}
.mypage_wrap .mypage_entire > .box {
	background-color: white;
}
.mypage_wrap .mypage_entire > .box > .img {
	width: 100%;
	height: 250px;
	border-radius: 20px;
	overflow: hidden;
	background: url() no-repeat center / cover;
}
.mypage_wrap .mypage_entire .row {
	display: flex;
	gap: 50px;
}
.mypage_wrap .mypage_entire .my_pr_wrap {
	position: relative;
	top: -90px;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	width: 420px;
}
.mypage_wrap .mypage_entire .mem_profile {
	position: relative;
}
.mypage_wrap .mypage_entire .mem_profile .img {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	border: 10px solid white;
	background: url() no-repeat center / cover;
}
.mypage_wrap .mypage_entire .mem_profile .badge {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--p_c_red);
	color: white;
	font-weight: 800;
}
.mypage_wrap .mypage_entire .mem_profile .ranking {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: url() no-repeat center / cover;
}
.mypage_wrap .mypage_entire .info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 100%;
}
.mypage_wrap .mypage_entire .info .hierarchy {
	display: flex;
	align-items: center;
	gap: 12px;
}
.mypage_wrap .mypage_entire .info .hierarchy .public:after {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	width: 50px;
	height: 20px;
	font-size: 10px;
	font-weight: 700;
	color: white;
}
.mypage_wrap .mypage_entire .info .hierarchy .public.all:after {
	content: "모두공개";
	background-color: var(--m_c_main);
}
.mypage_wrap .mypage_entire .info .hierarchy .public.friend:after {
	content: "친구만공개";
	color: var(--t_c_darker);
	background-color: var(--p_c_yellow);
}
.mypage_wrap .mypage_entire .info .hierarchy .public.private:after {
	content: "비공개";
	background-color: var(--t_c_normal);
}
.mypage_wrap .mypage_entire .info .hierarchy ul,
.mypage_wrap .mypage_entire .info .hierarchy ul li {
	display: flex;
	align-items: center;
}
.mypage_wrap .mypage_entire .info .hierarchy ul li a {
	color: var(--m_c_main);
	font-weight: 800;
}
.mypage_wrap .mypage_entire .info .hierarchy ul li span:before {
	content: "/";
	display: inline-flex;
	margin-left: 5px;
	margin-right: 3px;
}
.mypage_wrap .mypage_entire .info .detail {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	width: 100%;
	height: 52px;
	border: 1px solid var(--t_c_lighter);
	border-radius: 8px;
}
.mypage_wrap .mypage_entire .info .detail ul {
	display: flex;
	align-items: center;
	gap: 4px;
}
.mypage_wrap .mypage_entire .info .detail ul li:last-child {
	font-weight: 800;
}
.mypage_wrap .mypage_entire .visitor {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}
.mypage_wrap .mypage_entire .visitor ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	flex: 1 1 30%;
}
.mypage_wrap .mypage_entire .visitor ul img {
	height: 28px;
	display: block;
}
.mypage_wrap .mypage_entire .visitor ul li:nth-child(2) {
	font-size: 24px;
	font-weight: 900;
}
.mypage_wrap .mypage_entire .comment {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	line-height: 1.8;
	border-top: 1px solid var(--t_c_lighter);
	padding-top: 25px;
	padding-bottom: 20px;
}
.mypage_wrap .mypage_entire .blog_link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0px 15px;
	height: 44px;
	border-radius: 8px;
	background-color: var(--t_c_normal);
	color: white;
}
.mypage_wrap .mypage_entire .blog_link .blog_url {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-weight: 800;
}
.mypage_wrap .mypage_entire .blog_link .blog_url:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url("../img/link_icon.svg") no-repeat center;
	display: inline-flex;
}
.mypage_wrap .mypage_entire .blog_link a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 14px;
}
.mypage_wrap .mypage_entire .blog_link a:after {
	content: "";
	width: 19px;
	height: 20px;
	background: url("../img/link_share_icon.svg") no-repeat center;
	display: inline-flex;
}
.mypage_wrap .mypage_entire .my_sub_gnb {
	flex: 1 1 auto;
}
.mypage_wrap .mypage_entire .my_sub_gnb nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 50px;
	background-color: white;
	padding-top: 30px;
	padding-bottom: 40px;
}
.mypage_wrap .mypage_entire .my_sub_gnb nav ul {
	display: flex;
	align-items: center;
	gap: 50px;
}
.mypage_wrap .mypage_entire .my_sub_gnb nav ul a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	color: var(--t_c_medium);
	height: 40px;
}
.mypage_wrap .mypage_entire .my_sub_gnb nav ul a:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	width: 0%;
	border: 2px solid var(--m_c_main);
	opacity: 0;
	transition: all 0.3s;
}
.mypage_wrap .mypage_entire .my_sub_gnb nav ul a:hover {
	color: var(--m_c_main);
}
.mypage_wrap .mypage_entire .my_sub_gnb nav ul a.on {
	color: var(--m_c_main);
}
.mypage_wrap .mypage_entire .my_sub_gnb nav ul a.on:after,
.mypage_wrap .mypage_entire .my_sub_gnb nav ul a:hover:after {
	width: 100%;
	opacity: 1;
}
.mypage_wrap .mypage_entire .my_sub_gnb nav ul li a {
	display: flex;
	align-items: center;
	gap: 8px;
}
.mypage_wrap .mypage_entire .my_sub_gnb nav ul li .badge {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 18px;
	border-radius: 4px;
	padding: 0px 4px;
	background-color: var(--p_c_red);
	font-size: 10px;
	color: white;
}
.mypage_wrap .mypage_entire .my_sub_gnb nav .follow:before {
	content: "+ 팔로우 하기";
}
.mypage_wrap .mypage_entire .my_sub_gnb nav .follow.on {
	background-color: var(--m_c_main);
}
.mypage_wrap .mypage_entire .my_sub_gnb nav .follow.on:hover {
	background-color: var(--m_c_dark);
}
.mypage_wrap .mypage_entire .my_sub_gnb nav .follow.on:before {
	content: "+ 팔로우 삭제";
}
.mypage_wrap .mypage_entire .my_sub_gnb .sub_filter_wrap {
	position: relative;
	top: initial;
	margin-top: 0;
	height: 60px;
}
.mypage_wrap .mypage_row {
	flex: 1 1 auto;
}
.mypage_wrap .be_not_list {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
}
.rquest_data_popup_wrap .pop_con {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.rquest_data_popup_wrap .txt {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-right: 40px;
}
.rquest_data_popup_wrap .txt strong {
	font-weight: 800;
}
.rquest_data_popup_wrap .int {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.rquest_data_popup_wrap .int textarea {
	height: 212px;
}
.my_profile_wrap .insta_img_wrap {
	display: grid;
	/* grid-template-columns: repeat(auto-fill, minmax(30%, auto)); */
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.my_profile_wrap .insta_img_wrap .item .img {
	background: url() no-repeat center / cover;
	height: 350px;
	border-radius: 12px;
}

/* 예약현황 */
.my_reservation_wrap .recently_view {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.my_reservation_wrap .recently_view .box {
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--t_c_lighter);
	background-color: white;
	transition: all 0.3s;
}
.my_reservation_wrap .recently_view .box:hover {
	border-color: var(--m_c_dark);
	box-shadow: 0px 0px 20px rgba(0, 120, 103, 0.2);
}
.my_reservation_wrap .recently_view .box .img {
	background: url() no-repeat center / cover;
	width: 100%;
	height: 140px;
}
.my_reservation_wrap .recently_view .box .item {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 20px;
}
.my_reservation_wrap .recently_view .box .item ul {
	display: flex;
	flex-direction: column;
	gap: 3px;
	font-size: 15px;
}
.my_reservation_wrap .recently_view .box .item .btn {
	display: flex;
	align-items: center;
	gap: 10px;
}
.my_reservation_wrap .recently_view .box .item .btn a {
	flex: 1 1 40%;
}
.my_reservation_wrap .recently_view .box.soldout:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(15, 28, 35, 0.5);
}
.my_reservation_wrap .recently_view .box.soldout:after {
	content: "마감 되었습니다.";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 52%;
	color: white;
	font-weight: 800;
}
.my_reservation_wrap .recently_view .box.soldout .item .btn {
	z-index: 1;
}
.my_reservation_wrap .recently_view .box.soldout .item .btn a.chat {
	display: none;
}

/* 나의친구 */
.my_friend_wrap .friend_list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.my_friend_wrap .friend_list .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	border: 1px solid var(--t_c_lighter);
	border-radius: 8px;
}
.my_friend_wrap .friend_list .item .left {
	display: flex;
	align-items: center;
	gap: 10px;
}
.my_friend_wrap .friend_list .item .left .img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: url() no-repeat center / cover;
	border: 1px solid var(--t_c_thin);
}
.my_friend_wrap .friend_list .item .left ul li {
	font-size: 12px;
}
.my_friend_wrap .friend_list .item .left .name {
	font-size: 16px;
	display: flex;
	align-items: center;
	font-weight: 700;
	gap: 8px;
	padding-bottom: 4px;
}
.my_friend_wrap .friend_list .item .left .name a {
	font-size: 12px;
	font-weight: 400;
	color: var(--m_c_main);
}
.my_friend_wrap .friend_list .item .btn {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.my_friend_wrap .friend_list .item .friend_choice {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
}
.my_friend_wrap .friend_list .item.regist .friend_choice:after {
	content: "+ 친구등록";
}
.my_friend_wrap .friend_list .item.friendly .friend_choice:after {
	content: "내친구";
}
.my_friend_wrap .friend_list .item.friendly .friend_choice:before {
	content: "";
	width: 14px;
	height: 10px;
	display: flex;
	background: url("../img/check_wt_icon.svg") no-repeat center;
}
.my_friend_wrap .friend_list .item.block .friend_choice:after {
	content: "X 차단";
}

/* 락체팅 */
.mypage_wrap.my_rock_chat_wrap .mypage_entire .my_pr_wrap {
	position: absolute;
	top: 160px;
}
.my_rock_chat_wrap .chatting_box {
	display: flex;
	gap: 20px;
	height: 633px;
}
.my_rock_chat_wrap .chat_view {
	flex: 1 1 auto;
	display: flex;
	border: 1px solid var(--t_c_lighter);
	border-radius: 12px;
	overflow: hidden;
}
.my_rock_chat_wrap .chat_view .friend_list {
	flex: 0 0 auto;
	width: 410px;
	border-right: 1px solid var(--t_c_lighter);
}
.my_rock_chat_wrap .chat_view .friend_list .search {
	padding: 20px;
	border-bottom: 1px solid var(--t_c_lighter);
}
.my_rock_chat_wrap .chat_view .friend_list .search input {
	background: url(../img/search_icon.svg) no-repeat 15px center;
	background-size: 20px;
	padding-left: 44px;
}
.my_rock_chat_wrap .chat_view .friend_list .list {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	height: 539px;
	overflow: hidden;
	/* 스크롤 할때 다른 스크롤 안되게 방지 */
	scroll-behavior: smooth;
	overscroll-behavior: contain; /* 스크롤 체이닝 방지 */
}
.my_rock_chat_wrap .chat_view .friend_list .list .item {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	height: 90px;
	cursor: pointer;
	border-bottom: 1px solid var(--t_c_thin);
}
.my_rock_chat_wrap .chat_view .friend_list .list .item .mem_info {
	display: flex;
	align-items: center;
	gap: 10px;
}
.my_rock_chat_wrap .chat_view .friend_list .list .item .mem_info ul {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.my_rock_chat_wrap .chat_view .friend_list .list .item .img {
	position: relative;
	flex: 0 0 auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid var(--t_c_lighter);
	background: url() no-repeat center / cover;
	cursor: pointer;
}
.my_rock_chat_wrap .chat_view .friend_list .list .item .nick_name {
	display: flex;
	align-items: flex-end;
	gap: 5px;
}
.my_rock_chat_wrap .chat_view .friend_list .list .item .nick_name {
	font-weight: 700;
}
.my_rock_chat_wrap .chat_view .friend_list .list .item .nick_name a {
	color: var(--m_c_main);
	font-size: 12px;
	margin-bottom: 2px;
}
.my_rock_chat_wrap .chat_view .friend_list .list .item .last_chat_txt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 12px;
	color: var(--t_c_medium);
}
.my_rock_chat_wrap .chat_view .friend_list .list .item .access {
	display: flex;
	gap: 5px;
}
.my_rock_chat_wrap .chat_view .friend_list .list .item .access .time {
	font-size: 12px;
	color: var(--t_c_medium);
}
.my_rock_chat_wrap .chat_view .friend_list .list .item .access .badge:after {
	content: "부재중";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 14px;
	font-size: 9px;
	font-weight: 800;
	color: white;
	background-color: var(--t_c_normal);
	border-radius: 4px;
}
.my_rock_chat_wrap .chat_view .friend_list .list .item .access .badge.on:after {
	content: "접속중";
	background-color: var(--m_c_main);
}
.my_rock_chat_wrap .chat_view .friend_list .list .item .mem_info.group .img.on:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--m_c_main);
}
.my_rock_chat_wrap .chat_view .chat_window {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
.my_rock_chat_wrap .chat_view .chat_window .friend_add {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 20px;
	border-bottom: 1px solid var(--t_c_lighter);
}
.my_rock_chat_wrap .chat_view .chat_window .friend_add .add_btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid var(--t_c_lighter);
	font-size: 24px;
}
.my_rock_chat_wrap .chat_view .chat_window .friend_add .add_btn span {
	transition: all 0.3s;
}
.my_rock_chat_wrap .chat_view .chat_window .friend_add .add_btn span:first-child {
	height: 20px;
	line-height: 20px;
}
.my_rock_chat_wrap .chat_view .chat_window .friend_add .add_btn span:last-child {
	font-size: 10px;
	color: var(--t_c_medium);
}
.my_rock_chat_wrap .chat_view .chat_window .friend_add .add_btn:hover span:first-child {
	transform: rotate(180deg);
}
.my_rock_chat_wrap .chat_view .chat_window .friend_add .item {
	position: relative;
}
.my_rock_chat_wrap .chat_view .chat_window .friend_add .item .img {
	position: relative;
	flex: 0 0 auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid var(--t_c_lighter);
	background: url() no-repeat center / cover;
	cursor: pointer;
}
.my_rock_chat_wrap .chat_view .chat_window .friend_add .item .badge:after {
	content: "부재중";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 14px;
	font-size: 9px;
	font-weight: 800;
	color: white;
	background-color: var(--t_c_normal);
	border-radius: 4px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -7px;
}
.my_rock_chat_wrap .chat_view .chat_window .friend_add .add_list {
	display: flex;
	align-items: center;
	gap: 10px;
}
.my_rock_chat_wrap .chat_view .chat_window .friend_add .item .badge.on:after {
	content: "접속중";
	background-color: var(--m_c_main);
}
.my_rock_chat_wrap .chat_view .chat_window .no_chat_speech {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding: 20px;
	overflow: hidden;
	height: 100%;
}
.my_rock_chat_wrap .chat_view .chat_window .no_chat_speech img {
	width: 124px;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 20px;
	overflow: hidden;
	overflow-y: auto;
	/* 스크롤 할때 다른 스크롤 안되게 방지 */
	/* scroll-behavior: smooth; 스크롤 부드럽게를 css로 되는 코드 */
	overscroll-behavior: contain; /* 스크롤 체이닝 방지 - body 스크롤 막기 */
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .person_chat {
	display: flex;
	gap: 10px;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .person_chat .mem_img {
	position: relative;
	flex: 0 0 auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid var(--t_c_lighter);
	background: url() no-repeat center / cover;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .speech {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .speech .time {
	padding-top: 4px;
	font-size: 12px;
	color: var(--t_c_medium);
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .speech .balloon {
	padding: 10px 15px;
	background-color: var(--t_c_section);
	border-radius: 8px;
	max-width: 320px;
	word-break: normal;
	line-height: 1.4;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .my_chat {
	display: flex;
	justify-content: flex-end;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .my_chat .speech {
	align-items: flex-end;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .my_chat .speech .balloon {
	background-color: rgb(200 250 214 / 60%);
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .chat_mant_in {
	display: flex;
	align-items: center;
	justify-content: center;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .chat_mant_in {
	display: inline-block;
	max-width: 60%;
	padding: 10px 15px;
	border-radius: 6px;
	background-color: var(--p_c_blue);
	font-size: 13px;
	text-align: center;
	word-break: keep-all;
	white-space: normal;
	margin: 0 auto;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .chat_mant_in ul {
	display: inline;
	color: white;
	font-weight: 600;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .chat_mant_in ul li {
	display: inline;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .chat_mant_in ul li:after {
	content: "님과";
	margin-right: 2px;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .chat_mant_in ul li:first-child:after {
	content: "님이";
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .chat_mant_in ul li:last-child:after {
	content: "님을";
}
.my_rock_chat_wrap .chat_view .chat_window .chat_body .chat_mant_in ul:after {
	content: "초대 했습니다.";
}
.my_rock_chat_wrap .chat_view .chat_window .chat_int {
	position: relative;
	border-top: 1px solid var(--t_c_thin);
}
.my_rock_chat_wrap .chat_view .chat_window .chat_int input {
	border-radius: initial;
	border: none;
	background: url("../img/chat_icon.svg") no-repeat 15px center / 18px;
	padding-left: 44px;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_int .btn_wrap {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_int .btn_wrap .send {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--t_c_table);
	cursor: default;
}
.my_rock_chat_wrap .chat_view .chat_window .chat_int .btn_wrap .send:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-mask: url("../img/msg_send_icon.svg") no-repeat 6px center;
	mask: url("../img/msg_send_icon.svg") no-repeat 6px center;
	background-color: var(--t_c_light);
}
.my_rock_chat_wrap .chat_view .chat_window .chat_int .btn_wrap .send.on {
	cursor: pointer;
	background-color: var(--m_c_main);
}
.my_rock_chat_wrap .chat_view .chat_window .chat_int .btn_wrap .send.on:after {
	background-color: white;
}
.my_rock_chat_wrap .membership_wrap {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	width: 280px;
	padding: 20px;
	border: 1px solid var(--t_c_lighter);
	border-radius: 12px;
	align-self: flex-start;
}
.my_rock_chat_wrap .membership_wrap .img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 1px solid var(--t_c_lighter);
	background: url() no-repeat center / cover;
}
.my_rock_chat_wrap .membership_wrap .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.my_rock_chat_wrap .membership_wrap .item .nikname {
	font-weight: 800;
}
.my_rock_chat_wrap .membership_wrap .item .txt {
	display: flex;
	align-items: center;
	gap: 5px;
}
.my_rock_chat_wrap .membership_wrap .item a {
	font-weight: 800;
	color: var(--m_c_main);
}
.my_rock_chat_wrap .membership_wrap .item .info {
	font-weight: 800;
}
.my_rock_chat_wrap .membership_wrap > a {
	width: 100%;
}

/* 락채팅 친구 추가 팝업 */
.add_friend_chat_popup {
	padding: 84px 15px;
}
.add_friend_chat_popup .popup_box {
	min-width: 612px;
}
.add_friend_chat_popup .popup_box > .title {
	padding: 20px;
}
.add_friend_chat_popup .popup_box > .title input {
	background: url(../img/search_icon.svg) no-repeat 15px center;
	background-size: 20px;
	padding-left: 44px;
}
/* .add_friend_chat_popup .pop_con {
	display: flex;
	flex-direction: column;
} */
.add_friend_chat_popup .pop_con .list {
	/* flex: 0 0 auto; */
	height: 540px;
	overflow: hidden;
	border-bottom: 1px solid var(--t_c_thin);
}
.add_friend_chat_popup .pop_con .list .item {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	height: 90px;
	border-bottom: 1px solid var(--t_c_thin);
}
.add_friend_chat_popup .pop_con .list .item .mem_info {
	display: flex;
	align-items: center;
	gap: 10px;
}
.add_friend_chat_popup .pop_con .list .item .mem_info ul {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.add_friend_chat_popup .pop_con .list .item .img {
	position: relative;
	flex: 0 0 auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid var(--t_c_lighter);
	background: url() no-repeat center / cover;
	cursor: pointer;
}
.add_friend_chat_popup .pop_con .list .item .nick_name {
	display: flex;
	align-items: flex-end;
	gap: 5px;
}
.add_friend_chat_popup .pop_con .list .item .nick_name {
	font-weight: 700;
}
.add_friend_chat_popup .pop_con .list .item .nick_name a {
	color: var(--m_c_main);
	font-size: 12px;
	margin-bottom: 2px;
}
.add_friend_chat_popup .pop_con .list .item .last_chat_txt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 12px;
	color: var(--t_c_medium);
}
.add_friend_chat_popup .pop_con .list .item .access {
	display: flex;
	gap: 5px;
}
.add_friend_chat_popup .pop_con .list .item .access .time {
	font-size: 12px;
	color: var(--t_c_medium);
}
.add_friend_chat_popup .pop_con .list .item .access .badge:after {
	content: "부재중";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 14px;
	font-size: 9px;
	font-weight: 800;
	color: white;
	background-color: var(--t_c_normal);
	border-radius: 4px;
}
.add_friend_chat_popup .pop_con .list .item .access .badge.on:after {
	content: "접속중";
	background-color: var(--m_c_main);
}
.add_friend_chat_popup .pop_con .mem_add_choice {
	display: flex;
	align-items: center;
	justify-content: center;
	row-gap: 15px;
	column-gap: 8px;
	padding: 10px 20px;
	border-bottom: 1px solid var(--t_c_lighter);
	border-top: 1px solid var(--t_c_lighter);
	background-color: var(--t_c_section);
}
.add_friend_chat_popup .pop_con .mem_add_choice .item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}
.add_friend_chat_popup .pop_con .mem_add_choice .item .close_btn {
	position: absolute;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: var(--p_c_red);
	color: white;
	z-index: 1;
}
.add_friend_chat_popup .pop_con .mem_add_choice .item .img {
	position: relative;
	flex: 0 0 auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid var(--t_c_lighter);
	background: url() no-repeat center / cover;
}
.add_friend_chat_popup .pop_con .mem_add_choice .item .badge:after {
	content: "부재중";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 14px;
	font-size: 9px;
	font-weight: 800;
	color: white;
	background-color: var(--t_c_normal);
	border-radius: 4px;
}
.add_friend_chat_popup .pop_con .mem_add_choice .item .badge.on:after {
	content: "접속중";
	background-color: var(--m_c_main);
}

/* 내설정 setting */
.my_setting_wrap .my_info_modify {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}
.my_setting_wrap .my_info_modify a.modify_btn {
	width: 200px;
}
.my_setting_wrap .edit_info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: 960px;
	row-gap: 20px;
	column-gap: 60px;
}
.my_setting_wrap .edit_info .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.my_setting_wrap .edit_info .item .sub_title {
	width: 118px;
	font-size: 14px;
	font-weight: 700;
}
.my_setting_wrap .edit_info .item .box {
	position: relative;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	gap: 10px;
}
.my_setting_wrap .edit_info .item .box input {
	height: 40px;
}
.my_setting_wrap .edit_info .item .box select {
	height: 40px;
}
.my_setting_wrap .edit_info .item .box .chk_switch_wrap {
	position: absolute;
	top: 8px;
	right: 10px;
}
.my_setting_wrap .edit_info .item .box:has(.chk_switch_wrap) input {
	padding-right: 56px;
}
.my_setting_wrap .edit_info .item .box a[data-popup="nick_name_change_popup"] {
	width: 104px;
}
.my_setting_wrap .edit_info .item .box:has(a[data-popup="nick_name_change_popup"]) input {
	flex: 1 1 auto;
	width: initial;
}
.my_setting_wrap .edit_info .item .box .public_set_btn {
	flex: 1 1 30%;
}
.my_setting_wrap .edit_info .item .box .public_set_btn.on {
	color: white;
	border: none;
}
.my_setting_wrap .edit_info .item .box .public_set_btn.on:nth-child(1) {
	background-color: var(--m_c_main);
}
.my_setting_wrap .edit_info .item .box .public_set_btn.on:nth-child(2) {
	background-color: var(--p_c_yellow);
}
.my_setting_wrap .edit_info .item .box .public_set_btn.on:nth-child(3) {
	background-color: var(--t_c_normal);
}
.my_setting_wrap .edit_info .item:has(textarea) {
	grid-column: 2 / span 1;
	grid-row: 5 / span 5;
}
.my_setting_wrap .edit_info .item:has(textarea) .box {
	position: relative;
	align-self: flex-start;
	height: 100%;
}
.my_setting_wrap .edit_info .item:has(textarea) .box .txt_count {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 14px;
	color: var(--t_c_medium);
}
.my_setting_wrap .edit_info .item .box textarea {
	height: 100%;
	padding-bottom: 40px;
}
.mypage_wrap.my_setting_wrap .mypage_entire .my_pr_wrap {
	position: absolute;
	top: 160px;
}
.nick_name_change_popup .pop_con {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.nick_name_change_popup .pop_con strong {
	font-weight: 800;
}
.nick_name_change_popup .pop_con .int_err_txt ul {
	display: flex;
	gap: 5px;
}

/* 랭킹판 */
header.bg_wt,
header.bg_wt:after {
	background-color: transparent;
	border: none;
}
header.bg_wt .nav_bg {
	border: none;
	background-color: rgb(255 255 255 / 20%);
}
header.bg_wt.bg {
	background-color: rgb(25 25 50 / 80%);
}
header.bg_wt .h_nav_wrap .home a img {
	display: flex;
	width: 200px;
	height: 10px;
	overflow: initial;
}
header.bg_wt .h_nav_wrap .home a img:after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	content: "1111111111";
	width: 200px;
	height: 19px;
	display: flex;
	background: url("../img/gr_logo_wt.svg") no-repeat center / cover;
}
header.bg_wt nav > ul {
	color: white;
}
.wrap:has(.week_ranking_wrap) {
	background: url("../img/week_ranking_bg_01.png") no-repeat center top / cover;
	background-color: #191932;
}
.wrap:has(.week_ranking_wrap):before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1400px;
	height: 972px;
	background: url("../img/week_ranking_bg_02.png") no-repeat center top / cover;
}
.week_ranking_wrap {
	background: url("../img/week_ranking_bg_03.png") no-repeat left bottom / 350px;
}
.week_ranking_wrap .con {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 40px;
	padding-bottom: 80px;

	background: url("../img/week_ranking_bg_04.png") no-repeat right bottom / auto;
}
.week_ranking_wrap .rank_title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.week_ranking_wrap .rank_title p {
	font-size: 40px;
	font-weight: 700;
	color: #c4883d;
}
.week_ranking_wrap .rank_title img {
	display: block;
	height: 58px;
}
.week_ranking_wrap .rank_top_three {
	display: flex;
	align-items: center;
	justify-content: center;
}
.week_ranking_wrap .rank_top_three > div {
	position: relative;
	padding-top: 30px;
}
.week_ranking_wrap .rank_top_three .ranking_icon img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 60px;
}
.week_ranking_wrap .rank_top_three .center {
	padding-top: 40px;
}
.week_ranking_wrap .rank_top_three .center .ranking_icon img {
	top: -10px;
	height: 110px;
}
.week_ranking_wrap .rank_top_three .mem_profile {
	position: absolute;
	top: 68px;
	left: 50%;
	transform: translateX(-50%);
	width: 130px;
	height: 130px;
	border-radius: 50%;
	border: 8px solid white;
	background: url("") no-repeat center top / cover;
}
.week_ranking_wrap .rank_top_three .center .mem_profile {
	width: 180px;
	height: 180px;
	top: 98px;
}
.week_ranking_wrap .rank_top_three .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 5px;
}
.week_ranking_wrap .rank_top_three .item .point {
	font-size: 32px;
	font-weight: 800;
}
.week_ranking_wrap .rank_top_three .left .item {
	color: #c1c1c1;
}
.week_ranking_wrap .rank_top_three .right .item {
	color: #c0956a;
}
.week_ranking_wrap .rank_top_three .center .item {
	color: #d3a23c;
}
.week_ranking_wrap .rank_top_three .center .item .point {
	font-size: 40px;
}
.week_ranking_wrap .rank_range .item {
	display: flex;
	justify-content: center;
	gap: 40px;
}
.week_ranking_wrap .rank_range .item ul {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 5px;
	font-size: 14px;
	color: #9191fe;
	text-align: center;
}
.week_ranking_wrap .rank_range .item ul img {
	width: 50px;
	height: 50px;
	display: block;
}
.rank_list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 760px;
	margin: 0 auto;
	gap: 20px;
}
.week_ranking_wrap .rank_list .rank_slide_wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.week_ranking_wrap .rank_list .week_ranking {
	display: flex;
	align-items: center;
	overflow: hidden;
	border: 1px solid #6767b4;
	border-radius: 8px;
}

.week_ranking_wrap .rank_list .week_ranking .week_title {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 120px;
	height: 100%;
	white-space: nowrap;
	color: #bebee2;
	font-weight: 800;
}

.week_ranking_wrap .rank_list .rank_week_slide {
	flex: 1 1 auto;
	overflow: hidden;
}

.week_ranking_wrap .rank_list .rank_slide_con {
	display: flex;
	transition: transform 2s ease;
	width: max-content;
}

.week_ranking_wrap .rank_list .rank_slide_con .item {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-right: 20px;
	border-radius: 5px;
	height: 44px;
	color: #bebee2;
}
.week_ranking_wrap .rank_list .rank_slide_con .item img {
	width: 30px;
	height: 30px;
}
.week_ranking_wrap .rank_list .search_btn {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background-color: #6767b4;
	border-radius: 8px;
}
.week_ranking_wrap .rank_list .search_btn:after {
	content: "";
	display: flex;
	height: 100%;
	width: 100%;
	-webkit-mask: url("../img/search_icon.svg") no-repeat center / cover;
	mask: url("../img/search_icon.svg") no-repeat center / cover;
	mask-size: 20px;
	background-color: white;
}
.rank_table {
	z-index: 1;
}
.rank_table table th,
.rank_table table td {
	height: 45px;
	color: #bebee2;
	font-weight: 700;
	text-align: left;
	background-color: transparent;
}
.rank_table table th {
	border: none;
}
.rank_table table td {
	border-top: none;
	border-color: #34345b;
}
.rank_table table thead {
	position: relative;
}
.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;
}
.rank_table table .rank_num {
	text-align: right;
}
.rank_table table td.info > div {
	display: flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
}
.rank_table table td.info > div img {
	height: 30px;
	margin-bottom: 2px;
}
.rank_table table td.link {
	font-size: 12px;
	width: 114px;
}
.rank_table table td.link .rank_profile {
	position: relative;
	cursor: pointer;
}
.rank_table table td.link .rank_profile:hover .mem_profile_wrap {
	display: block;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
}
.rank_table table td.link .rank_profile .mem_profile_wrap .box {
	box-shadow: none;
}
.week_ranking_wrap .page_num a {
	color: var(--t_c_light);
}
.week_ranking_wrap .page_num a:hover {
	color: var(--m_c_light);
}
.week_ranking_wrap .page_num a.on {
	color: var(--m_c_light);
	border-color: var(--m_c_light);
}
.rank_nickname_find_popup input {
	background: url("../img/search_icon.svg") no-repeat 15px center;
	background-size: 20px;
	padding-left: 44px;
}

/* 게시판 */
.board_wrap > .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 44px;
}
.board_wrap .title a {
	display: flex;
	align-items: center;
	gap: 10px;
}
.board_wrap .sub_filter_wrap {
	position: relative;
	top: initial;
	height: 60px;
	margin-top: 30px;
}
.board_wrap .sub_filter_wrap .pagination ul {
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 5px;
}
.board_wrap .sub_filter_wrap .pagination ul li:nth-child(1) {
	font-weight: 800;
}
.board_wrap .sub_filter_wrap .pagination ul li:nth-child(3):before {
	content: "/";
	margin-right: 4px;
}
.board_wrap .board_view_table table th,
.board_wrap .board_view_table table td {
	padding: 12px 20px;
}
.board_wrap .board_view_table td {
	white-space: nowrap;
	width: 50px;
}
.board_wrap .board_view_table .title {
	white-space: normal;
	text-align: left;
	width: auto;
}
.board_wrap .board_view_table .title ul {
	display: flex;
	align-items: center;
	gap: 7px;
}
.board_wrap .board_view_table .title ul .txt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	padding-right: 10px;
}
.board_wrap .board_view_table .title ul .count {
	color: var(--p_c_red);
}

.board_wrap .board_view_table .author {
	text-align: left;
}
.board_wrap .board_view_table tr.notice {
	background-color: #edfaf2;
}
.board_wrap .board_view_table tr.notice td.num p {
	text-indent: -9999999999999px;
	display: none;
}
.board_wrap .board_view_table tr.notice td.num:after {
	content: "공지";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 20px;
	background-color: var(--m_c_main);
	border-radius: 4px;
	font-size: 12px;
	font-weight: 800;
	color: white;
}
tr.notice .board_mem_info_wrap .mem_img {
	display: none;
}
tr.notice .board_mem_info_wrap .nick_name {
	text-indent: -9999999999px;
	display: none;
}
tr.notice .board_mem_info_wrap:after {
	content: "골프락 관리자";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	color: var(--m_c_darker);
}
.board_mem_info_wrap {
	position: relative;
	display: flex;
	gap: 8px;
	align-items: center;
	cursor: pointer;
}
.board_mem_info_wrap .mem_img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid var(--t_c_lighter);
	background: url() no-repeat center / cover;
}
.board_mem_info_wrap .link {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 8px 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	z-index: 10;
	cursor: default;
}
.board_mem_info_wrap .link ul li a {
	padding: 4px;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
}
.board_mem_info_wrap .link ul li a:hover {
	color: var(--m_c_main);
}
.board_mem_info_wrap .link.active {
	display: block;
}
.board_wrap .board_view_table td.reco > div {
	display: flex;
	align-items: center;
	gap: 5px;
}
.board_wrap .board_view_table td.reco .icon {
	width: 16px;
	height: 16px;
	background: url("../img/reco_up_icon.svg") no-repeat center / cover;
}
.board_wrap > .page_num {
	padding-top: 50px;
}

/* 게시판 뷰 읽기 */
.board_wrap .wiew_board .top_title {
	margin-top: 30px;
}
.board_wrap .wiew_board .top_title ul {
	display: flex;
	justify-content: space-between;
	min-height: 60px;
	background-color: var(--t_c_section);
	border-top: 1px solid var(--t_c_darker);
	border-bottom: 1px solid var(--t_c_lighter);
	padding: 20px;
	gap: 40px;
	font-weight: 700;
}
.board_wrap .wiew_board .top_title ul .time {
	white-space: nowrap;
	font-weight: 400;
	color: var(--t_c_medium);
}
.board_wrap .wiew_board .meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 20px;
	border-bottom: 1px solid var(--t_c_lighter);
}
.board_wrap .wiew_board .meta .count {
	display: flex;
	align-items: center;
	gap: 20px;
}
.board_wrap .wiew_board .meta .count ul {
	display: flex;
	align-self: center;
	font-size: 14px;
	color: var(--t_c_medium);
	gap: 10px;
}
.board_wrap .wiew_board .read_con {
	padding: 30px 20px;
	line-height: 1.6;
	border-bottom: 1px solid var(--t_c_lighter);
	min-height: 350px;
}
.board_wrap .wiew_board .btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.board_wrap .wiew_board .btn .left .good {
	display: flex;
	padding: 5px 10px;
	border: 1px solid var(--t_c_light);
	border-radius: 4px;
}
.board_wrap .wiew_board .btn .left .good:before {
	content: "";
	display: flex;
	width: 18px;
	height: 18px;
	-webkit-mask: url("../img/reco_up_icon.svg") no-repeat center 1px;
	mask: url("../img/reco_up_icon.svg") no-repeat center 1px;
	background-color: var(--t_c_medium);
	margin-right: 5px;
	transition: all 0.3s;
}
.board_wrap .wiew_board .btn .left .good.on {
	background-color: var(--m_c_main);
	border-color: var(--m_c_main);
	color: white;
}
.board_wrap .wiew_board .btn .left .good.on:before {
	background-color: white;
}
.board_wrap .wiew_board .btn .right {
	display: flex;
	align-items: center;
	gap: 10px;
}
.board_wrap .comment_con_wrap {
	padding-top: 40px;
}
.board_wrap .comment_con_wrap .com_read_box {
	padding-bottom: 40px;
}
.board_wrap .comment_con_wrap .com_read_box .count_title {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 12px 20px;
	background-color: var(--t_c_section);
	border-top: 1px solid var(--t_c_lighter);
	border-bottom: 1px solid var(--t_c_lighter);
}
.board_wrap .comment_con_wrap .com_read_box .count_title span:first-child {
	font-weight: 700;
}
.board_wrap .comment_con_wrap .com_read_box .item {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 30px;
	padding: 20px;
	border-bottom: 1px solid var(--t_c_lighter);
}
.board_wrap .comment_con_wrap .com_read_box .item.depth_01 {
	padding-left: 70px;
}
.board_wrap .comment_con_wrap .com_read_box .item.depth_02 {
	padding-left: 115px;
}
.board_wrap .comment_con_wrap .com_read_box .item.depth_03 {
	padding-left: 160px;
}
.board_wrap .comment_con_wrap .com_read_box .item.depth_04 {
	padding-left: 205px;
}
.board_wrap .comment_con_wrap .com_read_box .item.depth_01 .board_mem_info_wrap:before,
.board_wrap .comment_con_wrap .com_read_box .item.depth_02 .board_mem_info_wrap:before,
.board_wrap .comment_con_wrap .com_read_box .item.depth_03 .board_mem_info_wrap:before,
.board_wrap .comment_con_wrap .com_read_box .item.depth_04 .board_mem_info_wrap:before {
	content: "";
	position: absolute;
	left: -40px;
	width: 20px;
	height: 20px;
	background: url("../img/re_mark_icon.svg") no-repeat center / 16px;
	cursor: pointer;
	pointer-events: none;
}
.board_wrap .comment_con_wrap .com_read_box .item.depth_02:before {
	left: 56px;
}
.board_wrap .comment_con_wrap .com_read_box .item .board_mem_info_wrap {
	flex: 0 0 auto;
	width: 160px;
}
.board_wrap .comment_con_wrap .com_read_box .item .com_view {
	flex: 1 1 auto;
	line-height: 1.6;
	display: flex;
	flex-direction: column;
}
.board_wrap .comment_con_wrap .com_read_box .item .com_view strong {
	font-weight: 800;
	margin-bottom: 5px;
}
.board_wrap .comment_con_wrap .com_read_box .item .com_view .txt {
	min-height: 40px;
}
.board_wrap .comment_con_wrap .com_read_box .item .com_view .com_btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 15px;
}
.board_wrap .comment_con_wrap .com_read_box .item .com_view .com_btn .time {
	font-size: 14px;
	color: var(--t_c_medium);
}
.board_wrap .comment_con_wrap .com_read_box .item .com_view .comment_write {
	display: none;
	margin-top: 20px;
}
.board_wrap .comment_con_wrap .page_num {
	justify-content: flex-end;
	padding-bottom: 40px;
}
.board_wrap .comment_con_wrap .comment_write {
	border: 1px solid var(--t_c_lighter);
	border-radius: 8px;
	padding: 20px;
}
.board_wrap .comment_con_wrap .comment_write textarea {
	padding: 0;
	border: none;
	border-radius: 0;
	line-height: 1.6;
	height: 152px;
	margin-bottom: 12px;
}
.board_wrap .comment_con_wrap .comment_write .submit_comment {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	padding-top: 15px;
	border-top: 1px solid var(--t_c_lighter);
}
.board_wrap .comment_con_wrap .post_view {
	margin-top: 40px;
	border: 1px solid var(--t_c_lighter);
	border-radius: 8px;
	padding: 20px;
	background-color: var(--t_c_section);
}
.board_wrap .comment_con_wrap .post_view .item {
	display: flex;
	align-items: center;
	gap: 30px;
}
.board_wrap .comment_con_wrap .post_view .item span {
	font-weight: 800;
}
.board_wrap .comment_con_wrap .post_view .item:last-child {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid var(--t_c_lighter);
}
.board_wrap .comment_con_wrap .post_view .item .no_next {
	pointer-events: none;
	cursor: default;
}

/* 게시판 쓰기 */
.board_wrap .write_board {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 30px;
}
.board_wrap .write_board > input {
	height: 44px;
}
.board_wrap .write_board .editor_wrap {
	border: 1px solid var(--t_c_lighter);
	border-radius: 8px;
	overflow: hidden;
}
.board_wrap .write_board .attachment {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--t_c_lighter);
	border-radius: 8px;
	padding: 20px;
}
.board_wrap .write_board .attachment a {
	width: 80px;
}
.board_wrap .write_board .attachment .upload_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--t_c_lighter);
}
.board_wrap .write_board .attachment .upload_box .title {
	font-weight: 800;
}
.board_wrap .write_board .attachment .upload_box input {
	display: none;
}
.board_wrap .write_board .attachment .state_txt {
	display: flex;
	align-items: end;
	justify-content: center;
	height: 40px;
}
.board_wrap .write_board .attachment .file_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
}
.board_wrap .write_board .attachment .file_item:not(:first-child) {
	border-top: 1px solid var(--t_c_lighter);
	margin-top: 10px;
}
.board_wrap .write_board .attachment .file_item .file_name {
	/* font-size: 14px; */
}
.board_wrap .write_board .attachment .file_item .del_btn {
	border: 1px solid var(--p_c_red);
	color: var(--p_c_red);
}
.board_wrap .write_board .attachment .file_item .del_btn:hover {
	color: white;
	background-color: var(--p_c_red);
}
.board_wrap .write_board .btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

/* 이벤트 게시판 */
.board_wrap .event_view {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.board_wrap .event_view .item {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}
.board_wrap .event_view .item img {
	width: 100%;
	object-fit: cover;
	display: block;
}
.board_wrap .event_view .item.soldout {
	cursor: default;
	pointer-events: none;
}
.board_wrap .event_view .item.soldout:after {
	content: "이벤트가 \A마감 되었습니다.";
	white-space: pre;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: white;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	background-color: rgba(15, 28, 35, 0.7);
}