@charset "UTF-8";
@import "gfr_fonts.css";

@font-face {
	font-family: "SUIT-Regular";
	src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	letter-spacing: -0.5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-break: keep-all;
	font-size: 16px;
	color: var(--t_c_normal);
	font-weight: 400;
	font-family: "SUIT", "Noto Sans KR", "맑은고딕" ,-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	/* line-height: 1.2; */

	-webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
	-ms-text-size-adjust : none;  /* IE */
	-moz-text-size-adjust : none;  /* 파이어폭스 */
	-o-text-size-adjust : none;  /* 오페라 구버전 */
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*:after,
*:before {
	box-sizing: border-box;
	font-size: inherit;
	color: inherit;
	font-family: inherit;
	line-height: inherit;
	font-weight: inherit;
}
*[onclick] {
	cursor: pointer;
}
html {
	height: 100%;
}
body {
	position: relative;
	height: 100%;
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
	min-width: 1460px;
	/* overflow-x: hidden; */
	overflow-y: auto;
}
body.no-scroll {
	overflow: hidden;
}
div, span, strong, p, h1, h2, h3, h4, h5, h6, pre, table, thead, tr, th, td {
	font-size: inherit;
	color: inherit;
	font-family: inherit;
	line-height: inherit;
	font-weight: inherit;
	text-align: inherit;
}
:root {
	/* 컬러 */
	--t_c_darker : #212B36;
	--t_c_dark : #374856;
	--t_c_darker : #212B36;
	--t_c_normal : #454F5B;
	--t_c_medium : #637381;
	--t_c_light : #919EAB;
	--t_c_lighter : #C4CDD5;
	--t_c_thin : #DFE3E8;
	--t_c_table : #EFF1F3;
	--t_c_section : #F4F6F8;

	--m_c_darker : #004B50;
	--m_c_dark : #007867;
	--m_c_main : #00A76F;
	--m_c_light : #5BE49B;
	--m_c_lighter : #C8FAD6;
	--m_c_white : white;
	--m_c_main : #00A76F;
	--m_c_main : #00A76F;

	--p_c_red : #FF5630;
	--p_c_red_dk : #B71D18;
	--p_c_yellow : #FFAB00;
	--p_c_blue : #007FFE;
	
	/* 폰트싸이즈 */
	--f_s_18: 18px;
	--f_s_20: 20px;
	--f_s_22: 22px;
	--f_s_28: 28px;

	/* 슬라이더 폰트 싸이즈 */
	--swiper-navigation-size : 20px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
	color: var(--t_c_medium);
}
.swiper-button-next{
	right: 0px;
	top: 120px;
	z-index: 1;
}
.swiper-button-prev{
	left: 0px;
	top: 120px;
	z-index: 1;
}
.swiper-button-lock,
.swiper-pagination-lock{
	display: block;
}
.m_c_darker{background-color: var(--m_c_darker)}
.m_c_dark{background-color: var(--m_c_dark)}
.m_c_main{background-color: var(--m_c_main)}
.m_c_light{background-color: var(--m_c_light)}
.m_c_lighter{background-color: var(--m_c_lighter)}
.m_c_white{background-color: var(--m_c_white)}
.m_c_main{background-color: var(--m_c_main)}
.m_c_main{background-color: var(--m_c_main)}
.m_c_main{background-color: var(--m_c_main)}

.t_c_darker{background-color: var(--t_c_darker)}
.t_c_dark{background-color: var(--t_c_dark)}
.t_c_normal{background-color: var(--t_c_normal)}
.t_c_medium{background-color: var(--t_c_medium)}
.t_c_light{background-color: var(--t_c_light)}
.t_c_lighter{background-color: var(--t_c_lighter)}
.t_c_thin{background-color: var(--t_c_thin)}
.t_c_table{background-color: var(--t_c_table)}
.t_c_section{background-color: var(--t_c_section)}
h2 {
	font-size: var(--f_s_28);
	font-weight: 800;
}
h3 {
	font-size: var(--f_s_22);
	font-weight: 800;
}
h4 {
	font-size: var(--f_s_20);
	font-weight: 800;
}
h5 {
	font-size: var(--f_s_18);
	font-weight: 800;
}
h6 {
	font-size: var(--f_s_28);
	font-weight: 800;
}
ul {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-align: inherit;
	clear: both;
}
li {
	color: inherit;
	list-style: none;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: inherit;
}
img {
	border: 0;
	text-align: inherit;
	font-size: 0;
	/* 이미지 랜더링 흐림방지 */
	image-rendering: -webkit-optimize-contrast;
	transform: translateZ(0);
	backface-visibility: hidden;
}
a {
	text-decoration: none;
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
	text-align: inherit;
	line-height: inherit;
	display: block;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: all 0.3s;
	cursor: pointer;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
a.under_line {
	text-decoration-line: underline;
}
a.disabled{
	position: relative;
	border: 1px solid var(--t_c_lighter) !important;
	background-color: var(--t_c_table) !important;
	color: var(--t_c_light) !important;
	pointer-events: none !important;
}
input {
	background-color: white;
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 50px;
	padding: 0 15px;
	width: 100%;
	transition: all 0.3s;
	border: 1px solid var(--t_c_lighter);
	border-radius: 8px;
}
select {
	font-family: inherit;
	background: url("../img/select_arrow_icon.svg") no-repeat calc(100% - 14px) center;
	background-color: white;
	background-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0px 15px;
	padding-right: 44px;
	height: 50px;
	width: 100%;
	transition: all 0.3s;
	border: 1px solid var(--t_c_lighter);
	border-radius: 8px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
select:invalid {
	color: var(--t_c_light);
}
input:disabled,
select:disabled{
	background-color: var(--t_c_table);
	cursor: no-drop;
}
option {color: var(--t_c_normal)}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}
input[type="number"] {
	-moz-appearance: textfield;
}
select::-ms-expand {
	display: none;
}
textarea{
	background-color: white;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px;
    width: 100%;
    transition: all 0.3s;
    border: 1px solid var(--t_c_lighter);
    border-radius: 8px;
	resize: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: var(--t_c_light);
	font-size: inherit;
}
input:focus,
input:focus,
select:focus,
textarea:focus {
	border-color: var(--m_c);
	outline: none;
}
.pop_con select,
.pop_con input{
	height: 44px;
}
.int_err_txt{
	font-size: 14px;
	color: var(--p_c_red);
}

/* 데이터피커 2개 */
.daterangepicker{
	border-radius: 8px;
	width: 586px;
	box-shadow: 0px 0px 12px rgba(55, 72, 86, 0.2);
	border-color: var(--t_c_lighter);
	z-index: 1;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
	font-size: 14px;
	width: 36px;
	height: 36px;
	color: var(--t_c_normal);
	font-weight: 600;
}
.daterangepicker td.disabled.off,
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
    text-decoration: none;
	 color: var(--t_c_lighter);
}
.daterangepicker td.in-range {
    background-color: var(--m_c_lighter);
    border-color: transparent;
    color: #000;
    border-radius: 0;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--m_c_main);
    border-color: transparent;
    color: #fff;
}
.daterangepicker .drp-calendar{
	max-width: initial;
}
.daterangepicker .drp-calendar .calendar-table{
	position: relative;
	padding-top: 40px;
}
.daterangepicker .drp-calendar.right {
    padding: 20px;
}
.daterangepicker .drp-calendar.left {
    padding: 20px 0 20px 20px;
}
.daterangepicker td.start-date {
    border-radius: 8px 0 0 8px;
}
.daterangepicker td.end-date {
    border-radius: 0 8px 8px 0;
}

