@charset "utf-8";

/*-------------------------- common css --------------------------*/
.hr{height:1px;border-bottom:1px solid #e8e8e8; width: 100%;}
.hr2{height:1px;border-bottom:1px dotted #c1c1c1; width: 100%;}
.hr3{height:1px;border-bottom:1px dotted #D1D1D1; width: 100%;}
.hr4{height:1px;border-bottom:1px solid #959595; width: 100%;}
.border{ border:1px solid #ddd;}
.btg{border-top: 1px solid #E6E6E6;}
.bbg{border-bottom: 1px solid #E6E6E6;}
.bb{border-bottom: 1px solid #000 !important;}
.bb0{border-bottom: 0 !important;}
.dot-line{border-bottom: 1px dashed #C1C1C1;}
.dot-line2{border-bottom: 1px dashed #9E9E9E;}
.dot-line3{border-bottom: 1px dashed #C8C6C6;}
.bt1{border-top: 1px solid #ddd;}
.positionFix{ position: fixed !important;}
.displayB{ display: block !important;}
.displayIB{ display: inline-block;}
.displayN{display: none;}
.overflow-y{ overflow-y: hidden;}
.relative{position: relative;}
.flexStart{justify-content: flex-start !important;}
.bg-none{background: transparent !important;}

/* font color, style */
.orange{color:#ff970f;}
.light-blue{background: #FDF2E7;}
.blue{color:#3e8ddc;}
.blue2{color: #21322D !important;}
.red {color:#de3b18 !important;}
.yellow{color:#e2af00;}
.gray{color: #C7C7C7 !important;}
.darkGray{ color: #58585a;}
.pink{ color: #d91b5c;}
.white{ color: #fff !important;}
.bgwhite{background: #fff !important;}
.black{color: #000;}
.bgred{background: #DE3B18 !important;}
.table-red{background: #660011; color: #fff;}

.center{ text-align: center !important;}
.left{ text-align: left !important;}
.right{ text-align: right !important;}
.marginA{ margin: auto !important;}
.cl-b{ clear: both;}
.fl-l{ float: left;}
.fl-r{ float: right;}

.line15{ line-height: 1.5em;}
.preLine{ white-space: pre-line;}

.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.strong{ font-weight: 700; }
.bold{ font-weight: 700; }
.through{ text-decoration: line-through;}
.border20{border-radius: 0 0 0 20px;}

.wp10{ width: 10% !important;}
.wp15{ width: 15% !important;}
.wp20{ width: 20% !important;}
.wp25{ width: 25% !important;}
.wp27{ width: 27%;}
.wp28{ width: 28% !important;}
.wp30{ width: 30% !important;}
.wp32{ width: 32% !important;}
.wp33{ width: 33% !important;}
.wp34{ width: 34% !important;}
.wp35{ width: 35% !important;}
.wp40{ width: 40% !important;}
.wp45{ width: 45% !important;}
.wp49{ width: 49% !important;}
.wp50{ width: 50% !important;}
.wp55{ width: 55% !important;}
.wp60{ width: 60%;}
.wp70{ width: 70%;}
.wp73{ width: 73% !important;}
.wp78{ width: 78% !important;}
.wp80{ width: 80% !important;}
.wp85{ width: 85% !important;}
.wp90{ width: 90%;}
.wp97{ width: 97%;}
.wp100{ width: 100% !important;}
.padding5{padding:5px 0;}
.padding10{padding:10px 0;}
.padding13{padding:13px 0;}
.padding15{padding:15px 0 !important;}
.padding20{padding:20px 0;}
.padding30{padding:30px 0;}
.padding50{padding:50px 0;}
.padding70{padding:70px 0;}
.margin0{ margin: 0px auto !important;}
.margin5{ margin: 5px 0;}
.margin1{ margin: 1px auto !important;}
.margin10{ margin: 10px auto;}
.margin15{ margin: 15px auto;}
.margin20{ margin: 20px auto;}
.margin25{ margin: 25px auto;}
.margin30{ margin: 30px auto !important;}
.margin40{ margin: 40px auto;}
.margin50{ margin: 50px auto;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px;}
.mt65{ margin-top:65px;}
.mt100{ margin-top:100px;}
.mt110{ margin-top:110px;}
.mt115{ margin-top:115px;}
.mt120{ margin-top:120px;}
.ml10{margin-left: 10px;}
.mr5{margin-right: 5px;}
.mr50{margin-right: 50px;}
.mr9{margin-right: 9px;}
.mb10{ margin-bottom:10px !important;}
.mb20{ margin-bottom:20px !important;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}
.mb110{ margin-bottom:110px;}
.pb5{ padding-bottom: 5px;}
.pb10{ padding-bottom: 10px;}
.pb20{ padding-bottom: 20px;}
.pb30{ padding-bottom: 30px;}
.pb40{ padding-bottom: 40px;}
.pb50{ padding-bottom: 50px;}
.pt0{ padding-top:0 !important;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt120{padding-top: 120px;}
.img100 img{ width: 100%;}

.vcenter{vertical-align: middle;}

.margin2030{margin: 20px 0 30px !important;}
.margin2050{margin: 20px 0 50px;}
.margin4065{margin: 40px auto 65px;}

.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font18{font-size: 18px;}
.font26{ font-size: 26px !important;}

.height615{height: 615px;}

.txtC{ text-align:center; }

.bg1{background: url(/images/bg_sub01.jpg) center center no-repeat; height: 310px; background-size: cover;}
.bg-club{background: url(/images/bg_club.jpg?v=2) center center no-repeat; height: 100vh; background-size: cover;}
.subTop{width: 100%; height: 310px; position: relative;}
.subTop2{width: 100%; position: relative;}
.subTopCon{position: absolute; top: 0; left: 0; text-align: center; width: 100%;}
.subTopCon2{text-align: center; width: 100%;}
.subTopText{width: 1200px; margin: 130px auto 95px; text-align: center;}
.subTopText h2{color: #fff; font-size: 30px; padding-bottom: 10px;}
.subTopText p{color: #fff; font-size: 18px; font-weight: 300; text-transform: uppercase;}

.subTopText2{z-index: 1; width: 100%; text-align: left; position:absolute; top: 40%; left: 5%;}
.subTopText2 h2{font-size: 50px; color: #fff; text-shadow: 0 3px 6px rgba(0,0,0,0.2); font-weight: 400;}
.subTopText2 p{font-size: 20px; color: #fff; margin-top: 20px; font-weight: 400;}
.subTopText2 p span{color: #000;}

.subTopMenu{position: relative; width: 1200px; margin: 80px auto 0; height: 80px;}
.tabMenu{text-align: center; margin: auto; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 0; border: 1px solid #ccc; border-radius: 15px; background: #fff;}
.tabMenu a{background-color: #fff; color: #101010; padding: 10px 30px; display: inline-block; font-size: 20px; position:relative; width: calc(100%/3); font-weight: 300;}
.tabMenu a.on{color: #fff; background: #21322D;}
.tabMenu a:first-child{border-radius: 15px 0 0 15px;}
.tabMenu a:last-child{border-radius: 0 15px 15px 0;}

/* tab 2개일때*/
.tabMenu2{text-align: center; margin: auto; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 0; border: 1px solid #ccc; border-radius: 15px;}
.tabMenu2 a{background-color: #fff; color: #101010; padding: 10px 30px; display: inline-block; font-size: 20px; position:relative; width: calc(100%/2); font-weight: 300;}
.tabMenu2 a.on{color: #fff; background: #CAA07A;}
.tabMenu2 a:first-child{border-radius: 15px 0 0 15px;}
.tabMenu2 a:last-child{border-radius: 0 15px 15px 0;}

/*230920*/
.tabMenu2.tab22 a{width: calc(100%/5) !important;}

/* tab 3개일때*/
.tabMenu3{text-align: center; margin: auto; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 0; border: 1px solid #ccc; border-radius: 15px;}
.tabMenu3 a{background-color: #fff; color: #101010; padding: 10px 30px; display: inline-block; font-size: 20px; position:relative; width: calc(100%/3); font-weight: 300;}
.tabMenu3 a.on{color: #fff; background: #CAA07A;}
.tabMenu3 a:first-child{border-radius: 15px 0 0 15px;}
.tabMenu3 a:last-child{border-radius: 0 15px 15px 0;}

/* tab 4개일때*/
.tabMenu4{text-align: center; margin: auto; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 0; border: 1px solid #ccc; border-radius: 15px;}
.tabMenu4 a{background-color: #fff; color: #101010; padding: 10px 30px; display: inline-block; font-size: 20px; position:relative; width: calc(100%/4); font-weight: 300;}
.tabMenu4 a.on{color: #fff; background: #21322D;}
.tabMenu4 a:first-child{border-radius: 15px 0 0 15px;}
.tabMenu4 a:last-child{border-radius: 0 15px 15px 0;}

/* tab 5개일때*/
.tabMenu5{text-align: center; margin: auto; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 0; border: 1px solid #ccc; border-radius: 15px;}
.tabMenu5 a{background-color: #fff; color: #101010; padding: 10px 30px; display: inline-block; font-size: 20px; position:relative; width: calc(100%/5); font-weight: 300;}
.tabMenu5 a.on{color: #fff; background: #CAA07A;}
.tabMenu5 a:first-child{border-radius: 15px 0 0 15px;}
.tabMenu5 a:last-child{border-radius: 0 15px 15px 0;}

/* tab 6개일때*/
.tabMenu6{text-align: center; margin: auto; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 0; border: 1px solid #ccc; border-radius: 15px;}
.tabMenu6 a{background-color: #fff; color: #101010; padding: 10px 30px; display: inline-block; font-size: 20px; position:relative; width: calc(100%/6); font-weight: 300;}
.tabMenu6 a.on{color: #fff; background: #CAA07A;}
.tabMenu6 a:first-child{border-radius: 15px 0 0 15px;}
.tabMenu6 a:last-child{border-radius: 0 15px 15px 0;}

/*login*/
.contents-login{ position: relative; width: 460px; margin: 0 auto; padding:120px 0 50px;}
.contents-login::after{ content: ''; clear: both; display: block;}

.logo-login{ width: 100%; margin-bottom:75px;}
.logo-login img{ display: block; width: 350px; margin: auto;}

.btn-back{ width:74%; position: relative; height: 68px; margin: auto;}
.btn-back h1{ text-align: center;}
.btn-back h1 a{ display: inline-block;}

.login-wrap{ width: 100%; margin:auto; font-family: 'Noto Sans KR';}
.login-wrap ul{ margin-bottom:15px;}
.login-wrap h1.title{ text-align: center; font-size: 28px; padding:30px 0 15px; color: #2F3334; font-weight: 500;}

.login-wrap ul li{  position: relative;}
.login-wrap ul li input{ background-color: #fff; height: 70px; border-bottom: 1px solid #707070;}
.login-wrap ul li input::-webkit-input-placeholder{ font-size: 20px; font-weight: 300; }
.login-wrap ul li input::-moz-placeholder{ font-size: 20px; font-weight: 300;}
.login-wrap ul li input:-ms-input-placeholder{ font-size: 20px; font-weight: 300;}
.btn-clear {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 10px;
	height: inherit;
	background: url(/images/member/btn_login_x.svg) center center no-repeat;
	background-size: 10px 10px;
	text-indent: -999999px;
	cursor: pointer;
}

.btn-login{ width: 100%; text-align: center; margin-top:16px; font-size: 0;}
.btn-login.join03{ display: flex; justify-content: space-between;}
.btn-login a{ display: inline-block; width: 47%; border:1px solid #010101; color: #2F3334; font-weight: 500; line-height: 56px; font-size: 20px;}
.btn-login a.on{ background-color: #21322D; border:1px solid #fff; box-shadow:4px 5px 0 #e5e5e5; color: #fff;}
.btn-login a:last-child{ float:right;}

.btn-idpw{ width: 90%; text-align: center; margin: 40px auto; overflow: hidden;}
.btn-idpw a{ color: #535B5D; position: relative;  text-align: center; width: 50%; float: left; font-size: 18px;}
.btn-idpw a:first-child::after{ content: ''; width: 1px; height: 29px; background-color: #b4bbbc; position: absolute; right: 0; top:4px;}

.login-wrap ul li.phone{ width: 100%; overflow: hidden; margin:20px 0;}
.login-wrap ul li.phone p{ margin-left: 1.5%; float: left; width: 32%; position: relative;}
.login-wrap ul li.phone p:first-child{margin-left: 0;}
.login-wrap ul li.phone p input{ font-size: 20px;}

.phone-certified{ width:100%; overflow: hidden;}
.phone-certified li{ width: 25%; float:left;}
.phone-certified li:first-child{ width: 75%;}
.phone-certified input[type="number"]{ width: 100%; background-color: #F4F4F4; border-bottom: 0; height: 60px;}
.phone-certified input[type="number"]::-webkit-input-placeholder{ color: #2f3334; }
.phone-certified input[type="number"]::-moz-placeholder{ color: #2f3334;}
.phone-certified input[type="number"]::-ms-input-placeholder{ color: #2f3334;}

.phone-certified .certified-time{ color: #131313; line-height: 60px; background-color: #F4F4F4; text-align: center; font-weight: 300; font-size: 20px;}

.btn-sns{ width: 100%; margin-bottom: 15px;}
.btn-sns a{ display: block; background-color: #F4F4F4; text-align: center; line-height: 40px; font-size: 0.88em; color: #5F6668; margin-bottom: 6px;}
.btn-sns a img{ width: 25px; display: inline-block; vertical-align: middle; margin-right: 14px; margin-top:-4px; }

.text-login01{ text-align: center; line-height: 1.25em; color: #535B5D; word-break: keep-all; font-family: 'Noto Sans KR'; font-size: 18px;}
.text-login02{ text-align: center; line-height: 1.25em; color: #535B5D; word-break: keep-all; font-size:14px; line-height: -0.7px;}
.btn-join-text{ font-size: 18px; font-weight: 700; color: #272727; text-align: center; margin: 7px 0;}

.id-check-box{ width: 100%; padding: 3em 0; font-weight: 500; text-align: center; margin-bottom: 15px; font-size: 25px; letter-spacing: -0.63px; line-height: 2.4em; color: #2f3334; }
.id-check-box.bg-gray{ background-color: #f4f4f4; padding:2em 0;}
.id-check-box span{ font-size: 40px; letter-spacing: -2px; font-weight: 400; color: #000; }
.id-check-box span b{font-size: 30px;}

/* id */
.btn-certified{ width: 100%; text-align: center; border:1px solid #fff; color: #fff; font-weight: 300; background-color: #21322D; font-size: 20px; margin-bottom: 20px;  box-shadow:4px 5px 0 #e5e5e5; line-height: 56px;}
.btn-certified2{ width: 100%; text-align: center; border:1px solid #21322D; color: #21322D; font-weight: 600; font-size: 16px; margin-bottom: 20px; line-height: 42px; background-color: #fff; letter-spacing: -0.8px; max-width: 160px;}
.btn-certified.off{ border:1px solid #b4bbbc; color: #b4bbbc;}

/*join*/
.join-wrap{ width: 96%; margin:auto;}
.join-top-box{ width: 100%; background-color: #21322D; color: #fff; font-weight: 300; text-align: center; line-height: 48px; text-transform: uppercase; font-size: 1.13em;}
.join-top-box span{ color: #fff;}
.join-wrap h1.title{ text-align: center; font-size: 1.38em; padding:30px 0 20px; color: #535B5D; font-weight: 700;}

.join-wrap2{ width: 40%; margin:auto;}
.join-wrap2 h1.title{ text-align: center; font-size: 1.38em; padding:30px 0 20px; color: #535B5D; font-weight: 700;}
.join-wrap2 input[type="text"]{background: transparent; border-bottom: 1px solid #535B5D;}
.join-wrap2 input[type="text"]::placeholder{color: #535B5D; font-weight: 300;}
.join-wrap2 input[type="number"]{background: transparent; border-bottom: 1px solid #535B5D;}
.join-wrap2 input[type="number"]::placeholder{color: #535B5D; font-weight: 300;}
.join-wrap2 input:disabled{border: none; border-bottom: 1px solid #535B5D;}

.check-all{ text-align: center; width: 100%;}
.check-all span{ width: 34px; height: 34px; display: inline-block; margin-top:25px;}
.check-all input[type=checkbox] {
    display:none;
}
.check-all input[type=checkbox] + label { 
    cursor: pointer; 
    background-repeat: no-repeat;
    background-image: url('/images/member/img_check_style01.svg');
	background-size: 34px 34px;
	font-size: 0;
	padding: 17px;
	width: 34px;
	height: 34px;
}
.check-all input[type=checkbox]:checked + label {
    background-image: url('/images/member/img_check_style01_on.svg');
	background-size: 34px 34px;
}

.join-box{ width: 100%;}
.join-box ul li h2.title{ font-size:18px; text-align: left; color: #535b5d; letter-spacing: -1px; font-weight: 400; padding:6px 0 15px 10px; position: relative;}
.join-box ul li h2.title b{ color: #DE3B18; padding-left: 5px; display: inline-block;}

.check-select{ position: absolute; right: 8px; top:0; }
.check-select input[type=checkbox] {
    display:none;
}
.check-select input[type=checkbox] + label { 
    cursor: pointer; 
    background-repeat: no-repeat;
    background-image: url('/images/member/img_check_style02.svg');
	background-size: 24px 24px;
	font-size: 0;
	padding: 12px;
}
.check-select input[type=checkbox]:checked + label {
    background-image: url('/images/member/img_check_style02_on.svg');
	background-size: 24px 24px;
}

.join-agree-box{ width: 100%; height: 100px; border:1px solid #e8e8e8; background-color: #f4f4f4; font-size: 12px; font-weight: 300; padding : 12px; margin-bottom:10px; overflow: hidden; overflow-y: scroll; white-space: pre-line; line-height: 1.4em; font-size: 12px;}
.text-join01{ font-size: 12px; line-height: 18px; word-break: keep-all; text-align: left; letter-spacing: -1px;}
.text-join02{ color: #2f3334; font-weight: 300; font-size: 15px; word-break: keep-all; width: 96%; margin: auto; letter-spacing: -1px; line-height: 1.5em;}
.text-join02 span.text-big{ color: #ea5815; font-size: 15px; font-weight: 400; letter-spacing: -0.38px; }
.text-join02 span.text-big02{ color: #ea5815; font-size: 18px; font-weight: 400; letter-spacing: -0.45px; }
.text-join02 span.text-small{ font-size: 13px; letter-spacing: -0.65px;}
.text-join03{ font-size: 15px; line-height: 18px; word-break: keep-all; text-align: left; letter-spacing: -1px;}


.certified-box{ width: 100%; overflow: hidden; margin:0 auto 30px;}
.certified-box li{/* width: 40%; float:left;*/ text-align: center; margin: 0 5%; width: 39.5%; display: inline-block;}
.certified-box li h2{ color: #535b5d;  font-weight: 500;}
.certified-box li p{ border-radius: 50%; width: 104px; height: 104px; background-color: #e8e8e8; margin: 20px auto; display: flex; justify-content: center; justify-items: center;}

.member-info-box{ width: 100%;}
.member-info-box dl{ width: 100%; margin-bottom: 26px;}
.member-info-box dl::after{ clear: both; content: ''; display: block;}
.member-info-box dt{ display: block; margin-bottom: 15px; color: #000; font-weight: 500;}
.member-info-box dt span{ vertical-align: text-top; color: #71a341; font-weight: 500; padding-left: 5px;}
.member-info-box dd{ width: 100%; margin-bottom: 8px;}

.enter-name{ width: 70% !important; float: left;}
.enter-sex{ width: 28% !important; margin-left: 2%; float: left;}

.enter-id{ width: 70% !important; float: left;}
.enter-id2{ width: 100% !important; float: left;}
.btn-overlap{ width: 28% !important; margin-left: 2%; float: left; background-color: #21322D; color: #fff; font-weight: 400; text-align: center; line-height: 48px;}

.area{ display: flex; justify-content: space-between}
.area .zone{ width: 100%;}

.birthday{ width: 100%;}

.email{ display: flex; justify-content: space-between; justify-items: center; line-height: 48px;}
.email input[type="text"]{ width: 45%;}

.member-info-box .phone{ width: 100%; display: flex; justify-content: space-between;}
.member-info-box .phone input{ font-size: 0.94em; width: 32%;}

.radio-sty01{ font-size: 0.88em;}
.radio-sty01 input[type=radio] {
    display:none;
}
.radio-sty01 input[type=radio] + label { 
    background-repeat: no-repeat;
    background-image: url('/images/member/radio.svg');
	background-size: 16px 16px;
	padding-left: 21px;
	padding-right: 20px;
	background-position: left top 3px
}
.radio-sty01 input[type=radio]:checked + label {
    background-image: url('/images/member/radio_on.svg');
	background-size: 16px 16px;
}

.join-finish{ width:100%; margin:52px 0 0;}
.join-finish a{width: 100%; display: block; background-color: #fff; color: #000; font-weight: 600; line-height: 56px; font-size: 20px; border: 1px solid #2D2D2D; text-align: center;}

.join-agree-tbl{ width: 100%; color: #454545; }
.join-agree-tbl th{ padding: 6px 0; border: 1px solid #eee; font-size: 12px; background: #f9f9f9; text-align: center;  font-weight: 400; vertical-align: middle; word-break: keep-all; }
.join-agree-tbl td{ padding: 6px 0; border: 1px solid #eee; font-size: 12px; color: #454545; line-height: 1.5em; text-align: center; vertical-align: middle; font-weight: 400; background-color: #fff; position: relative;  word-break: keep-all;}
.join-agree-tbl td span{ font-size: 12px; font-weight: 500;}
.join-agree-tbl td .check-select{left: 50%; top:30%; right: auto; transform: translate(-50%,-50%) }

/*join-select*/
.join-select {
	background: #f4f4f4;
	text-align: left;
	cursor: pointer;
	position: relative;
	text-indent: 1em;
	line-height: 48px;
}
.join-select.disabled{ background-color: #fff; border: 1px solid #e8e8e8; line-height: 46px;}
.join-select span{color: #000;}
.join-select li .options {
	display: block;
	margin: 0;
	background:#fff;
	position: absolute;
	width: 100%;
	overflow: hidden;
	max-height: 0;
	border: 1px solid #e8e8e8;
	border-top:0;
	top:49px;
	left:0;
	opacity: 0;
	transition:0.5s ease all;
	z-index: 1;
	
}
.join-select li .options li {transition: 0.5s ease all; border-bottom: 1px solid #e8e8e8;}
.join-select li .options li:last-child {border-bottom:0;}
.join-select li .options li:hover {
  	background: #f3f3d4;
	color:#000;
}
.join-select li .options.open {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-top:0;
	opacity: 1;
	/*max-height: 1000%;*/
	max-height: 347px;
	overflow-y: auto;
}
.join-select:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 0.8em solid #000;
  position: absolute;
  top: 20px;
  right: 1em;
  transition: all ease 0.25s;
}

/* reservation - guide */
.sub-content-nav{width: 100%; text-align: center; color: #434343; height: 40px; margin-bottom: 70px;}
.sub-content-nav ul{text-align: center; margin: auto; position: absolute; left: 50%; transform: translateX(-50%); font-size: 0; border: 1px solid #D8D8D8; border-radius: 20px;}
.sub-content-nav ul li{display: inline-block; padding: 8px 25px; position: relative; font-size: 16px;}

.sub-content-nav ul li::before{content: '▶'; position: absolute; display: inline-block; right: -10px; top: 11px; font-size: 13px;}
.sub-content-nav ul li:last-child::before{display: none;}

.contents-reser{ position: relative; width: 1180px; margin: 130px auto 80px;}
.reser-title{text-align: center; font-size: 30px; color: #434343;}
.reser-title2{text-align: center; font-size: 26px; font-weight: 300;}
.contents-tab{text-align: center; margin: 100px auto 55px; font-size: 0; border: 1px solid #D9D9D9; border-radius: 15px;}
.contents-tab a{background-color: #fff; display: inline-block; font-size: 16px; position: relative; border-right: 0; width: calc(100%/6); line-height: 58px; font-size: 20px; font-weight: 300;} 
.contents-tab a.on{background: #CAA07A; color: #fff;}
.contents-tab a:first-child{border-radius: 15px 0 0 15px;}
.contents-tab a:last-child{border-radius: 0px 15px 15px 0;}

.sub-title{font-size: 26px; margin-top: 60px;}
.sub-title span{color: #DE3B18; font-size: 18px; margin-left: 5px;}
.reser-wrap02 ul{border-bottom: 1px solid #E6E6E6;}
.reser-wrap02 ul:last-child{border: 0;}
.reser-wrap02 ul li{white-space: pre-line; line-height:34px; padding: 20px 0; font-size: 18px; font-weight: 300;}

/*.reser-info-table*/
.reser-info-table {width: 100%; background-color: #fff; border-collapse: collapse;border-radius: 20px; border-style: hidden; box-shadow: 0 0 0 1px #707070; color: #434343; font-size: 18px; font-weight: 300;}
.reser-info-table thead th:first-child{border-radius: 20px 0 0 0;}
.reser-info-table thead th:last-child{border-radius: 0 20px 0 0;}
.reser-info-table thead .top{border-radius: 20px 20px 0 0 !important;}
.reser-info-table thead th{background: #21322D; color: #fff; padding: 8px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle;}
.reser-info-table tbody th{background: #F5F5F5; border: 1px solid #DCDCDC; vertical-align: middle; padding: 15px; white-space: pre-line;}
.reser-info-table tbody tr:last-child th{border-radius: 0 0 0 20px;}
.reser-info-table tbody td{border: 1px solid #DCDCDC; padding: 8px; text-align: center; vertical-align: middle; white-space: pre-line;}
.reser-info-table tbody tr img {display: block; margin: 0 auto; padding-bottom: 5px;}

/*.reser-info-table2*/
.reser-info-table2{width: 100%; background-color: #fff; border-collapse: collapse;border-radius: 20px;border-style: hidden;box-shadow: 0 0 0 1px #707070;color: #434343;}
.reser-info-table2 thead tr:first-child th{border-radius: 20px 0 0 0; background: #21322D; color: #fff;}
.reser-info-table2 thead tr:first-child th:last-child{border-radius: 0 20px 0 0; background: #5D756E; color: #fff;}

.reser-info-table2 thead th:last-child{border-radius: 0 20px 0 0;}
.reser-info-table2 thead th{padding: 5px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle;}
.reser-info-table2 tbody th{font-weight: 400; border: 1px solid #DCDCDC; padding: 8px; text-align: center; vertical-align: middle;}
.reser-info-table2 tbody td{border: 1px solid #DCDCDC; padding: 8px; text-align: center; vertical-align: middle; white-space:pre-line;}
.reser-info-table2 tbody tr:last-child th{background: #21322D; color: #fff; border-radius: 0 0 0 20px;}
.reser-info-table2 tbody tr:last-child td{background: #21322D; color: #fff;}
.reser-info-table2 tbody tr:last-child td:last-child {border-radius: 0 0 20px 0;}

/* reservation */
.reser-btn-wrap{width: 100%; text-align: center;}
.fee-check-btn{border: 1px solid #B1B1B1; font-size: 18px; color: #434343; text-align: center; width: 165px; padding: 10px 25px; border-radius: 10px;}
.reser-cal-wrap{width: 100%;}
.reser-cal-box{width: 49%; float: left; margin-right: 20px;}
.reser-cal-box:last-child{margin-right: 0;}
.reser-cal-box h2{ font-size: 18px; font-weight: 500; text-align: center; margin: 20px 0; position: relative;}
.reser-cal-box h2 span{font-size: 35px; margin-left: 5px; letter-spacing: 1px;}
.reser-arw-left::before{content: ''; position: absolute; top: 20px; left: 10px; width: 27px; height: 27px; cursor: pointer; background-image: url(/images/reservation/reser-btn-prev.svg); background-repeat: no-repeat;}
.reser-arw-right::before{content: ''; position: absolute; top: 20px; right: 10px; width: 27px; height: 27px; cursor: pointer; background-image: url(/images/reservation/reser-btn-next.svg); background-repeat: no-repeat;}

.reser-table{width: 100%;}
.reser-table thead th{background: #434343; color: #fff; font-weight: 300; font-size: 20px; padding: 5px; height: 50px; vertical-align: middle;}
.reser-table thead th:first-child{border-radius: 20px 0 0 0;}
.reser-table thead th:last-child{border-radius: 0 20px 0 0;}
.reser-table tbody td{font-size: 15px; padding: 10px; border: 1px solid #D8D8D8; height: 83px; font-weight: 300; position: relative;}
.reser-table tbody td.open{background: #FFEEC1;}
.reser-table tbody td.open span{display: block; margin-top: 10px;}
.reser-table tbody td .day-first{position: absolute; right: 0; background: #21322D; border-radius: 20px 0 0 20px; bottom: 15px; color: #fff; padding: 2px 18px;}
.reser-table tbody td .day-middle{position: absolute; bottom: 15px; color: #fff; width: 100%; background: #21322D; left: 0; padding: 2px 18px; text-align: center;}
.reser-table tbody td .day-last{position: absolute; left: 0; background: #21322D; border-radius: 0 20px 20px 0; bottom: 15px; padding: 2px 18px; color: #fff;}
.reser-table tbody td.today{background: #DE3B18; color: #fff;}
.reser-table tbody td.today span{font-size: 13px; margin-left: 5px;}
.reser-table tbody td.end{background: #E8E8E8; color: #A5A5A5;}
.reser-table tbody td.end span{color: #A5A5A5; display: block; margin-top: 10px; text-align: center;}
.reser-cal-info{display: inline-block; background: #6B6B6B; width: 44px; color: #fff; border-radius: 10px; font-size: 12px; text-align: center; position: absolute; right: 7px; top: 13px;}
.reser-table tbody td:first-child{color: #086BDC;}
.reser-table tbody td:last-child{color: #DE0000;}
.reser-table tbody td a{ display: block; width: 100%; height: 100%;}
.page-list{width: 100%;}
.pageNum{width: 100%; vertical-align: middle;}
.pageNumWrap{width: 100%; margin-top: 30px; text-align: center; position: relative;}
.pageNumWrap li{display: inline-block; margin: 20px; font-size: 20px; font-weight: 300;}
.pageNumWrap li.on{font-weight: 400;}
.pageNumWrap li a.page-prev{border: 1px solid #AAA6A6; border-radius: 10px; padding: 7px 12px; text-align: center; font-size: 16px;}
.pageNumWrap li a.page-next{border: 1px solid #AAA6A6; border-radius: 10px; padding: 7px 12px; text-align: center; font-size: 16px;}

/* reservation-tab */
.reser-tab{ width: 100%; text-align: center;  clear: both;}
.reser-tab .tab-box{height: 64px; line-height: 64px;}
.reser-tab li{display: inline-block; width: 66px; margin-right: 50px; font-size: 22px; font-weight: 300; color: #B7B7B7; cursor: pointer;}
.reser-tab li:last-child{ margin-right: 0;}
.reser-tab li.on{ background-color: #DE3B18; color: #fff; border-radius: 50%; height: 64px; font-weight: 400; line-height: 64px;}

.reser-con{ clear: both; width: 100%;}
.reser-box{ width: 100%;}
.check-title{font-size: 26px; text-indent: 20px;}

/* reser-sub-tab */
.reser-tab2{ width: 100%; text-align: center;  clear: both; }
.reser-tab2 li{ display: inline-block; color: #B7B7B7; font-size: 22px; letter-spacing: -0.9px; text-align: center; cursor: pointer; line-height: 64px; font-weight: 300;}
.reser-tab2 li:last-child{ margin-right: 0;}
.reser-tab2 li.on{ background-color: #DE3B18; color: #fff; border-radius: 50%; height: 64px; width: 64px; font-weight: 400;}
/*3*/
.reser-tab3{ width: 100%; text-align: center; clear: both; margin-bottom: 50px; }
.reser-tab3 li{ display: inline-block; color: #B7B7B7; font-size: 20px; letter-spacing: -0.9px; text-align: center; cursor: pointer; line-height: 40px; font-weight: 300; margin-right: 60px;}
.reser-tab3 li:last-child{ margin-right: 0;}
.reser-tab3 li.on{ color: #DE3B18; border-bottom: 1px solid #DE3B18; position: relative;}
.reser-tab3 li.on::after{content: ''; font-size: 12px; text-align: center; position: absolute; bottom: -11px; left: 50%; background-image: url('/images/reservation/tab-triangle.svg'); width: 13px; height: 11px; transform:translate(-50%);}

/*4*/
.tab-box4{border: 1px solid #ccc; height: 60px; border-radius: 20px 20px 0 0;}
.reser-tab4{ width: 100%; text-align: center; clear: both; }
.reser-tab4 a{ display: inline-block; color: #000; font-size: 20px; text-align: center; cursor: pointer; font-weight: 300; width: 50%; padding: 15px; float: left;}
.reser-tab4 a:last-child{ margin-right: 0;}
.reser-tab4 a.on{ color: #fff; position: relative; background: #21322D; border-radius: 20px 0 0 0;}
.reser-tab4 a.on1{ color: #fff; position: relative; background: #21322D; border-radius: 0 20px 0 0;}

/*4 - blue*/
.reser-tab4-blue{ width: 100%; text-align: center; clear: both; position: relative;}
.reser-tab4-blue li{ display: inline-block; color: #B7B7B7; font-size: 22px; letter-spacing: -0.9px; text-align: center; cursor: pointer; line-height: 40px; font-weight: 300; margin-right: 60px;}
.reser-tab4-blue li:last-child{ margin-right: 0;}
.reser-tab4-blue li.on{ color: #21322D; border-bottom: 1px solid #21322D; position: relative; font-weight: 400;}
.reser-tab4-blue li.on::after{content: '▼'; color: #21322D; font-size: 12px; text-align: center; position: absolute; bottom: 5px; left: 50%; width: 13px; height: 11px; transform:translate(-50%);}
.menu-btn{background:#CAA07A; color: #fff !important; font-weight: 500; font-size: 22px; border-radius: 20px; padding: 6px 35px; text-align: center;}
.reser-tab4-blue li.menu-btn::after{content: '';}

/*5*/
.reser-tab5{ width: 100%; text-align: center; clear: both; margin-bottom: 50px; }
.reser-tab5 li{ display: inline-block; color: #B7B7B7; font-size: 20px; letter-spacing: -0.9px; text-align: center; cursor: pointer; line-height: 40px; font-weight: 300; margin-right: 60px;}
.reser-tab5 li:last-child{ margin-right: 0;}
.reser-tab5 li.on{ color: #DE3B18; border-bottom: 1px solid #DE3B18; position: relative;}
.reser-tab5 li.on::after{content: ''; font-size: 12px; text-align: center; position: absolute; bottom: -11px; left: 50%; background-image: url('/images/reservation/tab-triangle.svg'); width: 13px; height: 11px; transform:translate(-50%);}

/*9*/
.reser-tab9{ width: 100%; text-align: center; clear: both; }
.reser-tab9 li{ display: inline-block; color: #B7B7B7; font-size: 22px; letter-spacing: -0.9px; text-align: center; cursor: pointer; line-height: 40px; font-weight: 300; margin-right: 60px;}
.reser-tab9 li:last-child{ margin-right: 0;}
.reser-tab9 li.on{ color: #21322D; border-bottom: 1px solid #21322D; position: relative; font-weight: 400;}
.reser-tab9 li.on::after{content: '▼'; color: #21322D; font-size: 12px; text-align: center; position: absolute; bottom: 5px; left: 50%; width: 13px; height: 11px; transform:translate(-50%);}

/* hole 9 */
.hole-tab9{ width: 100%; text-align: center; clear: both; position: absolute; left: 0; top: 380px;}
.hole-tab9 li{ display: inline-block; color: #B8B8B8; font-size: 24px; text-align: center; cursor: pointer; font-weight: 300; margin-right: 25px; border: 1px solid #DEDEDE; border-radius: 50%; padding: 5px; background: #fff; width: 50px; height: 50px; box-shadow: 0 2px 10px rgb(0 0 0 / 10%);}
.hole-tab9 li:last-child{ margin-right: 0;}
.hole-tab9 li.on{ position: relative; background: #000; color: #fff;}

.reser-con{ clear: both; width: 100%;}
.reser-box{ width: 100%;}

.reser-package{background: #F6F6F6; color: #101010 !important; font-size: 22px; border-radius: 30px; width: 20% !important; font-weight: 300; cursor: pointer;}

.reser-course-tab{margin: 50px 0 40px;}
.reser-course-tab .reser-tab-box{border: 1px solid #D8D8D8; border-radius: 20px 20px 0 0; width: 100%; height: 50px;}
.reser-course-tab .reser-tab-box li{width: 20%; text-align: center; padding: 10px; float: left; font-size: 20px; color: #B7B7B7; font-weight: 300; cursor: pointer;}
.reser-course-tab .reser-tab-box li.on{background: #21322D; color: #fff; border-radius: 20px 0 0 0;}
/*2*/
.reser-course-tab .reser-tab-box2{border: 1px solid #D8D8D8; border-radius: 0 0 20px 20px; width: 100%; height: 50px; border-top: 0;}
.reser-course-tab .reser-tab-box2 li{width: 25%; text-align: center; padding: 10px; float: left; font-size: 20px; color: #B7B7B7; font-weight: 300; cursor: pointer;}
.reser-course-tab .reser-tab-box2 li.on{background: #21322D; color: #fff; border-radius: 20px 0 0 0;}
/*3*/
.reser-course-tab .reser-tab-box3{border: 1px solid #D8D8D8; border-radius: 0 0 20px 20px; width: 100%; height: 50px; border-top: 0;}
.reser-course-tab .reser-tab-box3 li{width: 20%; text-align: center; padding: 10px; float: left; font-size: 20px; color: #B7B7B7; font-weight: 300; cursor: pointer;}
.reser-course-tab .reser-tab-box3 li.on{background: #21322D; color: #fff; border-radius: 20px 0 0 0;}

.reser-select-table{width: 100%; font-size: 20px; font-weight: 300; text-align: center; box-shadow: 0 0 0 1px #707070; border-radius: 20px; margin-top: 30px;}
.reser-select-table thead th{background: #21322D; padding: 10px 0; color: #fff;}
.reser-select-table tbody th{background: #21322D; border-radius: 0 0 0 20px; border-right: 1px solid #707070; vertical-align: middle;}
.reser-select-table tbody td{padding: 15px 0; border-bottom: 1px solid #dcdcdc; color: #434343;}
.reser-select-table tbody tr:last-child td{border-bottom: 0;}
.reser-select-table tbody td a{background: #de3b18; color: #fff; padding: 5px 40px; border-radius: 10px; font-weight: 300;}
.reser-select-table thead th:first-child{border-radius: 20px 0 0 0;}
.reser-select-table thead th:last-child{border-radius: 0 20px 0 0;}
.reser-select-table tbody td select{width: 140px; height: 48px;}

.more-btn{height: 51px; background: #777; border-radius: 0 0 20px 20px; color: #fff; text-align: center; width: 100%; padding-top: 5px; cursor: pointer; box-shadow:0 0 0 1px #707070;}
.more-btn h3 span{display: block; font-size: 12px; margin-top: -5px;}

.reser-cal-btn{text-align: center; position: absolute; bottom: 0; right: 50px;}
.reser-cal-btn img{margin: 0 auto; text-align: center;}

.table-btn{width: 100%; display: block; text-align: center; margin-top: 40px;}
.reser-cal-btn2{text-align: center; }
.reser-cal-btn2 img{margin: 0 auto; text-align: center;}
.reser-cal-btn2 h3.table-text2{font-weight: 300; margin-top: 5px;}

/*reser_layerPopup*/
.commonPop{ 
    background-color: #fff;
    position: fixed;
    z-index: 10000;
	border-radius: 15px;
	left: 50%;
	top:50%;
	word-break: keep-all;
}

/* layer1 */
.commonPop.layer1{width: 530px; padding: 45px 40px; transform: translate(-50%, -50%);}
.commonPop.layer1 .reser-info-box h3{text-align: right; padding: 10px 0; font-size: 14px;}
.commonPop.layer1 .reser-info-box h3 span{font-weight: 400; color: #21322D; margin: 0 5px;}
.commonPop.layer1 .reser-info-box h4{font-size: 20px; text-align: right; padding: 5px 0;}
.commonPop.layer1 .reser-info-box h4 span{color:#de3b18; font-weight: 400;}
.commonPop .pop-title{text-align: center; font-size: 28px;}
.reser-info-box{background: #f9f9f9; border-radius: 15px; border: 1px solid #e4e4e4; margin-top: 30px; padding: 20px 30px; font-weight: 300;}
.check-info{text-align: center; font-weight: 300;}
.commonPop h2.mainTit img{ vertical-align: middle;}
.commonPop .commonTxt{ line-height: 1.5em; letter-spacing: -0.5px;}
.btnBox{width: 100%; position: relative; text-align: center; margin-top: 50px;}
.btnBox a{color: #000; font-weight: 400; padding: 10px 0; width: 190px; display: inline-block; margin-right: 20px; font-size: 20px; border-radius: 10px; border: 1px solid #2D2D2D;}
.btnBox a.on{background: #21322D; color: #fff; border: 0;}
.btnBox a:last-child{margin-right: 0;}
.reser-info-box p{padding: 10px 0;}

/* layer2 */
.commonPop.layer2{width: 825px; max-height: 90%; padding: 45px 40px; transform: translate(-50%, -50%); overflow-y: scroll;}

/* layer3 */
.commonPop.layer3{width: 530px; padding: 45px 40px; transform: translate(-50%, -50%); overflow-y: scroll; max-height: 90%;}
.commonPop.layer3 .reser-info-box h3{text-align: right; padding: 10px 0; font-size: 14px;}
.commonPop.layer3 .reser-info-box h3 span{font-weight: 400; color: #21322D; margin: 0 10px;}
.commonPop.layer3 .reser-info-box h4{font-size: 20px; text-align: right; padding: 10px 0;}
.commonPop.layer3 .reser-info-box h4 span{color:#de3b18; font-weight: 400;}
.reser-inf-box{background: #f9f9f9; border-radius: 15px; border: 1px solid #e4e4e4; margin-top: 30px; padding: 20px 30px; font-weight: 300;}
.reser-info-box p{padding: 10px 0;}
.reser-info-box .reser-text{padding: 10px; letter-spacing: 1px; font-weight: 400; display: block; white-space: pre-line; line-height: 30px;}

/* layer4 */
.commonPop.layer4{width: 710px; padding: 45px 40px; transform: translate(-50%, -50%); overflow-y: scroll; max-height: 90%;}
.commonPop.layer4 .pop-sub-title{border-bottom: 1px solid #E6E6E6; padding: 25px 0 20px; font-size: 18px; font-weight: 300; text-align: center;}




.overlay{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index:9999;}

/* reser-package */
.reser-toggle input[type=radio] + label {
    font-size: 5em;
  display:none;
}
.reser-toggle input[type=radio]:checked + label {
    color: #000;
  display:block;
}
.reser-toggle input[type=radio] + label img{display: none;}
.reser-toggle input[type=radio]:checked + label img{display: block;}

.reser-toggle input[type=radio] + label.room-info{display: none;}
.reser-toggle input[type=radio]:checked + label.room-info{display: block;}

.package-select-wrap{clear: both;}
.package-title{font-size: 26px; text-align: center;}
.package-select-info{width: 100%; margin: 30px 0; height: 46px;}
.package-select-info li{width: calc(100%/6); border: 1px solid #B9B9B9; float: left; text-align: center; padding: 15px 0; border-right: 0; height: 61px; vertical-align: middle;}
.package-select-info li a{background: #DE3B18; color: #fff; border-radius: 20px; padding: 8px 15px; vertical-align: middle;}
.package-select-info li:first-child{border-radius: 20px 0 0 20px;}
.package-select-info li:last-child{border-radius: 0 20px 20px 0; border-right: 1px solid #B9B9B9;}
.package-select-info li:nth-child(odd){background: #434343; color: #fff; font-size: 20px; font-weight: 300;}
/*2*/
.package-select-info2{width: 100%; margin: 30px 0; height: 46px;}
.package-select-info2 li{width: calc(100%/6); border: 1px solid #B9B9B9; float: left; text-align: center; padding: 15px 0; border-right: 0; height: 61px;}
.package-select-info2 li a{background: #DE3B18; color: #fff; border-radius: 20px; padding: 8px 15px;}
.package-select-info2 li:first-child{border-radius: 20px 0 0 20px;}
.package-select-info2 li:last-child{border-radius: 0 20px 20px 0; border-right: 1px solid #B9B9B9;}
.package-select-info2 li:nth-child(odd){background: #949494; color: #fff; font-size: 20px; font-weight: 300;}

.golf-reser-info{padding:55px 0 20px; font-size: 18px;}
.golf-reser-content{width: 100%; position: relative; height: 477px; display: flex; justify-content:space-between;}
.reser-toggle h2{font-size: 22px; color: #333; margin-bottom:15px;}
.reser-toggle .radio-title{display: inline-block; font-size: 18px;}

.room-info{margin-top:40px; position: absolute; bottom: 0; left: 0;}
.room-info h3{background: #DE3B18; border-radius:20px; color:#fff; padding:3px; width:25%; text-align:center; font-size:18px; margin-bottom:25px; line-height: 25px;} 
.room-info p{line-height:40px; font-size: 18px;}

.reser-toggle{font-size: 18px; width: 100%; position: relative;}
.reser-toggle input{margin:10px 0; position: relative;}
.roominput{position: absolute; top: 0; left: 0;}
.reser-toggle2{position: relative;}


/*test*/
.pop-golftel-tab{ width: 100%; font-size: 0.88em;}
.pop-golftel-tab li{ padding: 3px 0 5px; font-size: 18px;}
.pop-golftel-tab input[type=radio] {accent-color:#4E4E4E; margin-right:5px; width: 17px; height: 17px;}


.pop-golftel-wrap .sub-title{ font-size: 0.88em; padding: 1em 0 0.5em;}
.course-tab-box{width:35%;}
.course-tab-box h2{font-size: 22px; margin-bottom: 15px;}
.text-golftel{font-size: 18px; line-height: 40px;}

.pop-golftel-info{ width: 35%; position: absolute; right: 0; top: 160px;}
.pop-golftel-info .room-info-title{ display: inline-block; padding: 3px 15px; background-color: #de3b18; color: #fff; text-align: center; border-radius: 15px; margin:15px auto 5px;}

.pop-golftel-con{ width: 100%; position: relative;}


/* package swiper
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-wrapper{height: 480px; overflow: hidden;}
.swiper-slide img{border: 1px solid #fff; border-radius: 15px; box-shadow: 2px 5px 10px #ccc; background: #fff; overflow: hidden;}

.roomSwiper ul{position: absolute; left: 50%; bottom: 0px; z-index: 1; margin-left: -155px; object-fit: cover;}
.roomSwiper ul li{display: inline-block; border: 1px solid #E6E6E6; border-radius: 15px; background: #fff; overflow: hidden; object-fit: cover; width: 287px; height: 166px;}
.pop-slide ul li img{padding: 10px 20px;}

.swiper-button-next, .swiper-button-prev{
    bottom: 0;
    top: auto;
    width: 29px;
    height: 29px;
    margin-top: 0;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    right:50px;
    left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    right:-55px;
    content: '';
    background: url(/images/main/controls_next.svg) center center no-repeat;
    background-size: 35px 35px;
    width: 35px;
    height: 35px;
	position: absolute;
	bottom: 80px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    right:1083px;
    content: '';
    background: url(/images/main/controls_prev.svg) center center no-repeat;
    background-size: 35px 35px;
    width: 35px;
    height: 35px;
	position: absolute;
	bottom: 80px;
}
.swiper-slide-active{display: block; z-index: 999;}
#con2,#con3{display: none;}*/

 /* package test */
.package-slide-wrap{width: 50%; display: inline-block;}
.pop-golftel-wrap .sub-title{ font-size: 0.88em; padding: 1em 0 0.5em;}
.pop-golftel-tab{ width: 100%; font-size: 0.88em;}
.pop-golftel-tab li{ padding: 3px 0 5px;}

.pop-golftel-con{ width: 100%; position: relative;}

.pop-golftel-info{ width: 96%; margin: auto; font-size: 0.75em; line-height: 1.5em;}
.pop-golftel-info .room-info-title{ display: inline-block; padding: 3px 15px; background-color: #de3b18; color: #fff; text-align: center; border-radius: 15px; margin:15px auto 5px;}

.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.roomSwiper .swiper-slide img{
    border-radius: 15px;
}
.roomSwiper .swiper-slide{
    padding-bottom: 60px;
}
.swiper-button-next, .swiper-button-prev{
    bottom: 0;
    top: auto;
    width: 29px;
    height: 29px;
    margin-top: 0;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    right:50px;
    left: auto;
}
.roomSwiper ul{position: absolute; left: 50%; bottom: 0px; z-index: 1; margin-left: -155px; object-fit: cover;}
.roomSwiper ul li{display: inline-block; border: 1px solid #E6E6E6; border-radius: 15px; background: #fff; overflow: hidden; object-fit: cover; width: 287px; height: 166px;}
.pop-slide ul li img{padding: 10px 20px;}

/* .pack-con-wrap{width: 100%; display: inline-block;}
.package-slide-wrap{width: 50%; display: inline-block;}
.pop-golftel-info{width: 50%; display: inline-block;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    right:10px;
    content: '';
    background: url(/mobile/images/btn_arw_r.svg) center center no-repeat;
    background-size: 29px 29px;
    width: 29px;
    height: 29px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    right:60px;
    content: '';
    background: url(/mobile/images/btn_arw_l.svg) center center no-repeat;
    background-size: 29px 29px;
    width: 29px;
    height: 29px;
}
#con2,#con3{display: none;} */
.golftel-slider {display: inline-block; position: relative;}
.golftel-slider ul li {padding: 0 !important;}

.room-view {width: 287px; height: 166px; border-radius: 15px; border: 1px solid #E6E6E6; overflow: hidden; position: absolute;  top: 70%; transform: translateX(145%); background-color: #fff;}
.room-view img{display: block; margin: 0 auto;}

.room_box {width: auto;}
/*.room_box {width: auto; display: inline-block; position: absolute; transform: translateX(50px);}*/
.room_box ul {}
.room_box ul li{color: #000;}
.room_box .room-tit {font-size: 26px; margin-bottom: 25px;}
.room_box .room-btn-red {background-color: #DE3B18; color: #fff; width: 10%; text-align: center; border-radius: 20px; margin-bottom: 20px; padding: 5px;}
.room_box .room-btn-bl {background-color: #21322D; color: #fff; width: 22%; text-align: center; border-radius: 20px; margin-bottom: 20px;}
.room_box .room-btn-gr {background-color: #41AD3D; color: #fff; width: 22%; text-align: center; border-radius: 20px; margin-bottom: 20px;}
.room_box .room-txt{font-size: 18px; line-height: 41px;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    right:10px;
    content: '';
    background: url(/mobile/images/btn_arw_r.svg) center center no-repeat;
    background-size: 29px 29px;
    width: 29px;
    height: 29px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    right:60px;
    content: '';
    background: url(/mobile/images/btn_arw_l.svg) center center no-repeat;
    background-size: 29px 29px;
    width: 29px;
    height: 29px;
}

/* reser-team */
.team-table{width: 100%;background-color: #fff;border-collapse: collapse;border-radius: 20px;border-style: hidden;box-shadow: 0 0 0 1px #707070;color: #434343;}
.team-table tbody th{background: #21322D; color: #fff; padding: 5px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle; font-size: 20px; font-weight: 300;}
.team-table-first{border-radius: 20px 0 0 0;}
.team-table-last{border-radius: 0 0 0 20px;}
.team-table tbody td{border: 1px solid #DCDCDC; padding: 8px; vertical-align: middle; font-size: 18px;}
.team-table tbody td select{width: 23%; padding: 13px; text-align: left; margin-right: 10px; background-size: 12px 10px;}
.team-table tbody td select:last-child{margin-right: 0;}
.team-table tbody td dl dt{display: inline-block; width: 100px; text-indent: 10px;}
.team-table tbody td dl dd{display: inline-block;}
.team-table tbody td .team-table-text{display: inline-block; width: 100%; margin-top: 5px; margin-left: 105px;}

.radio-sty02{padding: 20px 35px !important;}
.radio-sty02 input[type=radio] {display:none;}
.radio-sty02 input[type=radio] + label { 
    background-repeat: no-repeat;
    background-image: url('/images/reservation/team-table.svg');
	background-size: 16px 16px;
	padding-left: 21px;
	padding-right: 20px;
	background-position: left top 7px;
}
.radio-sty02 input[type=radio]:checked + label {
    background-image: url('/images/reservation/team-table-on.svg');
	background-size: 16px 16px;
}
.team-text{padding: 0 30px;}

.team-sub-table{border: 1px solid #BEBEBE; width: 95%; margin: 0 auto;}
.team-sub-table tbody th{background: #F6F6F6; color: #000; padding: 5px; text-align: center; vertical-align: middle; font-size: 18px; font-weight: 300; border: 1px solid #DCDCDC;}

.table-text-guide{text-align: left; text-indent: 10px; width: 25%; padding: 15px 0;}

.team-btn{width: 100%; text-align: center; margin-top: 120px; font-size: 20px;}
.team-btn a{color: #000; padding: 10px 30px; border-radius: 10px; margin-right: 20px; font-weight: 400; width: 17%; display: inline-block; border: 1px solid #2D2D2D;}
.team-btn a:last-child{margin-right: 0;}
.team-btn a.on{background: #21322D; color: #fff;}

/*2*/
.team-btn2{width: 100%; text-align: center; margin-top: 50px; font-size: 20px;}
.team-btn2 a{color: #000; padding: 10px 30px; border-radius: 10px; margin-right: 20px; font-weight: 400; width: 30%; display: inline-block; border: 1px solid #2D2D2D;}
.team-btn2 a:last-child{margin-right: 0;}
.team-btn2 a.on{background: #21322D; color: #fff;}

/* reser-team-guide */
.team-down-btn{width: 100%; text-align: center; margin-top: 90px;}
.team-down-btn a{border: 1px solid #BCBCBC; display: inline-block; border-radius: 15px; padding: 35px 20px; width: 265px; height: 146px; vertical-align: middle; margin-right: 15px;}
.team-down-btn a:last-child{margin-right: 0;}
.team-down-btn a span{display: inline-block; text-align: left; font-size: 20px; font-weight: 300; vertical-align: middle; margin-left: 10px;}
.team-down-btn a img{display: inline-block; vertical-align: middle;}
.team-down-btn a.on{background: #21322D; color: #fff; font-weight: 300; font-size: 20px; vertical-align: middle; line-height: 70px;}

/* reser-check */
.list-none{color: #B2B2B2 !important; font-size: 20px; font-weight: 300;}
.reser-gray{background: #AFAFAF !important; padding: 8px 20px !important; border-radius: 15px !important; font-size: 17px;}
.reser-red{background: #DE3B18 !important; padding: 8px 20px !important; border-radius: 15px !important; font-size: 17px;}
.reser-blue{background: #21322D !important; padding: 8px 20px !important; border-radius: 15px !important; font-size: 17px;}

/* return */
.return-text{width: 100%; border: 1px solid #707070; border-radius: 20px; margin: 20px 0 10px;}
.return-border{border: 1px solid #707070; margin-top: 20px; border-radius: 20px;}
.return-text p{text-align: center; padding: 20px; font-size: 20px; color: #434343;}

/* board */
.board-search{ width: 100%; display: flex; padding: 22px 0; background-color: #f3f3f3; justify-content: center; margin-top:67px; }
.board-search li{ display: inline-block;}
.search-select{ width: 134px; padding: 7px 0; border: 1px solid #c1c1c1; background-color: #fff; font-size: 18px;}
.search-select::placeholder{color: #565656;}
.search-text input{ width:433px; margin: 0 6px; height: 42px; border: 1px solid #c1c1c1; background-color: #fff; text-align: center; font-size: 18px;}
.search-text input::placeholder{ color: #565656;}
.search-btn{ background-color: #21322D; border:1px solid #707070; padding: 6px 0 7px; width: 120px; text-align: center; display: block; font-size: 18px; color: #fff; line-height: 1.5em; }

.board-table{ width: 100%; margin: 37px 0; text-align: center;}
/* 230810
.board-th{ width:100%; background-color: #3A3A3A; overflow: hidden; margin-bottom:13px;}
.board-th li{ text-align: center; color: #fff; float: left; font-size: 18px; line-height: 1.5em; padding: 10px 0;}
.board-th li:first-child{ width: 65px;}
.board-th li:last-child{ width: 138px; text-align: right; padding-right: 35px;}
.board-th li img{width: 100%; padding: 10px 0;}
*/
.board-th{ width:100%; background-color: #21322D; overflow: hidden; margin-bottom:13px; border-radius: 20px 20px 0 0;}
.board-th li{ text-align: center; color: #fff; float: left; font-size: 18px; line-height: 1.5em; padding: 10px 0;}
.board-th li:first-child{ width: 65px;}
.board-th li:last-child{ width: 170px; text-align: right; padding-right: 35px;}
.board-th li img{width: 100%; padding: 10px 0;}

.width85{width:85px;}
.width230{width:230px;}
.width630{width:630px;}
.width165{width: 165px;}
.width180{width: 180px;}

.board-th{ width: 100%;}
.board-th-table{ width: 100%; border:1px solid #bebebe;}
.board-th-table th{ text-align: center; vertical-align: middle; font-weight: 300; font-size: 18px; border-bottom:1px solid #bebebe; padding: 16px 0; height: 84px; color: #fff;}
.board-th-table th a{display: block; width: 900px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board-th-table th.center a{ width: 100%;}

.board-td{ width: 100%;}
.board-td-table{ width: 100%; border:1px solid #bebebe;}
.board-td-table tr{ transition: 0.3s;}
.board-td-table tr:hover{ background-color: #f2f2f2;}
.board-td-table td{ text-align: center; vertical-align: middle; font-weight: 300; font-size: 18px; border-bottom:1px solid #bebebe; padding: 16px 0; height: 84px;}
.board-td-table td a{display: block; width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto;}
.board-td-table td.center a{ width: 100%;}
.board-td-table td a img{ display: inline-block; margin: 0 3px; vertical-align: middle;}

.list-more{font-size: 20px; font-weight: 300; border: 1px solid #ccc; padding: 10px 0; display: block; width: 20%; margin: 45px auto 0; color: #2A2A2A;}
.list-more span{margin-left: 20px;}

.view-page{font-size: 18px; font-weight: 300;}
.view-page .view-title{background: #3A3A3A; color: #fff; border-radius: 5px; padding: 10px; text-align: center;}
.view-page .view-con{border-bottom: 1px solid #707070; padding: 40px 0; text-align: center;}
.view-page .view-con img{text-align: center; margin: 20px auto; max-width:100%}
.view-down{padding: 30px 0px; text-align: right;}
.view-down .view-text{display: inline-block;}
.view-down .view-text img{display: inline-block; vertical-align: middle; margin-left: 10px;}
.view-down .view-list{border: 1px solid #B9B8B8; padding: 10px; margin-right: 25px; width: 13%; display: inline-block; text-align: center;}
.view-down a:last-child{margin-right: 0;}
.gray-btn{color: #fff; background: #757472;}

/* board - gallery */
.gallery-table{ width: 100%; margin: 37px 0; text-align: center;}
.gallery-list{ width: 100%; border-top:1px solid #3a3a3a; border-bottom:1px solid #3a3a3a;}
.gallery-list ul{ padding: 20px 0; border-bottom: 1px dotted #c8c6c6;}
.gallery-list ul:last-child{ border-bottom: 0;}
.gallery-list ul li{ overflow: hidden;}
.gallery-img{ display: inline-block; float: left; width: 252px;}
.gallery-img p{ float: left; width: 250px; height: 150px;  overflow: hidden; border:1px solid #d2d2d2; }
.gallery-img p img{ width: 250px; height: 150px; object-fit: cover;transition: 0.3s all ease;}
.gallery-img p:hover img{ transform: scale(1.05);}
.gallery-content{ width: 880px; margin-left: 30px; text-align: left; float: left; font-weight: 300; color: #101010; }
.gallery-content ul{ padding: 0; border-bottom: 0;}
.list-num{ padding: 7px 0 10px; font-size: 18px;line-height: 1.5em;}
.list-title{ font-size: 20px;line-height: 1.45em; width: 900px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-title img{ display: inline-block; vertical-align: middle;}
.list-date{ padding: 40px 0 18px; font-size: 15px;}
.list-date dl{ width: 100%;}
.list-date dl{ display: inline-block; overflow: hidden; margin: 4px 0; font-size:15px; }
.list-date dl dt{ float: left; text-align: left; width: 60px;}
.list-date dl dd{ float: left; text-align: left; width: 100px;}

/* delete */
.del-text{font-size: 24px; font-weight: 500; color: #21322D; display: block;}
.del-text-wrap{border: 1px solid #ccc; padding: 30px; border-radius: 15px;}
.del-text-wrap textarea{width: 100%; height: 306px; overflow-y: scroll; padding: 20px;}
.del-text-wrap textarea::placeholder{color: #A4A4A4;}
.del-password{width: 460px !important; height: 48px !important; margin-top: 30px;}
.del-password::placeholder{color: #535B5D;}

.del-btn{width: 100%; text-align: center; margin-top: 30px;}
.del-btn a{background: #919191; color: #fff; display: inline-block; font-size: 20px; padding: 10px; width: 140px; height: 50px; text-align: center; border-radius: 15px; font-weight: 300; margin-right: 20px;}
.del-btn a:last-child{margin-right: 20px;}
.del-btn a.on{background: #21322D;}

/* modify */
.modify-wrap{ width: 45%; margin:auto; font-family: 'Noto Sans KR'; border: 1px solid #cfcfcf; padding: 40px; border-radius: 15px;}
.modify-wrap ul{ margin-bottom:15px;}
.modify-wrap h1.title{ text-align: center; font-size: 28px; padding:30px 0 15px; color: #2F3334; font-weight: 400;}

.modify-email{width: 45%; background: url(/images/select_choice_triangle.svg) no-repeat; background-position: center right 10px; background-size: 12px 15px; border-bottom: 1px solid #535B5D; color: #565656; text-align: left; text-indent: 20px;} 

.modify-btn{width: 100%; padding: 10px; border: 1px solid #707070; display: block; text-align: center;}

.modify-wrap ul li input{ background-color: #fff; height: 70px; border-bottom: 1px solid #707070;}
.modify-wrap ul li input::-webkit-input-placeholder{ font-size: 20px; font-weight: 300; }
.modify-wrap ul li input::-moz-placeholder{ font-size: 20px; font-weight: 300;}
.modify-wrap ul li input:-ms-input-placeholder{ font-size: 20px; font-weight: 300;}

/* course */
.course-box{margin: 0 auto; width: 100%; background: #F9F9F9; border-radius: 20px; margin-top: 45px; padding: 60px; margin-bottom: 30px;}
.course-title{font-size: 22px; font-weight: 400; margin: 10px 0;}
.course-title span{text-align: right; font-size: 16px; font-weight: 300; float: right; margin-top: 5px;}
.course-table{width: 100%; text-align: center;}
.course-table thead th{color: #fff; background: #21322D; font-weight: 300; padding: 8px;}
.course-table thead th:first-child{background: #B4B4B4;}
.course-table tbody td{border: 1px solid #ECECEC; padding: 5px;}
.course-table tbody tr td:first-child{background: #fff;}
.course-table tbody td.table-black{background: #000 !important; color: #fff;}
.course-table tbody td.table-blue{background:#449ADC !important; color: #fff;}
.course-table tbody td.table-yellow{background: #E6AB22 !important; color: #fff;}
.course-table tbody td.table-red{background: #E12929 !important; color: #fff;}

.course-info{display: flex; width: 100%;}
.course-info-left{width: 50%;}
.course-info-left img{width: 100%;}
.course-info-sub{position: relative; width: 100%;}
.course-info-sub img{width: 50%;}
.course-info-sub img:first-child{float: left; }
.course-sub-text{position: absolute; bottom: 10%; left: 55%;}
.course-sub-text h2{font-size: 28px; color: #fff; margin-bottom: 20px;}
.course-sub-text h3{color: #D6E7FB; font-size: 15px; line-height: 22px; font-weight: 300;}
.course-info-right{position: relative; width: 50%;}
.course-info-right img{width: 100%; height: 100%;}
.course-text{position: absolute; top: 10%; left: 10%;}
.course-text h2{color: #fff; font-size: 24px; text-shadow: 0 5px 11px rgb(0 0 0 / 30%); font-weight: 500; margin-bottom: 25px;}
.course-text h3{color: #fff; font-size: 18px; font-weight: 300; text-shadow: 0 5px 11px rgb(0 0 0 / 30%);}

.tab-box9{position: relative;}
.course-info-title{font-size: 40px; text-align: center; margin: 60px; font-weight: 500; color: #343434;}
.course-info-box{border: 1px solid #ccc; border-radius: 20px; padding: 150px 40px;}
.course-left{width: 50%; display: inline-block; vertical-align: top;}
.course-left h2{font-size: 44px; font-weight: 500;}
.course-left h2 .hole-text{font-size: 25px; font-weight: 400; margin: 0 5px;}
.course-left h2 .hole-text2{font-size: 16px; font-weight: 300; letter-spacing: 0.8px;}
.course-left p{font-weight: 300; letter-spacing: 0.5px; line-height: 28px;}
.course-left p span{display: block; font-weight: 500; margin: 25px 0 5px;}
.course-right{width: 49%; display: inline-block; text-align: center; margin-left: 7px;}
.course-right img{text-align: center; margin: 0 auto;}

.reser-table-wrap{margin: 20px 0 10px;}
.tbl01{width: 100%; text-align: center; border-collapse: collapse; border-radius: 20px; border-style: hidden; box-shadow: 0 0 0 1px #707070;}
.tbl01 tr th{background: #21322D; color: #fff; text-align: center; vertical-align: middle; border: 1px solid #ccc; font-size: 20px; font-weight: 300;}
.tbl01 tr td{border: 1px solid #ccc; padding: 15px 20px; color: #686868; text-align: left;}
.tbl01 tr:first-child th{border-radius: 20px 0 0 0;}
.tbl01 tr:last-child th{border-radius: 0 0 0 20px;}


.tbl01 dl{ width: 95%; display: flex; justify-content: space-between; align-items: center;}
.tbl01 dt{ width: 25%;}
.tbl01 dd{ width: 75%;}
.tbl01 input{ width: 80%; height: 45px;}
.tbl01 input::placeholder{color: #9E9E9E;}

/* fee */
.fee-box{padding: 30px 0; margin-bottom: 60px;}
.fee-box:last-child{border-bottom: 0; margin-bottom: 0;}
.fee-box h2{font-size: 26px; margin-bottom: 20px;text-align: left; font-weight: 500;} 
.fee-box h3{font-size: 18px; font-weight: 300; margin-bottom: 20px;}
.fee-box p{white-space: pre-line; word-break: keep-all; line-height: 30px; font-size: 18px; font-weight: 300; padding-top: 20px; color: #434343; letter-spacing: -0.34px;}

/*facil*/
.custom_paging{position: absolute;bottom: 40px;left: 53%;transform: translateX(-50%);color: #000;font-size: 16px;font-weight: 300;z-index: 999;}
.bx-wrapper4 .slider img{width: 1188px; margin: 0 auto; text-align: center;}
.mainGallery .prevArrow {
	left:0;
	background:url(/images/main/controls_prev.svg) no-repeat;
	background-size: 56px 56px;
}
.mainGallery .nextArrow {
	left:56px;
	background:url(/images/main/controls_next.svg) no-repeat;
	background-size: 56px 56px;
}

/*slick test*/
/*
.fslider{
	margin: 0 auto;
	width: 100%;
	position: relative;
}
.slick-test{
	width: 400px;
	height: 400px;
}
.slick-dots{margin-top: 35px;}
.slick-prev{font-size: 0; background: url(/images/facil/facil-prev.svg); width: 21px; height: 24px; position: absolute; bottom: 7px; left: 50%; margin-left: -80px;}
.slick-next{font-size: 0; background: url(/images/facil/facil-next.svg); width: 21px; height: 24px; position: absolute; bottom: 7px; left: 50%; margin-left: 55px;}
.slick-slide{
	opacity:1 !important;
}
.slick-current{
	animation: next ease 1s forwards 3s;
}


.slick-slide img{
	width: 1188px;
	height: 685px;
}
.slick-dots li{display:none;}
.slick-dots li.slick-active{display:block; text-align: center; font-size: 30px; font-weight: 200; letter-spacing: 5px;}
*/



/*menu*/
.menu-list{ 
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 1%;
}
.menu-list p{
    flex: 0 0 49%;
}
.menu-list.big p{
    flex: 0 0 100%;
    width: 100%;
}
.menu-list p img{
    width: 100%;
}
/* .menu-list img{display: inline-block; margin-right: 24px; margin-bottom: 24px;} */
/*.menu-list img{display: inline-block; margin-right: 14px; margin-bottom: 14px; width: 49%;}*/
/*.menu-list img:nth-child(even){margin-right: 0px;}*/

/* tour */
.tour-list{width: 100%;}
.tour-box{border: 1px solid #D1D1D1; border-radius: 20px; padding: 20px; position: relative; box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);}
.tour-box span{display: inline-block; width: 320px; height: 205px;}
.tour-text{display: inline-block; width: 70%; vertical-align: top; padding: 40px 30px;/*버튼 추가될시 패딩값padding: 20px;*/}
.tour-text h2{font-size: 26px;}
.tour-text p{color: #AAA7A7; font-weight: 300; padding: 10px 0 30px;}
.tour-text a{background: #21322D; color: #fff; padding: 8px 20px; font-weight: 300; border-radius: 20px;}
.tour-line{border: 1px dotted #C4C4C4; margin: 30px 0 45px; width: 100%; height: 1px;}

/* map */
.map-area h2{font-size: 26px;}
.map-area p{font-size: 18px; font-weight: 300; margin: 10px 0 30px;}

.map-text{border-bottom: 1px dotted #BFBFBF; padding: 20px 0;}
.map-text:last-child{border-bottom: 0;}
.map-text h2{font-size: 26px;}
.map-text h3{color:#F15A25; font-weight: 400; padding: 10px 0 5px;}
.map-text p{word-break: keep-all;}

/* location */
.location-wrap{width: 100%;}
.location-wrap img{margin: 0 auto;}
.location-text{width: 80%; margin: 0 auto;}

.map-area2{position: absolute; right: 155px; top: 300px;} 
.map-area2 h2{font-size: 26px;}
.map-area2 p{font-size: 16px; font-weight: 300; margin: 10px 0 30px; color: #aaa7a7;}

/* self-info */
.self-wrap{width: 100%;}
.self-box{border: 1px solid #B9B9B9; background: #fff; padding: 20px; width: 22.8%; display: inline-block; height: 180px; vertical-align: top; position: relative; margin-right: 30px; border-radius: 20px;}
.self-box:nth-child(odd){background: #FCFCFC;}
.self-box:last-child{margin-right: 0;}
.self-box img{display: inline-block; margin-right: 15px;}
.self-box h2{font-weight: 500; color: #21322D; display: inline-block;}
.self-box p{display: block; white-space: pre-line; word-break: keep-all; font-size: 14px; font-weight: 300; margin: 7px 0 0 50px;}
.self-box::after{content: ''; background: url('/images/self-arrow.svg'); width: 16px; height: 60px; position: absolute; top: 50px; right: -27px;}
.self-box:last-child:after{display: none;}

.self-info{width: 100%; margin: 0 0 20px;}
.self-info .self-title{ font-size: 26px; color: #333333; border-bottom: 1px solid #959595; padding: 20px 0;}
.self-info .self-text{white-space: pre-line; word-break: keep-all; border-bottom: 1px dotted #C1C1C1; padding: 20px 0; font-weight: 300; font-size: 18px; line-height: 34px;} 
.self-info:last-child .self-text{border-bottom: 0;}
.self-text img{display: inline-block;}
.self-sub{display: inline-block; vertical-align: top; padding: 0 30px;}
.self-sub-title{font-size: 25px; font-weight: 400;}
.sub-title a{background: #489E35; border-radius: 15px; color: #fff; font-size: 18px; padding: 5px 15px; margin-left: 10px;}

/* club */
.subTopCon3{width: 100%; position: fixed; top: 64px; z-index: 10;}
.club-menu{background: transparent; text-align: center; padding: 20px; color: #fff;}
.club-menu.wb{background: rgba(255,255,255,0.9);}
.club-menu a{display: inline-block; margin: 0 30px; font-size: 20px; font-weight: 300; text-shadow: 0 3px 6px rgb(0 0 0 / 30%);}
.club-menu a.black{color: #000;}
.club-text{text-align: center;}
.club-text h1{font-size: 30px; font-weight: 300; text-transform: uppercase;}
.club-text h1 span{display: block; font-size: 50px; font-weight: 400; text-transform: uppercase;}
.club-text h3{margin: 20px 0; font-size: 20px; font-weight: 400;}
.club-text p{font-weight: 300; font-size: 18px;}

.club-info-wrap{width: 90%; margin: 150px auto 50px;}
.club-title img{display: inline-block; vertical-align: middle;}
.club-title p{display: inline-block; line-height: 40px; margin-left: 40px; font-size: 18px; font-weight: 300; vertical-align: middle;}

.club-con{display: flex; justify-content: space-between;}
.club-con .club-hole-img{box-shadow: -10px 10px 10px rgba(0,0,0,0.1); width: 52%; min-width: 800px;}
.club-con-text{vertical-align: top; margin-left: 40px; line-height: 40px; font-size: 18px; font-weight: 300;}

.club-sub{display: inline-block; white-space: pre-line; line-height: 40px; font-size: 18px; padding: 60px 30px; font-weight: 300;}
.club-sub02{display: block; margin-top: 20px;}
.club-sub .club-sub-title{font-size: 45px; font-weight: 400;}
.club-sub .club-sub-text{font-size: 20px; font-weight: 400; margin: 15px 0 0; display: block;}

/*join*/
.join-cal h1{font-size: 38px; text-align: center;}

.join-cal-title{width: 100%; border-bottom: 0 !important; display: flex; justify-content: space-around; margin: 40px 0 10px;}
.join-cal-title li{display: inline-block; border: 1px solid #c1c1c1; width: 14.3%; padding: 10px 20px !important; border-right: 0; text-align: center;}
.join-cal-title li:first-child{background: #CF1C1C; color: #fff; border-radius: 15px 0 0 0;}
.join-cal-title li:last-child{border-right: 1px solid #c1c1c1; border-radius: 0 15px 0 0; background: #3282BF; color: #fff;}

.join-table{width: 100%;}
.join-table tbody td{padding: 10px; border: 1px solid #c1c1c1; text-align: right; height: 115px;}
.join-table tbody td.open{background: #f5f5f5;}
.join-table tbody td.open span{display: block; text-align: center;}
.join-table tbody td.today{color: #fff; background: #DE3B18;}
.join-table tbody td:first-child{color: #cf1c1c;}
.join-table tbody td:last-child{color: #3282bf;}

.join-arw-prev{display: block; position: relative;}
.join-arw-prev span::before{content: ''; position: absolute; top: 15px; left: 50%; width: 30px; height: 30px; margin-left: -120px; background: url('/images/join-arw-prev.svg') no-repeat;}
.join-arw-next{display: block; position: relative;}
.join-arw-next span::before{content: ''; position: absolute; top: -40px; right: 50%; width: 30px; height: 30px; margin-right: -130px; background: url('/images/join-arw-next.svg') no-repeat;}

/* join list */
.title-table{width: 100%; background: #3A3A3A; color: #fff;}
.title-table tbody td{padding: 20px 0; font-size: 18px; font-weight: 300;}
.board-td-table tbody td span{font-size: 18px; color: #fff; font-weight: 300; padding: 5px 10px; border-radius: 10px; display: inline-block; width: 70%;}
.board-td-table tbody td span.join{background: #DE3B18;}
.board-td-table tbody td span.end{background: #505050;}
.join-write{background: #21322D; color: #fff; padding: 10px 40px; position: absolute; bottom: 15px; right: 0; font-weight: 300; font-size: 18px;}

.join-text-area{display: inline-block; width: 85%; border: 1px solid #C1C1C1; margin-top: 15px; padding: 20px; height: 140px; color: #333; font-size: 15px;}
.write-wrap h2{font-size: 24px; font-weight: 300;}
.write-wrap a{width: 13%; display: inline-block; background: #757472; line-height: 140px; vertical-align: top; color: #fff; font-size: 18px; font-weight: 300; text-align: center; margin: 15px 0 0 20px;}

.sWrite-table{width: 100%;}
.sWrite-table tbody tr{border-bottom: 1px dotted #C8C6C6;}
.sWrite-table tbody tr.line-none{border-bottom: 0;}
.sWrite-table tbody tr.line-none a{background: #DE3B18; color: #fff; padding: 10px; display: inline-block; width: 13%; margin-left: 19px; text-align: center;}
.sWrite-table tbody td{padding: 15px 0; color: #010101; font-weight: 300; font-size: 18px;}
.sWrite-table tbody td span.new{background: #FF9900; border-radius: 2px; font-size: 10px; font-weight: 300; padding: 0px 3px; color: #fff; margin-left: 10px;}
.write-form{background: #fff !important; border: 1px solid #C1C1C1 !important; color: #333; font-size: 16px;}
.write-form::placeholder{text-align: center; font-weight: 300; font-size: 18px; color: #565656;}
.font-gray{color: #b4b4b4 !important;}

/* join write */
.join-title-wrap{background: #F3F3F3; border-radius: 5px; padding: 30px;}
.write-text-area{width: 100%; border: 1px solid #C1C1C1; margin-top: 25px; height: 420px; padding: 20px;}

.join-title-wrap ul{width: 100%;}
.join-title-wrap ul .join-sel-wrap{width: 15%; display: inline-block; border: 1px solid #c1c1c1;}

.write-btn{width: 100%; text-align: right;}
.write-btn a{border: 1px solid #B9B8B8; font-size: 18px; font-weight: 300; padding: 13px; width: 13%; display: inline-block; text-align: center; margin-right: 15px;}
.write-btn a:last-child{margin-right: 0;}
.write-btn a.on{background: #21322D; border: none; color: #fff; font-weight: 300; font-size: 18px;}
.join-option{font-weight: 300; font-size: 18px; color: #333;}

/* self join */
.self-text-wrap h1{font-size: 26px; font-weight: 300;}

/* grade */
.grade-wrap{text-align: center; font-size: 22px; font-weight: 300; line-height: 40px;}
.grade-wrap h3{font-weight: 500;}
.grade-img{margin: 0 auto;}
.grade-wrap span{font-size: 24px; color: #21322D; font-weight: 500; margin-top: 20px; display: block;}

.grade-title{margin: 110px 0 25px; font-size: 26px; font-weight: 400;}
.grade-table{width: 100%; background: #fff; border-collapse: collapse; border-radius: 20px; border-style: hidden; box-shadow:0 0 0 1px #707070; color: #333; font-size: 18px; font-weight: 300; text-align: center;}
.grade-table thead th{background: #F1F1F1; border: 1px solid #C7C7C7; vertical-align: middle; font-size: 25px; font-weight: 400; padding: 20px;}
.grade-table thead th img{margin: 0 auto;}
.grade-table thead th span{font-size: 22px; margin-top: 10px; display: block;}
.grade-table thead th:first-child{border-radius: 20px 0 0 0;}
.grade-table thead th:last-child{border-radius: 0 20px 0 0;}

.grade-table tbody td{border: 1px solid #D6D6D6; vertical-align: middle; padding: 30px;}
.grade-table tbody td strong{font-weight:500; color:#0067a3}
.grade-table tbody td.point{background: #FBFBFB; text-align: left; line-height: 30px;}
.grade-table tbody tr:last-child td:last-child{border-radius: 0 0 20px 0;}

/*------- partner --------*/
.new_tit_wrap{text-align: center;}
.new_tit_bar{font-size: 50px; font-weight: 600; padding-bottom: 20px; position: relative;}
.new_tit_bar:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;width: 40px;height: 1px;background: #333;}
.new_tit_sub{font-size: 16px; padding-top: 35px; font-weight: 400;}
.inner{padding-top: 150px;}
    
.inner_tit{color: #21322D; padding-bottom: 10px; font-size: 30px; font-weight: 500;}
    
caption{width: 1px; height: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px);}
.inner_table{margin: 10px 0 70px;}
.mypage_search { border-top: 2px solid #012754; border-bottom:1px solid #dddddd; width: 100%;}
.mypage_search th {border-bottom: 1px solid #dddddd; background-color: #f7f7f7; text-align: left; padding-left: 34px !important;}
.mypage_search.th_center th {text-align: center;padding-left: 0 !important;padding-right: 0 !important;}
.mypage_search td {border-bottom: 1px solid #dddddd; color: #6E6E6E; font-size: 16px; font-weight: 300;}
.mypage_search th, .mypage_search td {padding: 20px;}
.search_date input[type="text"] {border:1px solid #d8d8d8;width: 174px; height: 41px; font-size: 16px;}
.mypage_search tbody td label{cursor: pointer;}
/*2*/
.mypage_search2 { border-top: 2px solid #012754; border-bottom:1px solid #dddddd; width: 100%; text-align: center; font-size: 18px;}
.mypage_search2 th {border-bottom: 1px solid #dddddd; background-color: #f7f7f7; font-weight: 400;}
.mypage_search2.th_center th {text-align: center;padding-left: 0 !important;padding-right: 0 !important;}
.mypage_search2 td {border-bottom: 1px solid #dddddd; color: #6E6E6E; font-size: 16px; font-weight: 300;}
.mypage_search2 th, .mypage_search2 td {padding: 20px;}
    
.check_input[type="radio"]{-webkit-appearance: none;appearance: none;display: inline-block;width: 16px;height: 16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: bottom;margin-right: 8px;background-repeat: no-repeat;outline:0;border: 0;vertical-align: middle;background-size: contain;background-image: url('/images/radio_ico.png');cursor:pointer;}
.check_input[type="radio"]:checked{background-image:url('/images/radio_ico_on.png');}
    
.mypage_table {border-top:2px solid #012754;font-size: 18px;width: 100%;}
.mypage_table th {border-bottom:1px solid #012754;padding: 20px 0;position: relative;}
.mypage_table.lift th {background-color: #f7f7f7;border-bottom: none;}
.mypage_table.lift td {padding: 0 20px;border-bottom: none;}
.mypage_table.lift label {padding: 0 20px 0 0;}
.mypage_table th:after{content:'';width: 1px;height: 16px;background-color: #dddddd;position: absolute;top:25px;left: 0;}
.mypage_table th.no_after:after{content: none;}
.mypage_table th:first-child:after{content:none;}
.mypage_table td {border-bottom:1px solid #dddddd;color: #888888;padding: 25px 0;font-size: 16px;text-align: center;}
.mypage_table th.bg_brown {background-color: #012754;}
.mypage_table .br1 {border-right: 1px solid #ddd;}
.time_chg{color: #06aae7;width: 80px;height: 28px;line-height: 27px;border:1px solid #06aae7;border-radius:25px;display: inline-block;}
    
.infop{position: absolute; top: -43px; right: 0;}
.infop02{right: 201px;}
.sech_btn{width: 182px; height: 44px; line-height: 44px;}
.brown_btn{padding: 0 40px; min-width: 192px; display: inline-block; background: #21322D; letter-spacing: 0; font-weight: 500; color: white;}
.gray_btn{background-color: #999;}
.rel{position: relative;}

.cancel_btn{min-width: 80px; height: 30px; line-height: 30px; padding: 0;}

.basic_input{background: #fff !important; border: 1px solid #dbdbdb !important; width: 175px !important; color: #6d6d6d; height: 40px !important;}
.basic_input::placeholder{color: #7d7d7d;}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*========================= celine 추가 ======================= */
/* Range 추가 */
.range-wrap {width: 100%; height: auto;}
.sub-title, .sub-title02 {font-size: 26px; margin-top: 60px;}
.range-wrap img {width: 100%; height: auto; display: block; margin: 15px 0;}
.range-info-table{width: auto; background-color: #fff; border-collapse: collapse; border-radius: 20px; border-style: hidden; box-shadow: 0 0 0 1px #707070; color: #434343; font-size: 18px;}
.range-info-table tbody tr .first-round{border-radius: 20px 0 0 0;}
.range-info-table tbody tr .second-round{border-radius: 0 20px 0 0;}
.range-info-table tbody tr .last-round{border-radius: 0 0 0 20px;}
.range-info-table tbody tr .greyBg {background-color: #E9E9E9;}
.range-info-table tbody th{background: #21322D; color: #fff; padding: 15px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle;}
.range-info-table tbody td{border: 1px solid #DCDCDC; padding: 15px 24px; text-align: center; vertical-align: middle; line-height: 31px;}
.range-table-con {width: 100%; height: auto; font-size: 18px; color: #333333; line-height: 25px; font-weight: 300; padding-top: 20px;}

/* reserGuide 추가 */
.sub-title02 {font-size: 26px; margin-top: 60px;}
.sub-title02 .tab {width: 180px; height: 39px; border-radius: 20px; background-color: #5D756E; color: #fff; font-size: 18px; text-align: center; padding: 5px 0; display: inline-block; font-weight: 200; margin-left: 15px; cursor: pointer;}

.reser-info-table3{width: 100%;background-color: #fff; border-collapse: collapse; border-radius: 20px;border-style: hidden;box-shadow: 0 0 0 1px #707070;color: #434343;}
.reser-info-table3 tbody tr .first-round{border-radius: 20px 0 0 0;}
.reser-info-table3 tbody tr .last-round{border-radius: 0 0 0 20px;}
.reser-info-table3 tbody th{background: #21322D; color: #fff; padding: 5px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle;}
.reser-info-table3 tbody td{border: 1px solid #DCDCDC; padding: 8px; text-align: center; vertical-align: middle;}

.guide-two {width: 100%; height: auto; display: flex; align-items: flex-start;  justify-content: space-between;}
.guide-two li {width: 50%; height: auto;}
.guide-two li img{width: 573px; height: auto; margin: 0 auto 20px;}
.guide-two li span{font-size: 20px; color: #434343; line-height: 30px; text-align: center; font-weight: 300; display: block; letter-spacing: -0.5px;}

.guide-three {width: 100%; height: auto; display: flex; align-items: flex-start;  justify-content: space-between;}
.guide-three li {width: 33%; height: auto; }
.guide-three li img{width: 324px; height: auto; margin: 0 auto 20px;}
.guide-three li span{font-size: 20px; color: #434343; line-height: 30px; text-align: center; font-weight: 300; display: block; letter-spacing: -0.5px;}

/* 갤러리  */
.boardThum {width: 100%; height: 460px; padding: 55px 0; border-bottom:1px dotted #c1c1c1; }
.boardThum .items {width: 32%; height: 350px; border: 1px solid #d4d4d4; margin-right: 2%; float: left; cursor: pointer;}
.boardThum .items:nth-child(3n) {margin-right: 0;}
.boardThum .items .inner {padding: 13px 14px; width: 100%; height: auto;}
.boardThum .items .inner .img { padding-bottom: 10px;}
.boardThum .items .inner .img img {width: 100%; height: auto; margin: 0 auto; display: block;}
.boardThum .items .inner .sub {position: relative; font-size: 15px; color: #101010; font-weight: 200; padding-bottom: 8px; text-align: left; text-indent: 13px;}
.boardThum .items .inner .sub::before {position: absolute; content: 'ㆍ'; width: 4px; height: 4px; border-radius: 50%; background-color: #101010; left: 3px; bottom: 50%;}
.boardThum .items .inner .tit {font-size: 19px; color: #101010; font-weight: 500; text-align: left;}

/* 공지사항 */
.boardThum02 {width: 100%; height: auto; padding: 55px 0; border-bottom:1px dotted #c1c1c1; }
.boardThum02 .items02 {width: 100%; height: 325px; border: 1px solid #d4d4d4;cursor: pointer;}
.boardThum02 .items02 .inner {padding: 13px 14px; width: 100%; height: auto;}
.boardThum02 .items02 .inner .img { padding-bottom: 10px;}
.boardThum02 .items02 .inner .img img {width: 100%; height: 250px; margin: 0 auto; display: block;}

.boardThum02 .items02 .inner .con {display: flex; justify-content: space-between;  align-items: center;}

.boardThum02 .items02 .inner .con .tit {font-size: 19px; color: #101010; font-weight: 500;}
.boardThum02 .items02 .inner .con .tit span {font-size: 19px; color: #101010; font-weight: 500; padding-right: 15px;}
.boardThum02 .items02 .inner .con .sub {font-size: 15px; color: #101010; font-weight: 200; text-align: left; text-indent: 13px;  position: relative;}
.boardThum02 .items02 .inner .con .sub::before {position: absolute; content: 'ㆍ'; width: 4px; height: 4px; border-radius: 50%; background-color: #101010; left: 3px; bottom: 50%; transform: translateY(50%);}

/* 230807 추가 작업 건 */
.board-tit{font-size: 26px; color: #101010;}

.rank-box{width: 100%; background: #f5f5f5; border-radius: 25px; padding: 30px 50px; margin: 20px 0 70px; display: flex;}
.mem-info{margin-left: 40px; font-weight: 400; font-size: 19px;}
.mem-info h2{margin: 10px 0;}
.mem-info h2 span{font-size: 25px; font-weight: 700; margin-right: 30px; margin-left: 10px;}
.mem-info .r-point{background: #414141; color: #fff; border-radius: 25px; padding: 10px 30px;}
.mem-info .r-point span{font-weight: 700; margin-left: 40px;}

.board-table2{width: 100%; background-color: #fff; border-collapse: collapse;border-radius: 20px; border-style: hidden; box-shadow: 0 0 0 1px #707070; color: #434343; font-size: 18px; font-weight: 300;}
.board-table2 thead th:first-child{border-radius: 20px 0 0 0;}
.board-table2 thead th:last-child{border-radius: 0 20px 0 0;}
.board-table2 thead .top{border-radius: 20px 20px 0 0 !important;}
.board-table2 thead th{background: #21322D; color: #fff; padding: 13px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle;}
.board-table2 tbody th{background: #F5F5F5; border: 1px solid #DCDCDC; vertical-align: middle; padding: 15px; white-space: pre-line;}
.board-table2 tbody tr:last-child th{border-radius: 0 0 0 20px;}
.board-table2 tbody td{border: 1px solid #DCDCDC; padding: 13px 0; text-align: center; vertical-align: middle;}
.board-table2 tbody tr img {display: block; margin: 0 auto; width: 10%;}

.facil-slider{display: flex;}
.slide-text{width: 30%; position: absolute; top: 0; left: 0;}
.slide-text h2{font-size: 46px; font-weight: 400; letter-spacing: -1px;}
.slide-text p{color: #8b8b8b; font-weight: 300; line-height: 28px; margin-top: 10px; letter-spacing: -0.5px;}
.slick-slider2 img{width:755px; height:530px; background-size:cover; object-fit:cover;}

/*---facil-slider---*/
.slick-list{overflow: inherit !important;}
.bottom-img{position: absolute; width: 560px; height: 390px; bottom: -160px; z-index: 99;}
.bottom-img img{box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.15); height: 390px;}
.mSlick{position:relative; width: 100%;height: 660px;}
.mslick_slide{width: 100%; display: inline-block !important;}
.mSlick .slick_con{
    position: relative;
    z-index: 1;
/*    overflow: hidden;*/
}
.mCC_box{
    height: 100%;
    position: relative;
    z-index: 1;
}
.mCC_box img{
    width: 100%;
    /* transition: all 3s cubic-bezier(0.7, 0, 0.3, 1); */
    transition: all 3s cubic-bezier(.17,.67,.54,.75);
    /* transform: scale(1); */
}
.mCC_box.slick-active img{
/*     transform: scale(1.2); */
}
.mCC_img{
    position: relative;
}
.mCC_img img{
    width: 65%;
    object-fit: cover;
    float: right;
    height: 530px;
    z-index: -1;
    position: relative;
}
.arrow-container{
    width: 100px;
    position: absolute;
    bottom: 23px;
    left: 50%;
    transform: translateX(160px);
}
.arrow-container img{
    display: inline-block;
}
.slick-prev.slick-arrow{
    display: none !important;
}
.slick-next.slick-arrow{
    display: none !important;
}
.slick-dots{
    position: absolute;
    left: 30px;
    top: 20%;
    transform: translateY(58px);
}
.slick-dots li.slick-active>button{
    background: #c32720;
}
.slick-dots li{
    float: left;
}
.slick-dots li>button{
    background: #acacac;
    display: inline-block;
    width: 18px;
    height: 1px;
    font-size: 0;
}
.controler{/*position: relative; display: flex;*/ z-index: 999;}
.controler .stop{
    position: absolute;
    top: 50%;
    left: 10px;
    background: none;
    transform: translateY(1px);
}
.controler .play{
    position: absolute;
    top: 50%;
    left: 0;
    background: none;
    transform: translateY(0);
}
.controler .play img{
    width: 8px;
    height: 9px;
}
.controler .stop img{
    width: 8px;
}
/*---facil-slider end---*/

/*230809 추가*/
.range-info-table2{width: 100%; background-color: #fff; border-collapse: collapse;border-radius: 20px; border-style: hidden; box-shadow: 0 0 0 1px #707070; color: #434343; font-size: 18px; font-weight: 300;}
.range-info-table2 thead th:first-child{border-radius: 20px 0 0 0;}
.range-info-table2 thead th:last-child{border-radius: 0 20px 0 0;}
.range-info-table2 thead .top{border-radius: 20px 20px 0 0 !important;}
.range-info-table2 thead th{background: #21322D; color: #fff; padding: 15px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle;}
.range-info-table2 tbody th{background: #F5F5F5; border: 1px solid #DCDCDC; vertical-align: middle; padding: 15px; white-space: pre-line;}
.range-info-table2 tbody tr:last-child th{border-radius: 0 0 0 20px;}
.range-info-table2 tbody td{border: 1px solid #DCDCDC; padding: 15px; text-align: center; vertical-align: middle; white-space: pre-line;}
.range-info-table2 tbody tr img {display: block; margin: 0 auto; width: auto !important;}

/* 230911 추가 */
.board-head{border-radius: 15px; background: #E5811D; color: #fff !important; text-align: center; padding: 5px 10px !important; margin-right: 15px; vertical-align: middle; font-size: 18px !important; display: inline-block;}

/* 250602 조인게시판 */
.table-title{width: 100%; background: #3a3a3a; color: #fff; font-weight: 300;}
.table-title tbody th{padding: 10px 0; font-size: 18px;}

.join-list{width: 100%; font-weight: 300;}
.join-list tbody tr{border: 1px solid #bebebe;}
.join-list tbody tr:hover{background: #f2f2f2;}
.join-list tbody td{text-align: center; padding: 30px 0; font-size: 18px; color: #101010;}
.join-list tbody td .btn{background: #de3b18; color: #fff; border-radius: 5px; padding: 5px 0; width: 65%; font-size: 18px; font-weight: 300;}
.join-list tbody td .text{width: 450px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.join-list tbody tr.end td{color: #c7c7c7;}
.join-list tbody tr.end .btn{background: #505050;}

/* 조인 view */
.join-view{width: 100%; text-align: center; border-bottom: 1px double #3b3b3b;}
.join-view thead th{background: #3a3a3a; color: #fff; padding: 10px 0; font-weight: 300; font-size: 18px;}
.join-view tbody td{border-bottom: 1px solid #d8d8d8; padding: 15px 30px;}
.join-view .view-con{padding: 80px 40px; text-align: left; font-weight: 300;}

.join-view-title{display: flex; align-items: center; position: relative; gap:35px; font-size: 18px; font-weight: 300;}
.join-view-title li:last-child{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.join-view-title li.right{position: absolute; top: 50%; right: 195px; transform: translateY(-50%);}
.join-view-title .join-btn{display: inline-block;background: #de3b18;padding: 5px 20px;color: #fff;border-radius: 5px;}
.join-view-title .begin-ing{display: inline-block;background: #de3b18;padding: 5px 20px;color: #fff;border-radius: 5px;}
.join-view-title .begin-end{display: inline-block; background: #505050;padding: 5px 20px;color: #fff;border-radius: 5px;}
.join-view-title .cate-hope{display: inline-block; background: #214f41;padding: 5px 20px;color: #fff;border-radius: 5px;}
.join-view-title .cate-invite{display: inline-block; background: #214f41;padding: 5px 20px;color: #fff;border-radius: 5px;}

.list-btn { display: flex; justify-content: flex-end; margin-top: 21px; }
.list-btn a{ margin-right:15px; background: #757472; color: #fff; width: 164px; padding: 13px; text-align: center; font-size: 18px;}
.list-btn a.on{ margin-right:15px; background: #21322D; color: #fff; width: 164px; padding: 13px; text-align: center; font-size: 18px;}
.list-btn a.del{ margin-right:15px; background: #21322D/*#de3b18*/; color: #fff; width: 164px; padding: 13px; text-align: center; font-size: 18px;}

.join-write-date{background: #fff !important;height: 42px !important;width: 170px !important;text-align: center;border: 1px solid #c1c1c1 !important;font-weight: 300;font-size: 18px;}
.join-write-tit{background: #fff !important;height: 42px !important;width: 714px !important;text-align: center;border: 1px solid #c1c1c1 !important;font-weight: 300;font-size: 18px;}
.join-write-tit::placeholder{color: #565656;}
.join-text-write{border: 1px solid #c1c1c1;width: 100%;height: 300px;margin: 14px 0 22px;font-size: 18px;padding: 30px 40px;}
.join-text-write::placeholder{color: #565656; font-weight: 300;}

.btn-comment{display: inline-block; margin:-2px 5px; background: #505050;padding: 5px 20px;color: #fff;border-radius: 5px;}
.btn-comment-del{display: inline-block; margin:-2px 0px; background: #5f2d2d;padding: 2px 10px;color: #fff;border-radius: 3px; font-size:14px; }

/*달력팝업*/
.choice-day2 {position: relative;}

.basic-pop {
	background-color: #fff;
	position: absolute;
	z-index: 1010;
	width: 232px;
	top: 5px;
	left: 0;
	border: 1px solid #ccc;
}

.basic-pop .calendar-area {
	padding-bottom: 0;
	font-size: 11px;
}

.month_choice{
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    justify-content: space-between;
}

.month-title {
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
	font-weight: 800;
	color: #2e2e2e;
}

/* calendar title, arrow */
.arrow_prev,
.arrow_next {
	position: relative;
}

.p_calendar {
	width: 100%;
	text-align: center;
	color: #222;
}

.p_calendar thead th {
	font-size: 12px;
	padding: 8px 0;
	text-indent: 0;
	text-align: center;
	background: #f3f3f3;
}

.p_calendar thead th:first-child {
	color: #cf1818;
	font-size: 12px;
	text-align: center;
	font-weight: 300;
}

.p_calendar thead th:last-child {
	color: #1c5995;
}

.p_calendar tbody td:last-child {
	border-right: 1px solid #e8e8e8;
}

.p_calendar tbody td {
	padding: 8px 0;
	font-size: 12px;
	height: auto;
    cursor: pointer;
}
.p_calendar tbody td:first-child{
  color: #cf1818;
}
.p_calendar tbody td:last-child{
  color: #1c5995;
}

.p_calendar tbody td.today {
	border: 1px solid #118d88;
}

.join-date{
    height: 42px;
    border: 1px solid #c1c1c1;
    background: #fff;
    font-size: 18px;
    font-weight: 300;
    width: 232px;
    display: block;
    text-align: center;
    padding: 7px 0;
    cursor: pointer;
    color: #565656;
}
.write-title{display: flex;align-items: center; gap:10px;}