@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap");
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
* {
	margin: 0px;
	padding: 0px;

	box-sizing: border-box;

	border: none;
	background: none;

	/* user-select: none; */
}

html {
	font-family: "Noto Sans KR";
	font-weight: 400;
}

body:before {
    content: '';
    display: none;
    background-image: url("/assets/images/common/spinner.gif");
}

.bg-color-white {
    background-color: white !important;
}
.pointer {
    cursor: pointer !important;
}
.img-center {
    display: block;
    margin: 0 auto;
}
.dpn {
    display: none !important;
}

.golfshop-txt1 {
    font-size: 14px;
    color: #fa5252;
}

@media (width < 768px) {
	.dummyForScroll {
		position: absolute;
		top: 233.2vw;
		height: 14.4dvw;
		width: 100%;
		z-index: -1;
	}

	.pc {
		display: none !important;
	}

	html {
		scrollbar-width: none;
	}

	main {
		position: relative;
		width: 100dvw;
	}

    .mainBanner {
        position: relative;
        width: 100dvw;
        height: 50.66666666666667dvw;

        /*background-color: #b0915e;*/

        object-fit: cover;

        display: block;
    }

	/*.mainBanner {*/
	/*	position: relative;*/
	/*	width: 100dvw;*/
	/*	height: 50.66666666666667dvw;*/

	/*	background-color: #b0915e;*/
	/*	padding: 5.6dvw;*/
	/*}*/

    /*.mainBanner {*/
    /*    position: relative;*/
    /*    width: 100dvw;*/
    /*    height: 50.66666666666667dvw;*/

    /*    background-color: #b0915e;*/

    /*    object-fit: cover;*/

    /*    display: block;*/
    /*}*/

	.mainBannber_packer {
		position: relative;
		width: 100%;
		height: 100%;
		margin: auto;
		left: 0px;
		right: 0px;

		color: white;
	}

	.mainBannber_packer h1 {
		font-size: 6.4dvw;
		font-weight: 700;
		color: white;
	}

	.mainBannber_packer ul {
		display: flex;
		flex-direction: row;
		position: absolute;
		top: 23.2dvw;
		gap: 0.8dvw;
		left: 0px;
		z-index: 1;

		flex-wrap: wrap;

		width: 52dvw;
	}

	.mainBannber_packer ul li {
		list-style: "#";
		list-style-position: inside;
		background-color: #987c4d;

		font-size: 2.933333333333333dvw;

		padding: 1.033333333333333dvw 2.133333333333333dvw 1.133333333333333dvw
			2.133333333333333dvw;
		border-radius: 2.9dvw;
	}

	input[type="text"]::placeholder {
		color: #888888;
	}

	input[type="text"] {
		color: black;
		/*user-select: none;*/
		/*pointer-events: none;*/
	}

	button {
		cursor: pointer;
	}

	.search_consonant_succeeded {
		--sb-track-color: #ffffff;
		--sb-thumb-color: #888888;
		--sb-size: 1.066666666666667dvw;
	}

	.search_consonant_succeeded::-webkit-scrollbar {
		width: var(--sb-size);
	}

	.search_consonant_succeeded::-webkit-scrollbar-track {
		background: var(--sb-track-color);
		border-radius: 0.6dvw;
	}

	.search_consonant_succeeded::-webkit-scrollbar-thumb {
		background: var(--sb-thumb-color);
		border-radius: 0.6dvw;
	}

	@supports not selector(::-webkit-scrollbar) {
		.search_consonant_succeeded {
			scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
		}
	}

	input[type="text"]:focus {
		outline: none;
	}

	li {
		list-style: none;
	}

	#golfBag {
		position: absolute;
		top: 6.4dvw;
		right: 1.866666667dvw;
		width: 34dvw;
		z-index: 0;
	}

	/*********************/
	/*    �대읇 寃���      */
	/*********************/

	.clubSearchForm {
		position: fixed;
		overflow-y: scroll;
		scrollbar-width: none;
		height: 100%;
		padding: 5.333333333333333dvw;
		top: 0px;
		width: 100%;
		margin: auto;
		left: 0px;
		right: 0px;

		flex-direction: column;

		gap: 34px 24px;

		z-index: 9000;

		background-color: white;

		display: flex;
	}

	.formArea {
		display: flex;
		flex-direction: column;
		position: relative;
		row-gap: 0.5333333333333333dvw;
	}

	.formArea > h1 {
		font-size: 4.533333333333333dvw;
		font-weight: 700;
		letter-spacing: -0.025em;
		margin-bottom: 1.3dvw;
	}

	.formElement {
		position: relative;
		width: 100%;
		height: 12dvw;
		background-color: #f3f3f3;

		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;

		padding: 0dvw 3.866666666666667dvw;
	}

	.formElement img {
		object-fit: contain;
		width: 4.266666666666667dvw;
	}

	.formElement input[type="text"] {
		font-family: "Noto Sans KR";
		flex-grow: 1;
		font-size: 3.733333333333333dvw;
		line-height: 3.733333333333333dvw;
		font-weight: 500;
		width: 0px;
	}

	.formElement input::placeholder {
		color: #888888;
	}

	.formElement span {
		font-size: 3.2dvw;
		letter-spacing: -0.025em;
		color: #888888;
	}

	.subFormArea {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	.doubleSlot {
		grid-column-start: 1;
		grid-column-end: 3;
	}

	.clubSearchForm > p {
		font-size: 3.2dvw;
		color: #888888;
		letter-spacing: -0.034em;
		padding-top: 4dvw;
		/* letter-spacing: -0.028em; */
	}

	.clubSearchForm > .doubleSlot > button {
		margin: auto;
		display: block;
		width: 100%;
		height: 14.4dvw;
		padding-bottom: 1dvw;
		color: white;
		font-family: "Noto Sans KR";
		font-size: 4.533333333333333dvw;
		font-weight: 700;
		background-color: #1db4a4;
	}

	/************************/
	/*        援щ텇��        */
	/************************/

	.splitLine {
		position: fixed;
		background-color: #e9e9e9;
		height: 0.2666666666666667dvw;

		top: 14.4dvw;
		left: 0dvw;
		width: 100%;
	}

	/************************/
	/*     �대읇 寃��됯껐怨�    */
	/************************/
	#clubSearchResult {
		position: relative;
		width: 100%;
		margin: auto;
		margin-top: 8dvw;
		padding: 0dvw 5.333333333333333dvw;
		left: 0px;
		right: 0px;
	}

	.golfClubBrand {
		z-index: 1;
		position: fixed;
		display: flex;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;

		flex-direction: column;

		background-color: white;
	}

	#resultOrder {
		display: flex;
		position: relative;
		width: 100%;
		justify-content: space-between;
	}

	#resultOrder li {
		border-radius: 4dvw;
		background-color: #eeeeee;
		height: 6.933333333333333dvw;

		font-family: "Spoqa Han Sans Neo";
		color: #666666;
		font-size: 3.733333333333333dvw;
		font-weight: 500;
		width: 21.33333333333333dvw;

		line-height: 7.4dvw;
		padding-left: 0.2dvw;

		text-align: center;

		cursor: pointer;
		user-select: none;
	}

	#resultOrder li.selected {
		background-color: #1db4a4;
		color: white;
	}

	#resultList {
		display: grid;

		grid-template-columns: 1fr 1fr;

		margin-top: 5.066666666666667dvw;
		width: 100%;

		gap: 2.666666666666667dvw;
	}

	.resultItem {
		position: relative;
		width: 43.33333333333333dvw;
		height: 62.66666666666667dvw;
		border: 1px solid #d5d5d5;
		display: grid;
		grid-template-rows: 30.66666666666667dvw 6.958666666666667dvw 5.6dvw 6.4dvw 14.13333333333333dvw;
	}

	.resultItem > img {
		width: 100%;
		height: 100%;
	}

	.resultItem h1 {
		font-size: 3.2dvw;
		font-weight: 500;
		letter-spacing: -0.025em;
		margin: 0px 3.333333333333333dvw;
		padding-top: 3.066666666666667dvw;
		cursor: pointer;
	}

	.resultItem h2 {
		font-size: 3.2dvw;
		font-weight: 400;
		margin: 0px 3.333333333333333dvw;
		cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

		color: #444444;
	}

	.resultItem ul {
		display: flex;
		gap: 0.8dvw;
		margin: 0px 3.333333333333333dvw;

		align-items: center;
	}

	.resultItem ul li {
		font-size: 2.4dvw;
		line-height: 2.4dvw;
		letter-spacing: -0.025em;
		height: 4.266666666666667dvw;
		color: #666666;

		padding: 0.9333333333333333dvw;

		border-radius: 0.6dvw;
		background-color: #f2f2f2;
	}

	.resultItem div {
		display: flex;
		flex-wrap: wrap;

		justify-content: space-between;

		margin: 1dvw 3.333333333333333dvw;
	}

	.resultItem div > p {
		font-weight: 700;
		font-size: 2.666666666666667dvw;
		line-height: 4dvw;
		letter-spacing: -0.04em;
	}

	.resultItem div > p > span {
		font-size: 3.733333333333333dvw;
	}

	.resultItem div > img {
		margin-top: 3.7dvw;
	}

	.resultItem div > img:nth-of-type(1) {
		width: 5.2dvw;
		height: 4.666666666666667dvw;
		z-index: 10;
	}

	.resultItem div > img:nth-of-type(2) {
		width: 6dvw;
		height: 5.066666666666667dvw;
	}

	/*************/
	/*   �щ젰     */
	/*************/

	.calendar {
		width: 100%;
		height: 70.66666666666667dvw;
	}

	.calendar > h1 {
		text-align: center;
		font-weight: 700;
		font-size: 4.26666666666666dvw;
		line-height: 15dvw;
	}
	.dates {
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		grid-template-rows: repeat(7, 45px);
	}

	.calendar .week {
		display: flex;
		justify-content: space-around;
		height: 8dvw;
	}

	.calendar_range {
		display: flex;
		width: 100%;
	}

	.calendar_range input[type="text"] {
		flex: 1;
		font-size: 3.733333333333333dvw;
		letter-spacing: -0.025em;
		text-align: center;
		font-weight: 500;

		font-family: "Noto Sans KR";
		width: 23.46666666666667dvw;
	}

	.calendar_range span {
		font-size: 3.733333333333333dvw;
		text-align: center;
		font-weight: 500;
		color: black;
	}

	.calendar .sunday {
		color: #1db4a4;
	}

	.calendar_button {
		display: flex;
		width: 100%;
		height: 14.4dvw;
		gap: 2.4dvw;
		justify-content: space-between;
	}

	.calendar .days {
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		position: relative;
		z-index: 1;
		gap: 0.5333333333333333dvw;
	}

	.calendar p {
		font-size: 3.733333333333333dvw;
		letter-spacing: -0.025em;
	}

	.calendar .days p {
		/* width: 38px;
		height: 38px;
		margin: 4px auto; */
		width: 100%;
		height: 100%;
		text-align: center;
		/* padding-top: 3px; */
	}

	.calendar .days span {
		display: inline-block;
		width: 8dvw;
		height: 8dvw;
		padding-top: 1dvw;
		border-radius: 4dvw;
	}

	.calendar .days span.today {
		background-color: #e9e9e9;
		border-radius: 100px;
	}

	.calendar span.before {
		color: #bababa;
	}

	.calendar span.select {
		color: white;
		font-weight: bold;

		background-color: #1db4a4;
	}

	.calendar span.hover {
		color: #1db4a4;
	}

	.calendar .selectRangeBox {
		position: absolute;
		top: 0px;
		background-color: #e5f6f4;
		height: 8dvw;
		z-index: -1;
	}

	.selectRange {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		/* height: calc(100% - 34.66666666666667dvw); */

		background-color: white;

		border: 1px solid #bababa;

		/*display: flex;*/
		display: none;
		padding: 0dvw 6dvw;

		z-index: 2;

		flex-direction: column;

		justify-content: flex-start;
		align-items: center;

		overflow-y: scroll;
		scrollbar-width: none;
	}

	.calendars {
		display: flex;
		flex-direction: column;
		width: 100%;
		justify-content: space-around;
		align-items: center;
	}

	.searchGolfCourse {
		position: fixed;

		display: none;

		flex-direction: column;

		z-index: 1;

		left: 0px;

		top: 0px;

		padding: 5.333333333333333dvw;

		width: 100%;
		height: 100%;

		border: 1px solid #bababa;

		background-color: white;

		justify-content: space-between;

		gap: 5.066666666666667dvw;
	}

	.searchGolfCourse > h1 {
		text-align: center;
		font-family: "Noto Sans KR";
		font-weight: 700;
		font-size: 5.066666666666667dvw;
		line-height: 5.066666666666667dvw;
		letter-spacing: -0.025em;

		padding-bottom: 6dvw;
	}

	.bt_close {
		position: absolute;
		width: 4.666666666666667dvw;
		height: 4.666666666666667dvw;
		top: 4.666666666666667dvw;
		right: 4.666666666666667dvw;
	}

	.bt_close svg {
		width: 100%;
		height: 100%;
	}

	.bt_search {
		position: absolute;
		width: 5.733333333333333dvw;
		height: 5.733333333333333dvw;

		top: 1.866666666666667dvw;
		right: 1.866666666666667dvw;
	}

	.input_golfLocation {
		width: 100%;
		height: 10.13333333333333dvw;

		border: 0.2666666666666667dvw solid #bababa;

		display: inline-flex;

		align-items: center;

		padding: 0px 2.933333333333333dvw;
	}

	.input_golfLocation input {
		flex-grow: 1;

		pointer-events: all;

		font-family: "Noto Sans KR";
		font-weight: 400;
		font-size: 3.733333333333333dvw;

		color: black;
	}

	.input_golfLocation button {
		width: 24px;
		height: 24px;
	}

	.search_consonant {
		display: flex;

		flex-wrap: wrap;

		justify-content: flex-start;

		width: 100%;

		gap: 1.333333333333333dvw;
	}

	.search_consonant button {
		width: 7.466666666666667dvw;
		height: 7.466666666666667dvw;

		color: #999999;
		background-color: #f3f3f3;

		font-family: "Noto Sans KR";
		font-weight: 400;
		font-size: 3.466666666666667dvw;
		padding-bottom: 0.4dvw;

		border-radius: 0.8dvw;
	}

	.search_consonant_succeeded button.selected {
		background-color: #a3a3a3;
		color: white;
	}

	.search_consonant button.selected {
		background-color: black;
		color: white;
	}

	.search_consonant_failed {
		width: 100%;
		/* height: 43.46666666666667dvw; */
		height: calc(100dvh - 80.66666666666667dvw);
		margin: 0px auto;

		/* margin-bottom: 20dvh; */

		/* margin-bottom: calc(100dvh - 124.13333333333dvw); */

		background-color: #f3f3f3;

		display: flex;

		align-items: center;
		justify-content: center;

		/*display: none;*/
	}

    .golfshop-txt1 {
        font-size: 11px;
    }

	.search_consonant_succeeded {
		width: calc(100% + 2.4dvw);
		/* max-height: calc(100dvh - 49.52229299363057dvh); */
		/* height: calc(100% - 34.66666666666667dvw); */
		max-height: calc(100dvh - 90.66666666666667dvw);

		margin: 0px auto;

		padding-right: 1.333333333333333dvw;

		background-color: white;

		display: flex;
		flex-direction: column;
		overflow-y: scroll;

		gap: 0.2666666666666667dvw;

		flex: 1;
	}

	.search_consonant_succeeded button {
		height: 19.13333333333333dvw;
		flex-shrink: 0;
		background-color: #f3f3f3;

		font-family: "Noto Sans KR";
		font-weight: 400;
		font-size: 3.733333333333333dvw;
		color: #444444;

		padding-left: 3.333333333333333dvw;

		text-align: left;
	}

	.search_consonant_failed p {
		color: #888888;
	}

	.cancel_search {
		flex: 1;

		color: #111111;
		background-color: white;

		font-family: "Noto Sans KR";
		font-weight: 700;
		border: 1px solid #ababab;

		font-size: 4.533333333333333dvw;
	}

	.submit_search {
		flex: 1;

		color: white;
		background-color: #1db4a4;

		font-size: 4.533333333333333dvw;

		font-family: "Noto Sans KR";
		font-weight: 700;
	}

	.button_search {
		z-index: 10;
		display: flex;
		bottom: 0px;
		padding: 5.333333333333333dvw;
		gap: 4dvw;
		flex-direction: column;
		justify-content: center;
		width: 100%;

		position: fixed;

		height: 34.66666666666667dvw;

		background-color: white;
		box-shadow: 0px -1dvw 4dvw #bbbbbb;
        margin-bottom:20px;
	}

	.searchGolfCourse .button_search {
		box-shadow: none;
		/* margin: 5.333333333333333dvw 0dvw; */
		padding: 0dvw;
		flex-direction: row;
		 width: 89.33333333333333%;
		/*width: 100%;*/

		height: 14.4dvw;
	}

	.searchGolfCourse_body {
		flex: 1;
		position: relative;
		display: flex;
		flex-direction: column;
		/*justify-content: space-between;*/
		justify-content: flex-start;
		gap: 4dvw;
	}

	.brandList {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr;

		padding: 8dvw 5.333333333333333dvw;

		gap: 2.4dvw;
		flex: 1;
	}

	.golfClubBrand h1 {
		font-weight: 700;
		font-size: 5.066666666666667dvw;
		letter-spacing: -0.025em;
		text-align: center;

		padding-top: 3dvw;

		height: 14.4dvw;
	}

	.brandListItem {
		cursor: pointer;
		display: flex;

		flex-direction: column;

		/* height: 68px; */

		font-size: 3.2dvw;
		color: #444444;

		border: 0.1333333333333333dvw solid #cccccc;

		justify-content: space-between;
		padding: 3.333333333333333dvw;
		align-items: center;
	}

	.brand_button {
		padding: 0dvw 5.333333333333333dvw;
		margin-bottom: 5.333333333333333dvw;
		height: 14.4dvw;

		display: flex;
		gap: 2.4dvw;
		width: 100%;
	}

	.brand_button button {
		width: 50%;
	}

	.brandListItem span {
		width: 100%;
		text-align: left;
	}

	.brandListItem img {
		display: block;
		width: 100%;
		padding-left: 50%;
		text-align: right;
	}

	.brandListItem.selected {
		border-color: black;
	}

	menu {
		position: absolute;
		top: 12.3dvw;
		width: 100%;

		transform: translate(-3.866666666666667dvw, 0);
		border: 0.1333333333333333dvw solid #bababa;

		background-color: white;

		z-index: 1;

		display: none;
	}

	menu li {
		font-size: 3.733333333333333dvw;
		font-weight: 500;
		color: #888888;
		/*padding: 3.866666666666667dvw;*/
		padding: 2dvw;
	}

	menu li.selected {
		background-color: #f3f3f3;
		color: black;
	}

	.clubDetail {
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		top: 0px;
		width: 100%;
		height: 100%;

		z-index: 999999999;
	}

	.clubDetail .overlay {
		position: absolute;
		top: 0px;
		left: 0px;

		z-index: 2;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.clubDetail_inner {
		position: relative;
		display: flex;
		overflow-y: scroll;
		scrollbar-width: none;
		flex-direction: column;
		width: 100%;
		height: 100%;
		background-color: white;
		z-index: 10;
	}

    .clubDetail_inner .summary {
        width: 90%;
        padding: 5px;
        border: 1px solid #e9e9e9;
        max-height: 130px;
        overflow-y: scroll;
    }

	.clubDetail_inner h2 {
		position: absolute;
		font-size: 3.733333333333333dvw;
		font-weight: 400;
		color: #444444;

		top: 62dvw;
		left: 5.333333333333333dvw;

		letter-spacing: -0.025em;
	}

	.clubDetail_name {
		justify-content: space-between;
		position: absolute;
		top: 68.53333333333333dvw;
		left: 5.333333333333333dvw;
	}

	.clubDetail_name h1 {
		font-size: 4.8dvw;
		line-height: 4.8dvw;
		font-weight: 700;
		letter-spacing: -0.025em;

	}

	.clubDetail_name {
		flex-direction: column;
	}

	.clubDetail_inner div {
		display: flex;
	}

	.clubDetail_inner div:nth-of-type(2) {
		position: absolute;
		top: 85dvw;
	}

	.clubDetail_inner div:nth-of-type(3) {
		gap: 24px;
	}

	.clubDetail_inner div:nth-of-type(4) {
		position: absolute;
		align-items: center;
		justify-content: space-between;
		width: 89.33333333333333dvw;
		height: 13.33333333333333dvw;

		left: 0px;
		right: 0px;
		margin: auto;

		padding: 0px 4.266666666666667dvw;
		background-color: #f7f7f7;

		top: 126.5333333333333dvw;
	}

	.favorite_search {
		background-color: black;
		width: 14.66666666666667dvw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 1dvw;
	}

	.favorite_search img {
		width: 4.666666666666667dvw;
		height: 4.133333333333333dvw;
	}

	.favorite_search span {
		color: white;
		font-size: 2.933333333333333dvw;
		line-height: 2.933333333333333dvw;
		font-weight: 500;
	}

	.clubDetail_inner div:nth-of-type(5) {
		position: fixed;
		width: 100%;
		height: 14.4dvw;
		bottom: 0px;
		display: flex;
		justify-content: center;
	}

	.clubDetail_inner div:nth-of-type(5) .submit_search {
		font-size: 4.266666666666667dvw;
	}

	.clubDetail_inner div:nth-of-type(4) span:nth-of-type(1) {
		font-size: 3.733333333333333dvw;
		color: #444444;
		letter-spacing: -0.025em;
	}

	.clubDetail_inner div:nth-of-type(4) span:nth-of-type(2) {
		font-size: 5.066666666666667dvw;
		line-height: 5.066666666666667dvw;
		padding-bottom: 0.5dvw;
		font-weight: 700;
		letter-spacing: -0.025em;
		color: #111111;
	}

	.clubDetail_inner div > img {
		position: absolute;
		top: 8dvw;

		width: 48dvw;
		height: 48dvw;

		left: 0px;
		right: 0px;
		margin: auto;

		border: 0.1333333333333333dvw solid #d5d5d5;
		background-color: #f8f8f8;
	}

	.clubDetail_name {
		align-items: center;
	}

	.clubDetail_name ul {
		display: flex;
		justify-content: flex-start;
		gap: 0.8dvw;
		width: 100%;
		margin-top: 3dvw;
	}

	.clubDetail_name ul li {
		font-size: 2.4dvw;
		color: #666666;
		letter-spacing: -0.025em;

		background-color: #f2f2f2;
		border-radius: 0.6dvw;
		padding: 0.2dvw 1.2dvw;
		padding-bottom: 0.4dvw;
	}

	.clubDetail_inner p {
		font-size: 3.733333333333333dvw;
	}

	.clubDetail_inner > div > p {
		position: absolute;
		top: 88dvw;
		left: 5.333333333333333dvw;
		font-size: 3.733333333333333dvw;
		line-height: 6dvw;
	}

    .clubDetail_inner .remark {
        max-height: 80dvw;
        overflow-y: scroll;
        font-size: 3dvw;
    }

	.clubDetail_inner > p {
		position: absolute;
		width: 89.33333333333333dvw;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 145.2dvw;
		height: 80dvw;
		border: 1px solid #e9e9e9;
		padding: 3.6dvw;
		margin-bottom: 22.4dvw;
	}

	.more {
		margin-top: 4dvw;

		width: 89.33333333333333dvw;
		height: 12dvw;
		border: 0.2666666666666667dvw solid #bbbbbb;
		justify-content: center;
		align-items: center;
		display: flex;
		font-size: 4.266666666666667dvw;
		font-weight: 500;
		letter-spacing: -0.01em;
		color: #444444;

		gap: 0.8dvw;
	}

	.more svg {
		padding-top: 0.4dvw;
	}

	.search_popup {
		z-index: 20;
		display: flex;
		bottom: 24dvw;
		position: fixed;
		align-items: center;
		padding: 5.466666666666667dvw;
		width: 89.33333333333333dvw;
		height: 13.33333333333333dvw;
		background-color: black;
		border-radius: 6.666666666666667dvw;
		gap: 2.666666666666667dvw;
		cursor: pointer;
		user-select: none;
	}

	.search_popup svg {
		width: 5.733333333333333dvw;
		height: 5.733333333333333dvw;
	}

	.search_popup span {
		color: white;
		font-size: 3.2dvw;
		line-height: 3.2dvw;
	}
}