.daterangepicker th.month select{
	width: initial;
	height: 30px;
	padding: 0px 5px;
	cursor: pointer;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect{
	font-size: 15px;
	border: none;
	background: none;
	font-weight: 700;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span{
	margin-top: 13px;
}
.daterangepicker .calendar-table table thead{
	position: relative;
}
.daterangepicker .calendar-table table thead tr:first-child{
	display: flex;
	position: absolute;
	width: 100%;
	top: -35px;
	align-items: center;
    justify-content: space-between;
}
.daterangepicker .calendar-table table thead tr:first-child .month{
	display: flex;
	gap: 5px;
}
.daterangepicker .calendar-table table thead tr:first-child .monthselect{
	order: 2;
}
.daterangepicker .calendar-table table thead tr:first-child th{
	width: initial;
}
.daterangepicker .calendar-table table thead tr:nth-child(2) th{
	cursor: default;
}
.daterangepicker .calendar-table table thead tr:hover,
.daterangepicker .calendar-table table thead tr th:hover{
	background-color: transparent;
}
.po_re {
	position: relative;
}
.txt_c {
	text-align: center;
}
.txt_l {
	text-align: left;
}
.txt_r {
	text-align: right;
}
.of_hi {
	overflow: hidden;
}
.dp_non{
	display: none;
}
.required{
	color: var(--p_c_red);
	font: inherit;
	line-height: 1;
}
.required:before{
	content: "＊";
	font: inherit;
}
.bk_hide {
	background-color: rgba(15, 28, 35, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	visibility: hidden;
	animation: bk_hide 0.8s linear;
	animation-delay: 0.5s;
	opacity: 0;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
.bk_hide.on {
	transition: all 0.3s;
	visibility: visible;
	opacity: 1;
}
.con {
	width: 1460px;
	padding: 40px 30px;
	margin: 0 auto;
	position: relative;
}
.state_close_btn {
	position: absolute;
	top: 20;
	right: 20px;
	width: 30px;
	height: 30px;
	padding: 5px;
	background: url('../img/close_btn_icon.svg') no-repeat center / cover;
	background-size: 20px;
	transition: ease-in-out 0.3s;
}
.state_close_btn:hover{
	transform: rotate(180deg);
}
.wrap{
	position: relative;
	width: 100%;
	padding-top: 100px;
	min-height: calc(100% - 478px);
}

/* 버튼 */
.btn_c_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 20px;
}
.xl_btn a,
a.xl_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 25px;
	height: 50px;
	border-radius: 8px;
	color: white;
	font-size: 20px;
	font-weight: 600;
	transition: all 0.3s;
}
.xl_btn.t_c_table a,
a.xl_btn.t_c_table,
.xl_btn.m_c_white a,
a.xl_btn.m_c_white {
	color: var(--t_c_medium);
	border: 1px solid var(--t_c_lighter);
}
.xl_btn.t_c_thin a,
a.xl_btn.t_c_thin,
.xl_btn.t_c_section a,
a.xl_btn.t_c_section {
	color: var(--t_c_normal);
}
.xl_btn.m_c_lighter a,
a.xl_btn.m_c_lighter  {
	color: var(--m_c_main);
}

.l_btn a,
a.l_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	height: 44px;
	border-radius: 8px;
	color: white;
	font-size: 18px;
	font-weight: 500;
	transition: all 0.3s;
}
.l_btn.t_c_table a,
a.l_btn.t_c_table,
.l_btn.m_c_white a,
a.l_btn.m_c_white {
	color: var(--t_c_medium);
	border: 1px solid var(--t_c_lighter);
}
.l_btn.t_c_thin a,
a.l_btn.t_c_thin,
.l_btn.t_c_section a,
a.l_btn.t_c_section {
	color: var(--t_c_normal);
}
.l_btn.m_c_lighter a,
a.l_btn.m_c_lighter  {
	color: var(--m_c_main);
}

.m_btn a,
a.m_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
	height: 40px;
	border-radius: 8px;
	color: white;
	font-size: 16px;
	font-weight: 500;
	transition: all 0.3s;
}
.m_btn.t_c_table a,
a.m_btn.t_c_table,
.m_btn.m_c_white a,
a.m_btn.m_c_white {
	color: var(--t_c_normal);
	border: 1px solid var(--t_c_light);
}
.m_btn.t_c_thin a,
a.m_btn.t_c_thin,
.m_btn.t_c_section a,
a.m_btn.t_c_section {
	color: var(--t_c_normal);
}
.m_btn.m_c_lighter a,
a.m_btn.m_c_lighter  {
	color: var(--m_c_main);
}
.m_btn.delete a,
a.m_btn.delete  {
	background-color: var(--p_c_red);
}

.s_btn a,
a.s_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
	height: 30px;
	border-radius: 6px;
	color: white;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s;
}
.s_btn.t_c_table a,
a.s_btn.t_c_table,
.s_btn.m_c_white a,
a.s_btn.m_c_white {
	color: var(--t_c_normal);
	border: 1px solid var(--t_c_light);
}
.s_btn.t_c_thin a,
a.s_btn.t_c_thin,
.s_btn.t_c_section a,
a.s_btn.t_c_section {
	color: var(--t_c_normal);
}
.s_btn.m_c_lighter a,
a.s_btn.m_c_lighter  {
	color: var(--m_c_main);
}
.s_btn.p_c_red a,
a.s_btn.p_c_red  {
	background-color: var(--p_c_red);
}
.m_btn.p_c_red a,
a.m_btn.p_c_red  {
	background-color: var(--p_c_red);
}
a.p_c_red:hover,
.p_c_red:hover a{
	background-color: var(--p_c_red_dk);
}
a.m_c_darker:hover,
.m_c_darker:hover a{
	background-color: var(--t_c_darker);
}
a.m_c_dark:hover,
.m_c_dark:hover a{
	background-color: var(--m_c_darker);
}
a.m_c_main:hover,
.m_c_main:hover a{
	background-color: var(--m_c_dark);
}
a.m_c_light:hover,
.m_c_light:hover a{
	background-color: var(--m_c_main);
}
a.m_c_lighter:hover,
.m_c_lighter:hover a{
	background-color: var(--m_c_main);
	color: white;
}
a.t_c_normal:hover,
.t_c_normal:hover a{
	background-color: var(--m_c_main);
}
a.m_c_white:hover,
.m_c_white:hover a{
	background-color: var(--m_c_lighter);
	color: var(--m_c_dark);
	border-color: var(--m_c_dark);
}

/* 파일 업로드 */
input[type="file"] {
	display: none;
}
.filebox {
	display: flex;
	grid-gap: 10px;
}
.filebox .btn_upload {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 36px;
	min-width: 140px;
	height: 60px;
	border-radius: 6px;
	color: white;
	font-weight: 500;
	transition: all 0.3s;
	background-color: #626671;
	cursor: pointer;
}
.filebox .btn_upload:hover {
	background-color: var(--txt_3);
}