@media (width >= 768px) {
	.mobile {
		display: none;
	}

	input[type="text"]::placeholder {
		color: #888888;
	}

	input[type="text"] {
		color: black;
		/*user-select: none;*/
		/*pointer-events: none;*/
	}

	button {
		cursor: pointer;
	}

	.search_consonant_succeeded {
		--sb-track-color: #ffffff;
		--sb-thumb-color: #888888;
		--sb-size: 10px;
	}

	.search_consonant_succeeded::-webkit-scrollbar {
		width: var(--sb-size);
	}

	.search_consonant_succeeded::-webkit-scrollbar-track {
		background: var(--sb-track-color);
		border-radius: 5px;
	}

	.search_consonant_succeeded::-webkit-scrollbar-thumb {
		background: var(--sb-thumb-color);
		border-radius: 5px;
	}

	@supports not selector(::-webkit-scrollbar) {
		.search_consonant_succeeded {
			scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
		}
	}

	input[type="text"]:focus {
		outline: none;
	}

	li {
		list-style: none;
	}

	main {
		width: 100%;
        margin-top: 18px;
	}

    .mainBanner {
        position: relative;
        width: max(100%, 1200px);
        height: 260px;
        /*background-color: #b0915e;*/
        object-fit: none;
        overflow: hidden;
    }

	/*.mainBanner {*/
	/*	position: relative;*/
	/*	width: 100%;*/
	/*	height: 260px;*/
	/*	background-color: #b0915e;*/
	/*}*/

    /*.mainBanner {*/
    /*    position: relative;*/
    /*    width: max(100%, 1200px);*/
    /*    height: 260px;*/
    /*    background-color: #b0915e;*/
    /*    object-fit: cover;*/
    /*    overflow: hidden;*/
    /*}*/

	.mainBannber_packer {
		position: absolute;
		width: min(1200px, 100%);
		height: 100%;
		margin: auto;
		left: 0px;
		right: 0px;

		color: white;
	}

	.mainBannber_packer h1 {
		position: absolute;
		top: 55px;
		left: -1px;
		font-size: 40px;
		line-height: 40px;
		font-weight: 400;
		letter-spacing: -0.042em;
	}

	.mainBannber_packer h2 {
		position: absolute;
		font-family: "Spoqa Han Sans Neo";
		top: 115px;
		left: 0px;
		font-size: 20px;
		font-weight: 400;
	}

	.mainBannber_packer ul {
		display: flex;
		flex-direction: row;
		position: absolute;
		top: 181px;
		gap: 6px;
		left: 0px;
		z-index: 1;
	}

	.mainBannber_packer ul li {
		list-style: "#";
		list-style-position: inside;
		background-color: #987c4d;

		padding: 3px 12px 5px 12px;
		border-radius: 18px;
	}

	#golfBag {
		position: absolute;
		top: 36px;
		right: 54px;
		z-index: 0;
	}

	/*********************/
	/*    �대읇 寃���      */
	/*********************/

	.clubSearchForm {
		position: relative;
		width: min(1200px, 100%);
		margin: auto;
		left: 0px;
		right: 0px;
		margin-top: 43px;
		margin-bottom: 39px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 200px 100px 30px 80px;

		gap: 34px 24px;
	}

	.formArea {
		display: flex;
		flex-direction: column;
		position: relative;
		row-gap: 2px;
	}

	.formArea > h1 {
		font-size: 24px;
		font-weight: 700;
		letter-spacing: -0.035em;
		margin-bottom: 9px;
	}

	.formElement {
		position: relative;
		width: 100%;
		height: 76px;
		background-color: #f3f3f3;

		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;

		padding: 24px;

		gap: 8px;
	}

	.formElement img {
		object-fit: contain;
	}

	.formElement input[type="text"] {
		font-family: "Noto Sans KR";
		flex-grow: 1;
		font-size: 20px;
		line-height: 20px;
		font-weight: 500;
		letter-spacing: -0.025em;
		width: 0px;
	}

	.formElement input::placeholder {
		color: #888888;
	}

	.formElement span {
		font-size: 16px;
		letter-spacing: -0.025em;
		color: #888888;
	}

	.subFormArea {
		display: flex;
		gap: 2px;
	}

	.doubleSlot {
		grid-column-start: 1;
		grid-column-end: 3;
	}

	.clubSearchForm > p {
		font-size: 16px;
		color: #888888;
		letter-spacing: -0.034em;
		padding-top: 8px;
		/* letter-spacing: -0.028em; */
	}

	.clubSearchForm > .doubleSlot > button {
		margin: auto;
		display: block;
		width: 260px;
		height: 60px;
		padding-bottom: 2px;
		padding-left: 2px;
		color: white;
		font-family: "Noto Sans KR";
		font-size: 20px;
		font-weight: 700;
		background-color: #1db4a4;
	}

	/************************/
	/*        援щ텇��        */
	/************************/

	.splitLine {
		background-color: #e9e9e9;
		height: 1px;

		width: min(1200px, 100%);
		left: 0px;
		right: 0px;
		margin: 0px auto;
	}

	/************************/
	/*     �대읇 寃��됯껐怨�    */
	/************************/
	#clubSearchResult {
		width: min(1200px, 100%);
		margin: auto;
		margin-top: 51px;
		left: 0px;
		right: 0px;
	}

	.golfClubBrand {
		z-index: 1;
		position: absolute;
		width: 100%;
		height: 463px;

		top: 370px;

		padding: 49px;

		border: 1px solid #bababa;

		background-color: white;
	}

	#resultOrder {
		display: flex;
		gap: 10px;
	}

	#resultOrder li {
		border-radius: 20px;
		background-color: #eeeeee;
		width: 128px;
		height: 38px;

		font-family: "Spoqa Han Sans Neo";
		color: #666666;
		font-size: 20px;
		font-weight: 400;

		line-height: 42px;

		text-align: center;
	}

	#resultOrder li.selected {
		background-color: #1db4a4;
		color: white;
	}

	#resultList {
		display: flex;
		flex-wrap: wrap;
		align-content: stretch;

		gap: 30px 24px;

		margin-top: 20px;
		width: 100%;

		justify-content: left;
	}

	.resultItem {
		width: 282px;
		height: 380px;
		border: 1px solid #d5d5d5;
		display: grid;
		grid-template-rows: 200px 45px 30px 30px 73px;
	}

	.resultItem h1 {
		font-size: 20px;
		font-weight: 500;
		letter-spacing: -0.025em;
		margin: 0px 22px;
		padding-top: 15px;
		cursor: pointer;
	}

	.resultItem h2 {
		font-size: 20px;
		font-weight: 400;
		letter-spacing: -0.01em;
		margin: 0px 22px;
		padding-top: 1px;
		cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

		color: #444444;
	}

	.resultItem ul {
		display: flex;
		gap: 4px;
		margin: 0px 21px;
		padding-top: 7px;
	}

	.resultItem ul li {
		font-size: 13px;
		line-height: 13px;
		height: 20px;
		letter-spacing: -0.025em;

		padding: 3px 6px;

		color: #666666;

		border-radius: 3px;
		background-color: #f2f2f2;
	}

	.resultItem div {
		display: flex;
		flex-wrap: wrap;
		align-items: center;

		justify-content: space-between;

		margin: 8px 21px;

		padding-bottom: 20px;
	}

	.resultItem div > p {
		font-weight: 700;
		font-size: 18px;
		letter-spacing: -0.04em;
		padding-bottom: 8px;

		width: 148px;
	}

	.resultItem div > p > span {
		font-size: 26px;
	}

	.resultItem div > img {
		object-fit: contain;
	}

	/*************/
	/*   �щ젰     */
	/*************/

	.calendar {
		width: 440px;
		height: 450px;
	}

	.calendar > h1 {
		text-align: center;
		font-weight: 700;
		font-size: 24px;
		line-height: 100px;
	}
	.dates {
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		grid-template-rows: repeat(7, 45px);
	}

	.calendar .week {
		display: flex;
		justify-content: space-around;
		height: 40px;
	}

	.calendar .sunday {
		color: #1db4a4;
	}

	.calendar .days {
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		position: relative;
		z-index: 1;

		gap: 10px;
	}

	.calendar p {
		font-size: 20px;
		letter-spacing: -0.025em;
	}

	.calendar .days p {
		/* width: 38px;
		height: 38px;
		margin: 4px auto; */
		width: 100%;
		height: 100%;
		text-align: center;
		/* padding-top: 3px; */
	}

	.calendar .days span {
		display: inline-block;
		width: 38px;
		height: 38px;

		padding-top: 3px;
		padding-right: 1px;
		border-radius: 100px;
        cursor: pointer;
	}

	.calendar .days span.today {
		background-color: #e9e9e9;
		border-radius: 100px;
	}

	.calendar span.before {
		color: #bababa;
        cursor: default !important;
	}

	.calendar span.select {
		color: white;
		font-weight: bold;

		background-color: #1db4a4;
	}

	.calendar span.hover {
		color: #1db4a4;
	}

	.calendar .selectRangeBox {
		position: absolute;
		top: 0px;
		background-color: #e5f6f4;
		width: 100px;
		height: 38px;
		z-index: -1;
	}

	.calendar .selectRangeBox:nth-of-type(1) {
		margin-top: 0px;
	}
	.calendar .selectRangeBox:nth-of-type(2) {
		margin-top: 1px;
	}
	.calendar .selectRangeBox:nth-of-type(3) {
		margin-top: 2px;
	}
	.calendar .selectRangeBox:nth-of-type(4) {
		margin-top: 3px;
	}
	.calendar .selectRangeBox:nth-of-type(5) {
		margin-top: 4px;
	}
	.calendar .selectRangeBox:nth-of-type(6) {
		margin-top: 5px;
	}

	.selectRange {
		position: absolute;
		width: min(1200px, 100%);
		height: 558px;
		top: 215px;

		background-color: white;

		border: 1px solid #bababa;

		/*display: flex;*/
		display: none;

		z-index: 2;

		flex-direction: column;

		justify-content: space-evenly;
		align-items: center;
	}

	.calendars {
		display: flex;
		width: 100%;
		justify-content: space-around;
		align-items: center;
	}

	.searchGolfCourse {
		position: absolute;

		display: none;

		flex-direction: column;

		z-index: 1;

		left: 0px;

		top: 215px;

		padding: 50px;

		width: min(1200px, 100%);

		border: 1px solid #bababa;

		background-color: white;

		gap: 30px;
	}

	.searchGolfCourse > h1 {
		font-family: "Noto Sans KR";
		font-weight: 700;
		font-size: 24px;
		line-height: 24px;
		letter-spacing: -0.025em;
	}

	.bt_close {
		position: absolute;
		width: 22px;
		height: 22px;

		top: 22px;
		right: 22px;
	}

	.bt_search {
        position: relative;
        top: -3px;
		width: 120px;
		height: 48px;
		background-color: #555555;

		color: white;

		font-family: "Noto Sans KR";
		font-weight: 400;
		font-size: 16px;
	}

	.input_golfLocation {
		width: 546px;
		height: 48px;

		border: 1px solid #bababa;

		display: inline-flex;

		align-items: center;

		padding: 0px 13px;
	}

	.input_golfLocation input {
		flex-grow: 1;

		pointer-events: all;

		font-family: "Noto Sans KR";
		font-weight: 400;
		font-size: 16px;

		color: black;
	}

	.input_golfLocation button {
		width: 24px;
		height: 24px;
	}

	.search_consonant {
		display: flex;

		justify-content: space-between;

		width: 636px;
	}

	.search_consonant button {
		width: 38px;
		height: 38px;

		color: #999999;
		background-color: #f3f3f3;

		font-family: "Noto Sans KR";
		font-weight: 400;
		font-size: 16px;

		border-radius: 6px;
	}

	.search_consonant_succeeded button.selected {
		background-color: #a3a3a3;
		color: white;
	}

	.search_consonant button.selected {
		background-color: black;
		color: white;
	}

	.search_consonant_failed {
		width: 100%;
		height: 198px;

		margin: 0px auto;

		background-color: #f3f3f3;

		display: flex;

		align-items: center;
		justify-content: center;

		/*display: none;*/
	}

	.search_consonant_succeeded {
		width: calc(100% + 25px);
		height: 198px;

		margin: 0px auto;

		padding-right: 15px;

		background-color: white;

		display: grid;

		grid-template-columns: 1fr 1fr;

		overflow-y: scroll;

		gap: 2px;
	}

	.search_consonant_succeeded button {
		height: 48px;
		background-color: #f3f3f3;

		font-family: "Noto Sans KR";
		font-weight: 400;
		font-size: 16px;
		color: #444444;

		padding-left: 16px;

		text-align: left;
	}

	.search_consonant_failed p {
		color: #888888;
	}

	.cancel_search {
		width: 160px;
		height: 54px;

		color: #111111;
		background-color: white;

		font-family: "Noto Sans KR";
		font-weight: 400;
		font-size: 20px;
		border: 1px solid #ababab;
	}

	.submit_search {
		width: 160px;
		height: 54px;

		color: white;
		background-color: #1db4a4;

		font-family: "Noto Sans KR";
		font-weight: 400;
		font-size: 20px;
	}

	.button_search {
		display: flex;
		justify-content: center;
		gap: 8px;
	}

	.searchGolfCourse_body {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.brandList {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;

		gap: 13px;
	}

	.golfClubBrand h1 {
		font-weight: 700;
		font-size: 24px;
		letter-spacing: -0.025em;

		margin-bottom: 20px;
	}

	.brandListItem {
		cursor: pointer;
		display: flex;

		height: 68px;

		font-size: 16px;
		color: #444444;

		border: 1px solid #cccccc;

		justify-content: space-between;
		padding: 20px;
		align-items: center;
	}

	.brandListItem.selected {
		border-color: black;
	}

	menu {
		position: absolute;
		top: 76px;
		width: calc(100%);

		transform: translate(-24px, 0);
		border: 1px solid #bababa;

		background-color: white;

		display: none;
	}

	menu li {
		font-size: 20px;
		font-weight: 500;
		color: #888888;
		padding: 20px 24px;
	}

	menu li.selected {
		background-color: #f3f3f3;
		color: black;
	}

	.clubDetail {
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 999999999;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	.clubDetail .overlay {
		position: absolute;
		top: 0px;
		left: 0px;

		z-index: 2;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.clubDetail_inner {
		display: flex;
		flex-direction: column;
		padding: 40px 45px;
		width: 680px;
		height: 836px;
		background-color: white;
		z-index: 10;
	}

    .clubDetail_inner .summary {
        width: 90%;
        padding: 5px;
        border: 1px solid #e9e9e9;
        max-height: 240px;
        overflow-y: scroll;
    }

	.clubDetail_inner h2 {
		font-size: 16px;
		font-weight: 400;
		color: #444444;
		letter-spacing: -0.025em;
		padding-bottom: 10px;
	}

	.clubDetail_name {
		justify-content: space-between;
	}

	.clubDetail_name h1 {
		font-size: 24px;
		line-height: 24px;
		font-weight: 700;
		letter-spacing: -0.025em;
	}

	.clubDetail_inner div {
		display: flex;
	}

	.clubDetail_inner div:nth-of-type(2) {
		margin: 30px auto;
	}

	.clubDetail_inner div:nth-of-type(3) {
		gap: 24px;
	}

	.clubDetail_inner div:nth-of-type(4) {
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 72px;

		padding: 0px 22px;
		background-color: #f7f7f7;

		margin-top: 19px;
	}

	.clubDetail_inner > p {
		margin-top: 30px;
		padding: 20px;
	}

	.favorite_search {
		background-color: black;
		width: 50px;
		height: 50px;
	}

	.favorite_search img {
		margin-top: 5px;
	}

	.clubDetail_inner div:nth-of-type(5) {
		margin-top: 30px;
		display: flex;
		justify-content: center;
		gap: 8px;
	}

	.clubDetail_inner div:nth-of-type(5) .cancel_search {
		height: 50px;
		width: 170px;
	}

	.clubDetail_inner div:nth-of-type(5) .submit_search {
		height: 50px;
		width: 170px;
	}

	.clubDetail_inner div:nth-of-type(4) span:nth-of-type(1) {
		font-size: 16px;
		color: #444444;
		letter-spacing: -0.025em;
	}

	.clubDetail_inner div:nth-of-type(4) span:nth-of-type(2) {
		font-size: 42px;
		line-height: 42px;
		padding-bottom: 3px;
		font-weight: 700;
		letter-spacing: -0.025em;
		color: #111111;
	}

	.clubDetail_inner div > img {
		width: 240px;
		height: 240px;

		border: 1px solid #d5d5d5;
		background-color: #f8f8f8;
	}

	.clubDetail_name {
		align-items: center;
	}

	.clubDetail_name ul {
		display: flex;
		gap: 4px;
	}

	.clubDetail_name ul li {
		font-size: 13px;
		color: #666666;
		letter-spacing: -0.025em;

		background-color: #f2f2f2;
		border-radius: 3px;
		padding: 1px 6px;
		padding-bottom: 2px;
	}

	.clubDetail_inner p {
		font-size: 16px;
	}

    .clubDetail_inner .remark {
        max-height:204px;
        overflow-y: scroll;
        font-size: 13px;
    }

	.clubDetail_inner > p {
		width: 100%;
		height: 204px;
		border: 1px solid #e9e9e9;
	}
}

#screen-loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: rgba(0, 0, 0, 0.5);
}

#spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background: url("/assets/images/common/spinner.gif") no-repeat center/48px 48px;
    z-index: 9999999999;
}

.ec {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.close-search {
    position:absolute;
    top:5px;
    right:10px;
}

.close-search img {
    width: 18px;
    height: 18px;
}

@media (width > 768px) {
    .close-search {
        display: none;
    }
}