/* 팝업 */
.layer_popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 10000;
	padding: 102px 15px;
}
.layer_popup.on {
	display: flex;
	animation: popup_move 0.7s both;
}
.layer_popup.on.no_any {
    animation: none;
}
.layer_popup .popup_box {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: white;
	overflow: hidden;
	border-radius: 14px;
	/* box-shadow: 0px 0px 10px 0px rgb(167 183 209 / 30%); */
	box-shadow: 0px 0px 20px 0px rgb(33 43 54 / 24%);
	background-color: white;
	min-width: 420px;
	max-width: 800px;
}
@keyframes popup_move {
	from {
		opacity: 0;
		transform: translateY(40px);
	}
}
.layer_popup .popup_box > .title{
	position: relative;
	padding: 25px 60px 20px 20px;
	flex: 0 0 auto;
}
.layer_popup .popup_box .title .state_close_btn{
	position: absolute;
	top: 25px;
	right: 20px;
	width: 15px;
	height: 15px;
}
.layer_popup .popup_box .pop_con{
	position: relative;
	flex: 1 1 auto;
	overflow-x: hidden;
	margin: 0px 20px;
}
.layer_popup .popup_box.type_01 .pop_con{
	padding: 20px 0px;
	border-bottom: 1px solid var(--t_c_lighter);
	border-top: 1px solid var(--t_c_lighter);
}
.layer_popup:has(.popup_box.type_01){
	background-color: transparent;
}
.layer_popup .popup_box.type_02 .pop_con{
	padding-top: 20px;
	border-top: 1px solid var(--t_c_lighter);
}
.layer_popup:has(.popup_box.type_02){
	background-color: transparent;
}
.layer_popup .popup_box.type_03 .pop_con{
	border : none;
	margin: 0;
	overflow: hidden;
}
.layer_popup .popup_box .popup_btn{
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	padding: 20px;
}
.layer_popup .popup_box .popup_btn .right{
	display: flex;
	align-items: center;
	gap: 10px;
}
.layer_popup .popup_box .loading_bar_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	grid-gap: 30px;
	padding: 30px;
}

/* 로딩바 */

/* loading */
.loading_box{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 16px;
	z-index: 999999;
}
.loading_box.on{
	display: flex;
}
@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
@-moz-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
@-webkit-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
@-o-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
.loading_con, .loading {
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}
.loading {
	border: 4px solid transparent;
	border-color: transparent #fff transparent #FFF;
	-moz-animation: rotate-loading 1s linear 0s infinite normal;
	-moz-transform-origin: 50% 50%;
	-o-animation: rotate-loading 1s linear 0s infinite normal;
	-o-transform-origin: 50% 50%;
	-webkit-animation: rotate-loading 1s linear 0s infinite normal;
	-webkit-transform-origin: 50% 50%;
	animation: rotate-loading 1s linear 0s infinite normal;
	transform-origin: 50% 50%;
}
.loading_con:hover .loading,
.loading_con .loading {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.loading_text {
	-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
	-o-animation: loading-text-opacity 2s linear 0s infinite normal;
	-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
	animation: loading-text-opacity 2s linear 0s infinite normal;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	margin-top: 26px;
	opacity: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 100px;
}
.loading_info {
	-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
	-o-animation: loading-text-opacity 2s linear 0s infinite normal;
	-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
	animation: loading-text-opacity 2s linear 0s infinite normal;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	margin-top: 38px;
	opacity: 0;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 100%;
}

/* 테이블 */
table {
	width: 100%;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: inherit;
	color: inherit;
}
table tr {
	font-size: inherit;
	color: inherit;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	transition: all 0.3s;
	cursor: default;
}
table th,
table td {
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: inherit;
	color: inherit;
	text-align: center;
	height: 48px;
	line-height: 1.3;
	padding: 12px 25px;
	word-break: break-all;
	overflow: break-word;
}
table th {
	border-bottom: 1px solid var(--t_c_medium);
	background-color: var(--t_c_table);
	font-weight: 500;
	color: var(--t_c_darker);
}
table td {
	border-top: 1px solid #d5ddea;
	border-bottom: 1px solid #d5ddea;
}

/* 테이블 두번째 */
.row_table_wrap table th{
	position: sticky;
	z-index: 1;
	top: 100px;
}
.row_table_wrap table th,
.row_table_wrap table td{
 padding: 0;
 border: none;
 background-color: white;
 text-align: left;
 font-size: 15px;
 padding-bottom: 10px;
}
.row_table_wrap table tr:last-child td{
	padding-bottom: 0;
}
.row_table_wrap table th{
	height: initial;
}
.row_table_wrap table th > div:first-child{
	background-color: white;
	height: 40px;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.row_table_wrap table th > div:last-child{
	display: flex;
	align-items: center;
	padding: 12px 15px;
	background-color: var(--t_c_table);
	height: 48px;
	margin-top: 20px;
}
.row_table_wrap table th:first-child > div:last-child{
	border-radius: 8px 0px 0px 8px;
	padding-left: 25px;
}
.row_table_wrap table th:last-child > div:last-child{
	border-radius: 0px 8px 8px 0px;
	padding-right: 25px;
}
.row_table_wrap table tr td > div{
	display: flex;
	align-items: center;
	padding: 12px 15px;
	height: 100%;
	border-top: 1px solid var(--t_c_lighter);
	border-bottom: 1px solid var(--t_c_lighter);
}
.row_table_wrap table tr td:first-child > div{
	border-radius: 8px 0px 0px 8px;
	padding-left: 25px;
	border-left: 1px solid var(--t_c_lighter);
}
.row_table_wrap table tr td:last-child > div{
	border-radius: 0px 8px 8px 0px;
	padding-right: 25px;
	border-right: 1px solid var(--t_c_lighter);
}
.row_table_wrap table tr td.title,
.row_table_wrap table tr td.price{
	font-size: 16px;
	font-weight: 700;
}
.row_table_wrap table tr td.remark{
	width: 210px;
}
.row_table_wrap table tr td.remark .tb_btn{
	gap: 10px;
}
.row_table_wrap table tr td.remark .tb_btn a{
	flex: 1 1 40%;
}
.row_table_wrap table tr.res_sold_out div{
	background-color: var(--t_c_section);
}
.row_table_wrap table tr.res_sold_out td.title ul li:last-child,
.row_table_wrap table tr.res_sold_out td.price{
	text-decoration-line: line-through;
}
.row_table_wrap table tr.res_sold_out td.remark .tb_btn a{
	pointer-events: none;
}

/* 테이블 상단 등록 */
.tb_regist {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 16px;
	grid-gap: 10px;
	padding-bottom: 20px;
}
.tb_regist input {
	height: 40px;
	padding: 0 16px;
	background-color: #f7f8fc;
	transition: all 0.3s;
	border: 1px solid #dee5ef;
	border-radius: 4px;
	width: 300px;
}
.tb_regist .filebox .btn_upload {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 25px;
	height: 40px;
	border-radius: 4px;
	font-size: 16px;
	color: white;
	font-weight: 500;
	transition: all 0.3s;
	background-color: #626671;
	min-width: initial;
}
.tb_regist .filebox .btn_upload:hover {
	background-color: var(--txt_3);
}

/* 페이지 넘버 */
.page_num {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 8px;
}
.page_num a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 6px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s;
	color: var(--t_c_medium);
}
.page_num a:hover {
	color: var(--m_c_main);
}
.page_num a.on {
	color: var(--m_c_main);
	border: 1px solid var(--m_c_main);
}
.page_num .first_page,
.page_num .prev,
.page_num .next,
.page_num .last_page {
	padding: 0;
}
.page_num .first_page,
.page_num .last_page {
	letter-spacing: -2px;
}
/* 체크박스 스몰 */
label.checkbox_s{
	display: flex;
	align-items: center;
	cursor: pointer;
}
label.checkbox_s input[type="checkbox"]{
	display: none;
}
label.checkbox_s .check_item{
	display: flex;
	align-items: center;
	gap: 10px;
}
label.checkbox_s .check_img{
	width: 16px;
	height: 16px;
	border: 1px solid var(--t_c_light);
	border-radius: 3px;
	background: url() no-repeat center / cover;
	background-size: 10px;
	background-color: white;
}
label.checkbox_s p{
	font-size: 14px;
	margin-top: 1px;
	user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
label.checkbox_s input[type="checkbox"]:checked + .check_item .check_img{
	background-image: url('../img/check_icon.svg');
	background-color: var(--m_c_main);
	border-color: var(--m_c_main);
}

/* 체크박스 미디엄 */
label.checkbox_m{
	display: flex;
	align-items: center;
	cursor: pointer;
}
label.checkbox_m input[type="checkbox"]{
	display: none;
}
label.checkbox_m .check_item{
	display: flex;
	align-items: center;
	gap: 10px;
}
label.checkbox_m .check_img{
	width: 18px;
	height: 18px;
	border: 1px solid var(--t_c_light);
	border-radius: 4px;
	background: url() no-repeat center / cover;
	background-size: 12px;
	background-color: white;
}
label.checkbox_m p{
	font-size: 16px;
	user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
label.checkbox_m input[type="checkbox"]:checked + .check_item .check_img{
	background-image: url('../img/check_icon.svg');
	background-color: var(--m_c_main);
	border-color: var(--m_c_main);
}

/* 체크박스 스위치 */
.chk_switch_wrap .switch_label .switch_int {
	display: none;
}
.chk_switch_wrap .switch_label {
	position: relative;
	cursor: pointer;
	display: inline-block;
	width: 40px;
	height: 24px;
	background: var(--t_c_section);
	border: 2px solid var(--t_c_lighter);
	border-radius: 20px;
	transition: all 0.3s;
}
.chk_switch_wrap .switch_label:hover {
	background: var(--t_c_thin);
}
.chk_switch_wrap .onf_btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 4px;
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: var(--t_c_light);
	transition: all 0.3s;
}
.chk_switch_wrap .switch_label:has(.switch_int:checked) {
  background: var(--m_c_main);
  border: 2px solid var(--m_c_main);
}
.chk_switch_wrap .switch_label:has(.switch_int:checked):hover {
	background: var(--m_c_dark);
	border: 2px solid var(--m_c_dark);
}
.chk_switch_wrap .switch_label .switch_int:checked + .onf_btn {
	left: 18px;
	background: #fff;
	box-shadow: 1px 2px 3px #00000020;
}

/* 체크박스 라지 */
label.checkbox_l{
	display: flex;
	align-items: center;
	cursor: pointer;
}
label.checkbox_l input[type="checkbox"]{
	display: none;
}
label.checkbox_l .check_item{
	display: flex;
	align-items: center;
	gap: 10px;
}
label.checkbox_l .check_img{
	width: 22px;
	height: 22px;
	border: 1px solid var(--t_c_light);
	border-radius: 4px;
	background: url() no-repeat center / cover;
	background-size: 14px;
	background-color: white;
}
label.checkbox_l p{
	font-size: 18px;
	line-height: 1;
	user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
label.checkbox_l input[type="checkbox"]:checked + .check_item .check_img{
	background-image: url('../img/check_icon.svg');
	background-color: var(--m_c_main);
	border-color: var(--m_c_main);
}

/* 테이블 서브 필터 검색 */
.sub_filter_wrap{
	position: sticky;
	top: 100px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	height: 100px;
	padding-bottom: 20px;
	background-color: white;
	margin-top: 20px;
	z-index: 1;
}
.sub_filter_wrap a.m_btn,
.sub_filter_wrap select,
.sub_filter_wrap input{
	height: 40px;
	border-color: var(--t_c_lighter);
	font-weight: 400;
	width: initial;
}
.sub_filter_wrap a.m_c_white:hover, 
.sub_filter_wrap .m_c_white:hover a,
.sub_filter_wrap select:hover,
.sub_filter_wrap input:hover {
    border-color: var(--m_c_dark);
}
.sub_filter_wrap .left{
	display: flex;
	align-items: center;
	gap: 8px;
}
.sub_filter_wrap .left .day{
	display: flex;
	align-items: center;
	gap: 8px;
}
.sub_filter_wrap .left .day a:before{
	-webkit-mask: url("") no-repeat center;
	mask: url("") no-repeat center;
	background-color: var(--t_c_medium);
	margin-right: 8px;
	transition: all 0.3s;
}
.sub_filter_wrap .left .day a.all:before{
	content: "";
	width: 20px;
	height: 20px;
	mask-image: url('../img/day_all_icon.svg');
}
.sub_filter_wrap .left .day a.am:before{
	content: "";
	width: 20px;
	height: 20px;
	mask-image: url('../img/day_am_icon.svg');
}
.sub_filter_wrap .left .day a.pm:before{
	content: "";
	width: 20px;
	height: 20px;
	mask-image: url('../img/day_pm_icon.svg');
}
.sub_filter_wrap .left .day a.night:before{
	content: "";
	width: 20px;
	height: 20px;
	mask-image: url('../img/day_night_icon.svg');
}
.sub_filter_wrap .left .day a.on{
	color: white;
	background-color: var(--t_c_normal);
	border-color: transparent !important;
	font-weight: 600;
}
.sub_filter_wrap .left .day a.all:hover:before,
.sub_filter_wrap .left .day a.am:hover:before,
.sub_filter_wrap .left .day a.pm:hover:before,
.sub_filter_wrap .left .day a.night:hover:before{
	background-color: var(--m_c_dark);
}
.sub_filter_wrap .left .day a.on.all:before,
.sub_filter_wrap .left .day a.on.am:before,
.sub_filter_wrap .left .day a.on.pm:before,
.sub_filter_wrap .left .day a.on.night:before{
	background-color: white;
}
.sub_filter_wrap .right{
	display: flex;
	gap: 8px;;
}
.sub_filter_wrap .right .sub_txt{
	display: flex;
	align-items: center;
	font-size: 12px;
	text-align: right;
}

/* 데이터피커 커스텀 */
.i_datepicker input {
	cursor: pointer;
}
.i_datepicker img {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: url(../img/ico_datepicker.svg) no-repeat center/cover;
}
#ui-datepicker-div {
	z-index: 9 !important;
	width: 632px !important;
}
.ui-widget-header {
	border: 0px solid #dddddd;
	background: #fff;
}
.ui-datepicker-calendar > thead > tr > th {
	font-size: 14px !important;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 10px 0px 15px 0px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 0px solid #c5c5c5;
	background-color: transparent;
	font-weight: normal;
	color: var(--t_c_normal);
	text-align: center;
	padding: 0;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 0em;
	line-height: 16px;
	text-align: center;
	font-size: 15px;
	padding: 0px;
	font-weight: 700;
}
.ui-datepicker {
	display: none;
	background-color: #fff;
	border-radius: 4px;
	margin-top: 7px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 25px 15px 20px 15px;
	width: 300px;
	box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1);
}

.ui-widget.ui-widget-content {
	border-radius: 8px;
	box-shadow: 0px 0px 12px rgba(55, 72, 86, 0.2);
	border-color: var(--t_c_lighter);
}
#datepicker:focus > .ui-datepicker {
	display: block;
}
.ui-datepicker-prev,
.ui-datepicker-next {
	cursor: pointer;
}
.ui-datepicker-next {
	float: right;
}
.ui-state-disabled {
	cursor: auto;
	color: hsla(0, 0%, 80%, 1);
}
.ui-datepicker-title {
	text-align: center;
	padding: 10px;
	font-weight: 100;
	font-size: 20px;
}
.ui-datepicker-calendar {
	width: 100%;
}
.ui-datepicker-calendar > thead > tr > th {
	padding: 5px;
	font-size: 20px;
	font-weight: 500;
	height: initial;
	background-color: transparent;
}
.ui-datepicker-calendar > tbody > tr > td > a {
	color: var(--t_c_normal);
	font-size: 14px !important;
	font-weight: 500 !important;
	text-decoration: none;
}
.ui-datepicker-calendar > tbody > tr > .ui-state-disabled:hover {
	cursor: auto;
	background-color: #fff;
}
.ui-datepicker-calendar > tbody > tr > td {
	border-radius: 100%;
	width: 40px;
	height: 40px;
	cursor: pointer;
	padding: 0px;
	font-weight: 100;
	text-align: center;
	font-size: 12px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 0px solid #cccccc;
	background-color: transparent;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-datepicker-calendar > tbody > tr > td:first-child a {
	color: var(--p_c_red);
}
.ui-datepicker-calendar > tbody > tr > td:last-child a {
	color: var(--t_c_normal);
}
.ui-datepicker-calendar > thead > tr > th:first-child {
	color: var(--p_c_red);
}
.ui-datepicker-calendar > thead > tr > th:last-child {
	color: var(--t_c_normal);
}
.ui-datepicker-calendar > tbody > tr > td:hover {
	background-color: transparent;
	color: var(--m_c_light);
}
.ui-datepicker-calendar > tbody > tr > td:hover a{
	border-radius: 5px;
	background: #eee;
}
.ui-state-default.ui-state-active {
	border: 0px;
	background: var(--m_c_main) !important;
	color: white ;
	border-radius: 5px;
	padding: 0;
	width: 36px;
	height: 36px;
}
.inp {
	padding: 10px 10px;
	background-color: #f1f1f1;
	border-radius: 4px;
	border: 0px;
}
#ui-datepicker-div > *{
    font-family: "SUIT", "Noto Sans KR", "맑은고딕", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
	top: 2px !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
	text-indent: 0px;
	font-weight: 500 !important;
	color: var(--t_c_normal) !important;
}
.ui-datepicker .ui-datepicker-prev{
	left: 14px;
}
.ui-datepicker .ui-datepicker-next {
	right: 10px;
}

/* 왼쪽 예약 정보 */
.choice_info_wrap{
	flex: 0 0 auto;
	width: 350px;
}
.choice_info_wrap .box{
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 100px;
	gap: 30px;
	z-index: 1;
	padding-top: 40px;
}
.choice_info_wrap .golf_cc_img{
	width: 100%;
	height: 223px;
	border-radius: 12px;
	background: url() no-repeat center / cover;
}
.choice_info_wrap .golf_course .info{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.choice_info_wrap .golf_course .title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--t_c_lighter);
}
.choice_info_wrap .golf_course .info .after_login{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.choice_info_wrap .golf_course .info .after_login ul{
	display: flex;
	align-items: center;
}
.choice_info_wrap .golf_course .info .after_login ul li:nth-child(1){
	flex: 0 0 auto;
	width: 48px;
	color: var(--t_c_medium);
}
.choice_info_wrap .golf_course .info .after_login ul li:nth-child(2){
	flex: 1 1 auto;
	font-weight: 600;
}
.choice_info_wrap .golf_course .login_btn{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.choice_info_wrap .golf_course .gps_setting a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 45px;
	background: url('../img/gps_icon.svg') no-repeat 20px center;
	background-color: var(--t_c_normal);
	font-size: 16px;
}
.choice_info_wrap .golf_course .gps_setting a:hover{
	background-color: var(--t_c_dark);
}
.choice_info_wrap .golf_course .gps_setting a p:nth-child(2){
	font-size: 14px;
	font-weight: 400;
}
.choice_info_wrap .time_select_img{
	width: 100%;
	height: 223px;
	border-radius: 12px;
	background: url('../img/right_time_img.png') no-repeat center / cover;
}
.choice_info_wrap .time_select_img p{
	color: white;
	font-size: 32px;
	font-weight: 800;
	padding: 30px;
	width: 272px;
}
.choice_info_wrap .person_info{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.choice_info_wrap .person_info select,
.choice_info_wrap .person_info input{
	height: 44px;
}
.choice_info_wrap .person_info .mem_profile{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.choice_info_wrap .person_info .user{
	position: relative;
}
.choice_info_wrap .person_info .user .box{
	top: 0;
}
.choice_info_wrap .person_info .user .mem_img{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 8px;
	background-color: var(--t_c_thin);
	font-weight: 600;
	color: var(--t_c_light);
	font-size: 18px;
}
.choice_info_wrap .person_info .user.man .mem_img:hover .mem_profile_wrap,
.choice_info_wrap .person_info .user.woman .mem_img:hover .mem_profile_wrap {
	display: block;
	top: 50%;
	transform: translateY(-50%);
	right: -222px;
	padding-left: 0px;
}
.choice_info_wrap .person_info .user .mem_img:before {
	content: "대기";
}
.choice_info_wrap .person_info .user.man .mem_img,
.choice_info_wrap .person_info .user.woman .mem_img {
	background: url() no-repeat center / cover;
	background-color: var(--t_c_thin);
}
.choice_info_wrap .person_info .user.man .mem_img {
	border: 6px solid var(--p_c_blue);
}
.choice_info_wrap .person_info .user.woman .mem_img {
	border: 6px solid var(--p_c_red);
}
.choice_info_wrap .person_info .user.man .mem_img:before,
.choice_info_wrap .person_info .user.woman .mem_img:before {
	content: "";
}
.choice_info_wrap .person_info .option{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.choice_info_wrap .person_info .option select{
	flex: 1 1 40%;
}
.choice_info_wrap .person_info .option a{
	font-size: 16px;
	flex: 1 1 40%;
}
.choice_info_wrap .person_info .policy_chk{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px;
	height: 44px;
	background-color: var(--t_c_normal);
	border-radius: 8px;
	transition: all 0.3s;
}
.choice_info_wrap .person_info .policy_chk .check_item p{
	color: white;
}
.choice_info_wrap .person_info .policy_chk a{
	color: white;
	font-size: 14px;
}
.choice_info_wrap .person_info .policy_chk:has(input[type="checkbox"]:checked) {
	background-color: var(--t_c_darker);
}
.choice_info_wrap .person_info .btn{
	display: flex;
	align-items: center;
	gap: 10px;
}
.choice_info_wrap .person_info .btn a:not(:last-child){
	width: 50px;
	flex: 0 0 auto;
}
.choice_info_wrap .person_info .btn a:not(:last-child):hover{
	background-color: var(--t_c_thin);
}
.choice_info_wrap .person_info .btn a:last-child{
	flex: 1 1 auto;
}

/* 베이직 기본 텝 메뉴 */
.basic_tab_menu #bc_tab_menu ul{
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	gap: 30px;
}
.basic_tab_menu #bc_tab_menu ul li{
	opacity: 0.7;
	transition: all 0.3s;
}
.basic_tab_menu #bc_tab_menu ul li:hover{
	opacity: 1;
}
.basic_tab_menu #bc_tab_menu ul li.on{
	opacity: 1;
}
.basic_tab_menu .bc_tab_con{
	display: none;
}
.basic_tab_menu .bc_tab_con.on{
	display: block;
}
/* 날짜 커스텀 두개 */
.date_choice {
	display: flex;
	align-items: center;
	gap: 8px;
}
.date_choice .date_box {
	position: relative;
	width: 150px;
}
.date_choice .label_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	background-color: white;
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 15px;
	width: 100%;
	transition: all 0.3s;
	border: 1px solid var(--t_c_lighter);
	border-radius: 8px;
	position: relative;
	z-index: 1;
	height: 40px;
	font-weight: 400;	
	width: initial;
	cursor: pointer;
}
.date_choice .label_wrap:hover {
	border-color: var(--m_c_dark);
	z-index: 3;
}

.date_choice .date_input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
	pointer-events: none;
}

/* 이미지 업로드 */
.photo_up{
	position: relative;
}
.upload-box {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: var(--t_c_table);
	cursor: pointer;
	transition: all 0.3s;
	overflow: hidden;
	position: relative;
	border: 1px solid transparent;
}
.upload-box:hover {
	border: 1px solid var(--t_c_medium);
}
.upload-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: var(--t_c_light);
	transition: opacity 0.3s ease;
	gap: 14px;
}
.upload-icon {
	width: 44px;
	height: 40px;
}
.upload-icon .icon_img{
	width: 100%;
	height: 100%;
	-webkit-mask: url("../img/camera_icon.svg") no-repeat center;
	mask: url("../img/camera_icon.svg") no-repeat center;
	background-color: var(--t_c_light);
	margin-left: 5px;
}
.upload-text {
	color: var(--t_c_light);
	text-align: center;
}
.hover-delete-btn {
	display: none;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
	height: 30px;
	border-radius: 6px;
	color: white;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s;
	background-color: var(--p_c_red);
}
.hover-delete-btn:hover {
	background-color: var(--p_c_red_dk);
}
.upload-box.has-image:hover .hover-delete-btn {
	display: flex;
}
.preview-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}
.upload-box.has-image .upload-content {
	opacity: 0;
	position: absolute;
	z-index: 1;
	width: 100%;
}
.upload-box.has-image:hover .upload-content {
	opacity: 1;
	background-color: rgba(15, 28, 35, 0.7);
	
	border: 1px solid var(--t_c_medium);
	gap: 6px;
}
.upload-box.has-image:hover .upload-text {
	color: white;
}
.upload-box.has-image:hover .upload-icon .icon_img{
	background-color: white;
}
.upload-box.has-image .preview-image {
	display: block;
}
input[type="file"] {
	display: none;
}
.delete-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background-color: var(--p_c_red);
	border: none;
	border-radius: 50%;
	color: white;
	font-size: 20px;
	cursor: pointer;
	display: none;
	z-index: 10;
	transition: all 0.3s ease;
	opacity: 0;
}
.delete-btn:hover {
	background-color: var(--p_c_red_dk);
	transform: scale(1.1);
}
.upload-box.has-image .delete-btn {
	display: flex;
	opacity: 0;
}
.upload-box.has-image:hover .delete-btn {
	opacity: 1;
}