@charset "utf-8";

/*-------------------------- common css --------------------------*/
.hr{height:1px;border-bottom:1px solid #e8e8e8; width: 100%;}
.border{ border:1px solid #ddd;}
.positionFix{ position: fixed !important;}
.displayB{ display: block;}
.displayIB{ display: inline-block;}

/* font color, style */
.Montserrat{font-family: 'Montserrat', serif;}
.orange{color:#ff970f;}
.blue{color:#3e8ddc;}
.red {color:#de3b18 !important;}
.yellow{color:#e2af00;}
.darkGray{ color: #58585a;}
.pink{ color: #d91b5c;}
.white{ color: #fff !important;}
.redOrange{color: #A14D37;}

.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;}

.font725{ font-size: 0.725em !important;}
.font785{ font-size: 0.785em !important;}
.font825{ font-size: 0.825em !important;}
.font875{ font-size: 0.875em !important;}
.font125{ font-size: 1.25em !important;}
.font125{ font-size: 1.25em !important;}
.font12{ font-size: 0.75em !important;}
.font15{ font-size: 1.5em !important;}
.font2{ font-size: 2em !important;}
.font75{font-size: 0.75rem !important;}

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

.strong{ font-weight: 700; }
.bold{ font-weight: 700; }
.nomal{ font-weight: 500 !important;}
.nomal2{ font-weight: 400 !important;}
.through{ text-decoration: line-through;}

.bg-g{ background-color: #f8f8f8 !important;}

.wp10{ width: 10% !important;}
.wp15{ width: 15% !important;}
.wp20{ width: 20% !important;}
.wp25{ width: 25%;}
.wp27{ width: 27%;}
.wp28{ width: 28%;}
.wp30{ width: 30% !important;}
.wp32{ width: 32% !important;}
.wp33{ width: 33% !important;}
.wp35{ width: 35% !important;}
.wp40{ width: 40% !important;}
.wp45{ width: 45%;}
.wp50{ width: 50% !important;}
.wp60{ width: 60%;}
.wp70{ width: 70%;}
.wp80{ width: 80%;}
.wp90{ width: 90%;}
.wp97{ width: 97%;}
.wp100{ width: 100% !important;}
.padding5{padding:5px 0;}
.padding10{padding:10px 0;}
.padding20{padding:20px 0;}
.padding30{padding:30px 0;}
.padding50{padding:50px 0;}
.padding70{padding:70px 0;}
.margin5{ margin: 5px auto;}
.margin10{ margin: 10px auto;}
.margin15{ margin: 15px auto;}
.margin20{ margin: 20px auto;}
.margin30{ margin: 30px auto;}
.mt2{ margin-top:-2px !important;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px !important;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.pb5{ padding-bottom: 5px;}
.pb10{ padding-bottom: 10px;}
.pbw15{ padding-bottom: 1.5%;}
.pb20{ padding-bottom: 20px;}
.pb30{ padding-bottom: 30px;}
.pb80{ padding-bottom: 80px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt70{ padding-top:70px;}
.img100 img{ width: 100%;}

.fw400{ font-weight: 400;}
.fw500{ font-weight: 500 !important;}
.fw600{ font-weight: 600;}

.btn-common{ width: 100%; display: flex; justify-content: center; align-items: center; margin: 20px 0; }
.btn-common a{ margin: 0 25px; display: inline-block;}
.btn-common .page-num a{ margin: 0 5px; display: inline-block;}
.btn-common .page-num a.on{ font-weight: 500;}

.dot-line{border: 1px dotted #c1c1c1;}
.dot-line2{border-bottom: 1px dashed #9e9e9e;}
.bb0{border-bottom: 0 !important;}

/*login*/
.contents-login{ position: relative; z-index: 10; padding-top:70px;}

.logo-login{ width: 100%; margin: 20px 0 23px;}
.logo-login img{ display: block; width: 150px; margin: auto;}

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

.login-wrap{ width: 90%; margin:auto;}
.login-wrap ul{ margin-bottom:15px;}
.login-wrap ul h3{ font-weight: 700; color: #535B5D; padding-bottom: 10px; }
.login-wrap h1.title{ text-align: center; font-size: 1.38em; padding:30px 0 20px; color: #2F3334; font-weight: 700;}

.login-wrap ul li input{ background-color: #fff; height: 40px; border-bottom: 1px solid #707070; text-align: center;}
.login-wrap ul li.phone{ width: 100%; overflow: hidden; padding: 1.5% 0; display: flex; justify-content: space-between;}
.login-wrap ul li.phone input{ font-size: 0.94em; float: left; width: 32%;}
.login-wrap ul li.phone select{float: left; width: 33%;}

.btn-certified{ width: 100%; line-height: 40px; text-align: center; background-color: #21322D; border:1px solid #fff; box-shadow:4px 5px 0 #e5e5e5; color: #fff; font-weight: 500; font-size: 1.06em; margin-bottom: 10px;}
.btn-certified.off{ border:1px solid #010101; color: #010101; background-color: #fff; box-shadow: none;}
.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; }
.phone-certified .certified-time{ color: #010101; line-height: 40px; background-color: #F4F4F4; text-align: center; font-weight: 300;}

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

.btn-login{ width: 100%; text-align: center; height: 40px; margin:20px 0;}
.btn-login a{ float:left; width: 47%; border:1px solid #010101; color: #010101; font-weight: 500; display: block; line-height: 40px; font-size: 1.06em;}
.btn-login a.enter{line-height: 40px;}
.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;}

.text-login01{ text-align: center; line-height: 1.25em; color: #535B5D; word-break: keep-all; font-size: 0.8em; line-height: 1.25em;}
.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: 1em; 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; background-color: #F4F4F4; margin-bottom: 15px;}
.id-check-box02{ width: 100%; padding: 2em 0; font-weight: 400; text-align: center; margin-bottom: 15px; font-size: 1.13em; }
.id-check-box02 span{ display: block; font-size: 1em; padding-top:10px; font-weight: 500;}

/*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: 40px; 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 16px; color: #2F3334; font-weight: 700;}
.join-wrap h2.sub-title{ text-align: center; font-size: 0.75em; color: #8f8f8f; font-weight: 400; line-height: 1.25em;}

.check-all{ text-align: center; width: 100%;}
.check-all span{ width: 34px; height: 34px; display: inline-block; margin:25px 0 14px;}
.check-all input[type=checkbox] {
    display:none;
}
.check-all input[type=checkbox] + label { 
    cursor: pointer; 
    background-repeat: no-repeat;
    background-image: url('/mobile/images/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('/mobile/images/img_check_style01_on.svg');
	background-size: 34px 34px;
}

.join-box{ width: 100%;}
.join-box ul li h2.title{ font-size:1.13em; text-align: left; color: #535b5d; letter-spacing: -1px; font-weight: 400; padding:6px 0 10px 10px; position: relative;}
.join-box ul li h2.title b{ color: #ea1515; 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('/mobile/images/img_check_style02.svg');
	background-size: 24px 24px;
	font-size: 0;
	padding: 12px;
}
.check-select input[type=checkbox]:checked + label {
    background-image: url('/mobile/images/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: 0.75em; font-weight: 300; padding : 12px; margin-bottom:20px; overflow-y: auto; line-height: 1.5em; word-break: keep-all; white-space: pre-line;}
.text-join01{ font-size: 0.875em; line-height: 1.25em; color: #535b5d; word-break: keep-all; text-align: left; letter-spacing: -1px;}
.text-join02{ color: #2f3334; font-weight: 300; font-size: 0.88em; word-break: keep-all; width: 96%; margin: auto; letter-spacing: -1px; line-height: 1.5em;}
.text-join02 span.text-big{ color: #21322D; font-size: 1.125em; font-weight: 400; }
.text-join02 span.text-small{ font-size: 0.925em;}

.join-agree-tbl{ width: 100%; color: #454545; }
.join-agree-tbl th{ padding: 6px 0; border: 1px solid #eee; font-size: 0.75em; 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: 0.75em; 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: 1.25em; font-weight: 500;}
.join-agree-tbl td .check-select{left: 50%; top:50%; right: auto; transform: translate(-50%,-50%) }

.certified-box{ width: 100%; overflow: hidden; margin:0 auto 30px;}
.certified-box li{ width: 40%; float:left; text-align: center; margin: 0 5%;}
.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; padding :1em;}

.member-info-box{ width: 100%;}
.member-info-box input{ height: 40px; text-indent: 20px;}
.member-info-box select{ 
	height: 40px;
	background: #f4f4f4 url(/mobile/images/select_tri.svg) no-repeat;
	background-position:center right 10px;
	border-bottom: 0;
	background-size: 10px 6px;
}
.member-info-box select[disabled] {
	background: #fff url(/mobile/images/select_tri_disabled.svg) no-repeat;
	border:1px solid #ddd;
	background-position:center right 10px;
	background-size:9px 6px;
	color:#5f6668;
	font-weight: 300;
}
.member-info-box dl{ width: 100%; overflow: hidden; margin-bottom: 26px;}
.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-sex select{ width:100%;}

.enter-id{ width: 70% !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: 40px;}

.birthday{ width: 100%; overflow: hidden;}
.birthday select{ width: 32%; margin-left: 1%; float: left;}
.birthday select:first-child{ width: 34%; margin-left: 0;}

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

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

.member-info-box .phone{ width: 100%; overflow: hidden;}
.member-info-box .phone input{ margin-left: 1%; font-size: 0.94em; float: left; width: 32%;}
.member-info-box .phone input:first-child{ margin-left: 0; width: 34%;}

.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('/mobile/images/radio.svg');
	background-size: 16px 16px;
	padding-left: 21px;
	padding-right: 10px;
	background-position: left top 3px;
}
.radio-sty01 input[type=radio]:checked + label {
    background-image: url('/mobile/images/radio_on.svg');
	background-size: 16px 16px;
}

.join-finish{ width:74%; margin: auto;}

/* mypage*/
.mypage-con{ width: 100%; position: relative;}
.page-title{ font-size: 0.88em; color: #434343; margin-bottom: 10px; font-weight: 500; line-height: 1.25em;}
.page-title2{ font-size: 0.75em; color: #434343; margin: 10px 0; font-weight: 500; line-height: 1.25em;}

.mypage-table{ width: 100%; font-size: 0.75em;}
.mypage-table thead th{ color: #fff; background-color: #21322D; padding: 8px 0;}
.mypage-table thead th:first-child{ border-radius: 10px 0 0 0;}
.mypage-table thead th:last-child{ border-radius: 0 10px 0 0;}
.mypage-table tbody{ border:1px solid #dcdcdc; }
.mypage-table td{border-bottom: 1px solid #dcdcdc; text-align: center; padding: 8px 0; line-height: 1.25em;}
.mypage-table td.none{ color: #b2b2b2 }
.btn-add-list{ display: block; border-radius: 0 0 10px 10px; background-color: #434343; text-align: center; padding: 10px 0; font-size: 0.75em; color: #fff; width: 100%;}

.box-round{ border-radius: 20px; padding: 20px; border:1px solid #cfcfcf;}

.delete-box{ border-top:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 12px 0;}
.delete-box h3{ font-size: 0.88em; color: #21322D; line-height: 1.25em; font-weight: 500; padding-bottom: 10px;}
.delete-box p{ font-size: 0.75em; color: #000; line-height: 1.25em;}

.delete-box2{ width: 100%; padding-top:20px;}
.delete-box2 textarea{ resize: none; border:1px solid #a4a4a4; height: 140px; margin-bottom: 15px; width: 100%;}
.delete-box2 input{ text-indent: 10px;}
.delete-box2 .title{ font-size: 0.88em; font-weight: 500; padding-bottom: 5px;}

.sub-tab{ width: 96%; height: auto; margin:0 auto 35px; display: flex; font-size: 0.88em; justify-content: center; align-items: center; text-align: center; flex-flow: wrap; gap:5px 15px;}
.sub-tab a{ display:flex; align-items: center; position: relative; line-height: 1.25em; height: 34px;}
.sub-tab a.on{ color: #de3b18; }
.sub-tab a.on::before{ content: ''; position: absolute; bottom:5px; border-bottom:1px solid #de3b18; display: block; width: 100%;}
.sub-tab a.on::after{ content: '▼'; position: absolute; left: 50%; bottom:-7px; font-size: 10px; transform: translateX(-50%);}

.terms-box{ border-top:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 12px 0;}
.terms-box p{ font-size: 0.75em; color: #000; line-height: 1.5em; white-space: pre-wrap; word-break: keep-all;}

.terms-box2{ padding: 0 0 12px;}
.terms-box2 p{ font-size: 0.75em; color: #000; line-height: 1.5em; white-space: pre-wrap; word-break: keep-all;}
.terms-box2 p span{ font-weight: 500;}

#termCon2, #termCon3, #termCon4, #termCon5{ display: none;}

.mypage-table.wide th:last-child{ border-radius: 10px 10px 0 0;}
.mypage-table.wide tbody{ border:1px solid #dcdcdc; }
.mypage-table.wide tbody th{ background-color: #f5f5f5; text-align: center; border-radius: 0; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; vertical-align: middle;}
.mypage-table.wide td{border-bottom: 1px solid #d8d8d8; text-align: center; padding: 8px 0; line-height: 1.25em; color: #000;}

/*board*/
.contents-board{ position: relative; padding-top:70px; width: 96%; margin: auto;}
.board-wrap h1.title{ text-align: center; font-size: 1.38em; padding:30px 0 16px; color: #2F3334; font-weight: 700;}
.board-wrap h2.sub-title{ text-align: center; font-size: 0.75em; color: #8f8f8f; font-weight: 400; line-height: 1.25em;}

.board-search{ width: 100%; display: flex; padding: 11px 0; background-color: #f3f3f3; justify-content: space-around; margin-top: 14px; align-items: center; font-size: 0;}
.board-search ul{ font-size: 0; width: 96%;}
.board-search li{ display: inline-block; width: 24%; margin: 0 0.5%;}
.search-select{ width: 100%; padding: 11px 0; border: 1px solid #c1c1c1; background-color: #fff; font-size: 0.88rem; text-indent: 12px; text-align: left;}
.search-select::placeholder{color: #565656;}
.board-search li.search-text{ width: 49%;}
.search-text input{ width: 100%; height: 40px; border: 1px solid #c1c1c1; background-color: #fff; text-align: center; font-size: 14px;}
.search-text input::placeholder{ color: #565656;}
.search-btn{ background-color: #21322D; /*border:1px solid #707070;*/ width: 100%; text-align: center; display: block; font-size: 14px; color: #fff; line-height: 38px; }

.board-tab{ width: 100%; overflow: hidden; margin-top: 15px; margin-bottom: -10px;}
.board-tab a{ width: 50%; float: left; text-align: center; display: block; padding: 10px 0; border:1px solid #d9d9d9;}
.board-tab a:first-child{ border-radius: 15px 0 0 0;}
.board-tab a:last-child{ border-radius: 0 15px 0 0;}
.board-tab a.on{ background-color: #21322D; color: #fff; border:1px solid #21322D;  border-bottom:1px solid #d9d9d9;}

.board-table{ width: 100%; margin: 10px 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; width:60%; font-size: 0.85em; line-height: 1.5em; padding: 6px 0;}
.board-th li:first-child{ width: 15%;}
.board-th li:last-child{ width: 25%;}
*/
.board-th{ width:100%; background-color: #21322D; overflow: hidden; margin-bottom:13px; border-radius: 10px 10px 0 0;}
.board-th li{ text-align: center; color: #fff; float: left; width:60%; font-size: 0.85em; line-height: 1.5em; padding: 6px 0;}
.board-th li:first-child{ width: 15%;}
.board-th li:last-child{ width: 25%;}

.board-td{ width: 100%;}
.board-td-table{ width: 100%; border:1px solid #bebebe; table-layout: fixed;}
.board-td-table tr{ transition: 0.3s background-color ease;}
.board-td-table tr:hover{ background-color: #f2f2f2;}
.board-td-table td{ text-align: center; vertical-align: middle; font-weight: 300; font-size: 0.85em; border-bottom:1px solid #bebebe; padding: 8px 0;}
.board-td-table td a{ display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board-td-table td a img{ display: inline-block; margin: 0 3px; vertical-align: middle; width: 18px;}
.board-td-table td dl{ display: inline-block; overflow: hidden; padding: 2px 0; font-size:0.86em; }
.board-td-table td dl dt{ float: left; text-align: left; width: 38px;}
.board-td-table td dl dd{ float: left; text-align: left; width: 50px;}

.contents-board .btn-add-list{ width: 135px; margin:35px auto; font-size:0.75em; display: inline-block; border:1px solid #aaa6a6; padding: 11px 0; font-weight: 300; text-indent: 15px;}
.contents-board .btn-add-list::after{ content: '';
	background:url(/images/select_choice_triangle.svg) no-repeat;
	background-position:center right 10px;
	background-size:15px 8px;
	display: inline-block;
	width: 33px;
    height: 10px;
}

.gallery-table{ width: 100%; margin: 10px 0; text-align: center;}
.gallery-list{ width: 100%; border-top:1px solid #3a3a3a; border-bottom:1px solid #3a3a3a;}
.gallery-list ul{ padding: 10px 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: 137px;}
.gallery-img p{ float: left; width: 137px; height: 83px; overflow: hidden; border:1px solid #d2d2d2; }
.gallery-img p img{ width: 137px; height: 83px; object-fit: cover;}
.gallery-content{ width: calc(100% - 147px); margin-left: 10px; text-align: left; float: left; font-weight: 300; color: #101010; }
.gallery-content ul{ padding: 0; border-bottom: 0;}
.list-num{ padding: 7px 0 0; font-size: 10px;line-height: 1.5em;}
.list-title{ font-size: 0.85em;line-height: 1.45em;}
.list-title a{ width: 100%; display: block; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-title img{ display: inline-block; vertical-align: middle; width: 13px;}
.list-date{ padding: 22px 0 0;}
.list-date dl{ width: 100%;}
.list-date dl{ display: inline-block; overflow: hidden; margin: 4px 0; font-size:12px; }
.list-date dl dt{ float: left; text-align: left; width: 38px;}
.list-date dl dd{ float: left; text-align: left; width: 65px;}

/*view*/
.board-view-th{ width: 100%; padding:10px; line-height: 1.5em; word-break: keep-all; text-align: center; background-color: #3a3a3a; color: #fff; font-size: 0.85em;}

.board-view-td{ width: 100%; padding: 10px; border-bottom: 1px solid #707070; font-size: 0.85em; }
.board-view-td li{ line-height: 1.5em; text-align: left;}
.board-view-td img{ display: block; margin: auto; max-width: 100%;}
.attachment{ width: 100%; text-align: left; border-bottom: 1px solid #707070; padding: 10px 20px;  font-size: 0.85em; }
.attachment img{ display: inline-block; vertical-align: middle; width: 13px;}
.attachment a{ transition: 0.3s all ease;}
.attachment a:hover{ color: darkred;}

.btn-board-list{ width: 90px; margin:0 0; font-size:0.85em; text-align: center; display: inline-block; border:1px solid #aaa6a6; padding: 6px 0; font-weight: 300;}
/*.btn-board-list::after{ content: ''; display: block; clear: both;}*/

/*honor*/
.honor-box{ width: 100%; margin-top: 10px;}
.honor-box li{ padding-bottom: 10px; border-bottom: 1px dashed #c1c1c1; margin-bottom: 10px;}
.honor-table{ width: 100%; font-size: 0.75em;}
.honor-table thead th{ color: #fff; background-color: #3a3a3a; padding: 8px 0; text-align: center; vertical-align: middle;}
.honor-table thead th:first-child{ border-radius: 10px 0 0 0;}
.honor-table thead th:last-child{ border-radius: 0 10px 0 0;}
.honor-table tbody{ border:1px solid #dcdcdc; }
.honor-table tbody th{ background-color: #3a3a3a; color: #fff; text-align: center; vertical-align: middle;}
.honor-table td{border-bottom: 1px solid #dcdcdc; text-align: center; padding: 8px 0; line-height: 1.25em; border-right: 1px solid #dcdcdc;}

/*reservation*/
.reser-slick{ width: 100%; position: relative; padding: 12px 0 0 8px;}
.reser-slick .slick-slide{ margin-right: 10px; margin-left: 1px; padding-bottom: 5px;}

.sub-calendar{ margin-bottom: 15px; width: 100%; position: relative;}
.contents-reser{ position: relative; padding-top:70px; width: 96%; margin: auto;}
.reser-wrap h1.title{ text-align: center; font-size: 1.38em; padding:30px 0 16px; color: #2F3334; font-weight: 700;}
.reser-wrap h2.sub-title{ text-align: center; font-size: 0.75em; color: #8f8f8f; font-weight: 400; line-height: 1.25em;}
.reser-wrap h2.sub-title02{ text-align: left; font-size: 0.88em; color: #434343; font-weight: 400; padding-bottom: 8px; line-height: 1.25em;}

.reser-text-box{ font-size: 0.75em; color: #434343; padding: 6px 0; margin:9px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; line-height: 1.5em; word-break: keep-all;}

.tab-reser-hole{ width: 100%; padding: 10px 0;}
.tab-reser-hole ul{ display: flex; align-items: center; justify-content: space-around;}
.tab-reser-hole ul li{ font-size: 0.88em; color: #b7b7b7; position: relative; text-align: center;}
.tab-reser-hole ul li.on{ color: #fff; font-weight: 500; }
.tab-reser-hole ul li.on::after{ content: ''; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); background-color: #de3b18; width: 38px; height: 38px; border-radius: 50%; z-index: -1;}
.tab-reser-hole ul button{ border-radius: 30px; background-color: #f6f6f6; padding: 8px 10px; color: #101010; font-size: 0.88em;}

.tab-reser-course{ width: 100%; margin: 15px 0;}
.tab-reser-course ul{ display: flex; align-items: center; justify-content: space-between;}
.tab-reser-course ul:first-child li:first-child{ border-radius: 10px 0 0 0; border-left: 1px solid #cdcdcd;}
.tab-reser-course ul:first-child li:last-child{ border-radius: 0 10px 0 0; border-right: 1px solid #cdcdcd;}
.tab-reser-course ul:last-child li{ border-bottom:1px solid #dcdcdc;}
.tab-reser-course ul:last-child li:first-child{ border-radius: 0 0 0 10px; border-left: 1px solid #cdcdcd;}
.tab-reser-course ul:last-child li:last-child{ border-radius: 0 0 10px 0; border-right: 1px solid #cdcdcd;}
.tab-reser-course ul li{ color: #b7b7b7; font-size: 0.75em; text-align: center; padding : 10px 0; width: 20%; border-top:1px solid #dcdcdc;}
.tab-reser-course ul li.on{ color: #fff; background-color: #21322D;}

.time-table-wrap{ width: 100%;}
.time-table-wrap h2{ text-align: center; font-size: 1.13em; color: #333; padding:10px 0 15px;}

.time-table{ width: 100%; font-size: 0.75em;}
.time-table thead th{ color: #fff; background-color: #21322D; padding: 8px 0;}
.time-table thead th:first-child{ border-radius: 10px 0 0 0;}
.time-table thead th:last-child{ border-radius: 0 10px 0 0;}
.time-table tbody{ border:1px solid #dcdcdc; }
.time-table td{border-bottom: 1px solid #dcdcdc; text-align: center; vertical-align: middle; padding: 8px 0; line-height: 1.25em;}
.time-table td.none{ color: #b2b2b2 }

.btn-reser{ border-radius: 5px; background-color: #ea5815; color: #fff; text-align: center; display: block; width: 90%; max-width: 80px; padding: 6px 0; margin: auto;}

.btn-calendar{ text-align: center; line-height: 1.5em; display: inline-block; margin: 30px 0; font-size: 0.75em;}
.btn-calendar img{ margin: auto;}

/*reser_layerPopup*/
.commonPop{ 
    background-color: #fff;
    position: fixed;
    z-index: 10000;
	border-radius: 15px;
	left: 50%;
	top:50%;
	word-break: keep-all;
    transform: translate(-50%,-50%);
    display: none;
    width: 90%;
    max-height: 90%;
    overflow-y: auto;
    min-width: 288px;
}
.commonPop .pop-title{ text-align: center; font-size: 1.38em; padding:30px 0 16px; color: #2F3334; font-weight: 500;}
.commonPop .pop-title2{ text-align: center; font-size: 1.13em; color: #333; padding:30px 0 16px;}
.commonPop .pop-sub-title{ text-align: center; font-size: 0.85em; color: #333; padding-bottom: 15px; margin-bottom: 15px; border-bottom: #e6e6e6}

.pop-package{ width: 96%; margin: auto;}
.pop-group{ width : 92%; margin: auto;}
.reser-info-box{background: #f9f9f9; border-radius: 15px; border: 1px solid #e4e4e4; margin-top: 30px; padding: 0.5em; font-weight: 300; width: 90%; margin: auto; font-size: 0.88em;}
.check-info{text-align: center; font-weight: 300; margin: 17px 0; font-size: 0.75em; }
.commonPop h2.mainTit img{ vertical-align: middle;}
.commonPop .commonTxt{ line-height: 1.5em; letter-spacing: -0.5px;}
.commonPop p{line-height: 1.7em; margin: 8px 0;}
.btn-box{width: 100%; position: relative; text-align: center; margin: 20px 0; display: flex; justify-content: space-evenly; align-items: center;}
.btn-box a{background: #919191; color: #fff; font-weight: 300; padding: 10px 0; border-radius: 6px; max-width: 140px; display: inline-block; font-size: 0.88em; width: 40%;}
.btn-box a.on{background: #21322D; color: #fff;}
.btn-box a:last-child{margin-right: 0;}

.reser-fee{ text-align: right; width: 100%;}
.reser-fee li{ border-bottom: 1px solid #dedede; padding: 0.75em 0;}
.reser-fee li:last-child{ border-bottom:0; padding:1em 0; font-size: 1.25em}
.reser-fee li dl{ width: 100%; display: table;}
.reser-fee li dl dt{ width: 25%; text-align: right; display: table-cell; padding: 4px 0;}
.reser-fee li dl dd{ width: 25%; text-align: right; color: #21322D; font-weight: 400; display: table-cell; padding: 4px 0;}

.pop-golftel{ width: 96%; margin: auto;}

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

.reser-con{ width: 100%; margin: 0;}
.reser-con ul{ padding: 1em 0; border-bottom: 1px dashed #ccc; margin-bottom: 1em;}
.reser-info-table{width: 100%; background-color: #fff; border-collapse: collapse; border-radius: 10px; border-style: hidden; color: #434343; font-size: 0.75em; box-shadow: 0 0 0 1px #dcdcdc; overflow: hidden;}
.reser-info-table thead th:first-child{border-radius: 10px 0 0 0;}
.reser-info-table thead th:last-child{border-radius: 0 10px 0 0;}
.reser-info-table thead th{background: #21322D; color: #fff; padding: 5px 0; text-align: center; border: 1px solid #bebebe; vertical-align: middle;}
.reser-info-table tbody th{background: #21322D; color: #fff; padding: 5px 0; text-align: center; border: 1px solid #bebebe; vertical-align: middle;word-break: keep-all; line-height: 1.25em;}
.reser-info-table tbody td{border: 1px solid #dcdcdc; padding: 8px 2px; text-align: center; vertical-align: middle;  line-height: 1.5em; letter-spacing:-0.5px /*word-break: keep-all;*/}
.reser-info-table tbody tr img {display: block; margin: 0 auto; padding-bottom: 5px; width: 30px;}

.reser-info-table2{width: 100%; background-color: #fff; border-collapse: collapse; border-radius: 10px; border-style: hidden; color: #434343; font-size: 0.75em; box-shadow: 0 0 0 1px #dcdcdc;}
.reser-info-table2 thead th:first-child{border-radius: 10px 0 0 0;}
.reser-info-table2 thead th:last-child{border-radius: 0 10px 0 0;}
.reser-info-table2 thead th:nth-child(odd){background: #21322D; color: #fff;}
.reser-info-table2 thead th{background: #5D756E; color: #fff; padding: 5px 0; text-align: center; border: 1px solid #bebebe; vertical-align: middle;}
.reser-info-table2 thead td{ text-align: center; padding: 8px 0; border: 1px solid #dcdcdc}
.reser-info-table2 tbody th{font-weight: 400; border: 1px solid #dcdcdc; padding: 8px 0; text-align: center; vertical-align: middle; line-height: 1.25em;}
.reser-info-table2 tbody td{border: 1px solid #dcdcdc; padding: 8px 0; text-align: center; vertical-align: middle; line-height: 1.25em;}
.reser-info-table2 tbody tr:last-child th{background: #21322D; color: #fff; border-radius: 0 0 0 10px;}
.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 10px 0;}

.table-red{background: #660011; color: #fff;}
.light-blue{background:#FDF2E7;}

.reser-table{ width: 100%; font-size: 0.75em;}
.reser-table thead th{ color: #fff; background-color: #21322D; padding: 8px 0;  border-left: 1px solid #dcdcdc; text-align: center; vertical-align: middle; word-break: keep-all;}
.reser-table thead th:first-child{ border-radius: 10px 0 0 0;  border-left: 0;}
.reser-table thead th:last-child{ border-radius: 0 10px 0 0;}
.reser-table tbody{ border:1px solid #dcdcdc; }
.reser-table tbody th{ background-color: #21322D; vertical-align: middle; text-align: center; color: #fff;}
.reser-table td{border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; text-align: center; padding: 8px 0; line-height: 1.25em; vertical-align: middle; word-break:keep-all;}
.reser-table td:first-child{ border-left: 0;}
.reser-table td.none{ color: #b2b2b2;}

.group-title{ font-size: 0.85em; text-align: left; font-weight: 500; padding:20px 0 5px;}
.reser-table2{ width: 100%; font-size: 0.75em;}
.reser-table2 th{ color: #fff; background-color: #21322D; padding: 8px 0;  border: 1px solid #dcdcdc; text-align: center; vertical-align: middle; word-break: keep-all;}
.reser-table2 td{border: 1px solid #dcdcdc; text-align: center; padding: 8px; line-height: 1.25em; vertical-align: middle; word-break:keep-all;}
.reser-table2 td input{ height: 40px;}

.btn-add{ width: 100px; margin: 40px auto; text-align: center; font-size: 0.88em; font-weight: 400; }
.btn-add button{ background-color: transparent;}
.btn-add img{ width: 40px; display: block; margin:0 auto 7px;}

.reser-gray{ background: #afafaf; display: inline-block; padding: 8px 0; width: 42%; border-radius: 6px; font-size: 1em; text-align: center; max-width: 110px; color: #fff; margin: 0 0.5em;}
.reser-red{ background: #de3b18; display: inline-block; padding: 8px 0; width: 42%; border-radius: 6px; font-size: 1em; text-align: center; max-width: 110px; color: #fff; margin: 0 0.5em;}
.reser-blue{background: #21322D; display: inline-block; padding: 8px 0; width: 42%; border-radius: 6px; font-size: 1em; text-align: center; max-width: 110px; color: #fff; margin: 0 0.5em;}

#con2, #con3, #con4, #con5, #con6, #con7, #con8, #con9{ display: none;}

.return-text{ font-size: 0.75em; padding: 0.7em 1em; text-align: center; border-radius: 10px; border:1px solid #d8d8d8; line-height: 1.25em; word-break: keep-all;}

.btn-group-down{ width: 100%; display: flex; align-items: center; justify-content: space-around;}
.btn-group-down a{ border-radius: 15px; border: solid 1px #bcbcbc; padding: 15px 10px; text-align: center; display: inline-block; width: 105px; height: 108px;}
.btn-group-down a h1{ padding-bottom: 5px; text-align: center;}
.btn-group-down a h1 img{ display: block; margin: auto;}
.btn-group-down a p{ word-break: keep-all; line-height: 1.25em; font-size:0.75em; letter-spacing: -0.5;}
.btn-group-down a.on{ background-color: #21322D; padding:1em 0; color: #fff; display: flex; align-items: center; justify-content: center}

.group-table{width: 100%; background-color: #fff; border-collapse: collapse; border-radius: 10px; border-style: hidden; color: #434343; font-size: 0.75em; box-shadow: 0 0 0 1px #707070;}
.group-table tr:first-child th{border-radius: 10px 0 0 0;}
.group-table tr:first-child td{border-radius: 0 10px 0 0;}
.group-table tr:last-child th{border-radius: 0 0 0 10px;}
.group-table tr:last-child td{border-radius: 0 0 10px 0;}
.group-table th{ background-color: #21322D; color: #fff; padding: 5px 0; text-align: center; border: 1px solid #bebebe; vertical-align: middle; line-height: 1.25em;}
.group-table td{border: 1px solid #dcdcdc; padding: 4px; line-height: 1.25em; vertical-align: middle; text-align: left;}
/*.group-table td table{ width: 100%;}
.group-table td table th{ background-color: #f6f6f6; border:1px solid #707070; vertical-align: middle; color: #000;}
.group-table td table td{ border:1px solid #707070; vertical-align: middle; line-height: 1.25em; text-align: left;}*/
.group-table input[type="text"]{text-indent: 10px;}
.group-table select{ 
	height: 40px;
	background: #f4f4f4 url(/mobile/images/select_tri.svg) no-repeat;
	background-position:center right 10px;
	border-bottom: 0;
	background-size: 10px 6px;
    text-align: left;
    text-indent: 10px;
}
.group-select{ display: flex; align-items: center; justify-content: space-between; width: 100%;}
.group-select select{ width: 32%;}

.group-table td.radio-sty01{ font-size: 1em;}
.group-table td.radio-sty01 input[type=radio] + label{ background-position: left top 1px;}

.group-table dl{ width: 100%; display: table; margin-bottom: 3px; border-bottom: 1px solid #dcdcdc;}
.group-table dl.line{border-bottom: 1px solid #707070;}
.group-table dl:last-child{border-bottom: 0; margin-bottom: 0;}
.group-table dt{ width: 25%; display: table-cell; vertical-align: middle;}
.group-table dd{ width: 75%; display: table-cell; vertical-align: middle; padding-bottom: 3px;}
.group-table dd input{ height: 40px;}
.group-table dd select{ height: 40px; margin-bottom: 3px;}

.group-table.delete th{ padding: 12px 0;}
.group-table.delete input{ width: 100%; height: 30px;}
.group-table.delete th.round{ border-radius: 0 0 0 10px;}

.group-sub-title{ text-align: center; font-size: 0.88em; color: #333; padding:30px 0 16px;}

/*package*/
.btn-package-fee{ margin: 10px auto; width: 116px; text-align: center; border: 1px solid #b1b1b1; border-radius: 10px; color: #000; font-size: 0.88em; display: inline-block; padding: 8px 0;}

.calendar.package{}
.calendar.package td .day-first{position: absolute; right: 0; background: #21322D; border-radius: 20px 0 0 20px; bottom: 5px; color: #fff; padding: 5px 0;}
.calendar.package td .day-middle{position: absolute; bottom: 5px; color: #fff; width: 100%; background: #21322D; left: 0; padding: 5px 0; text-align: center;}
.calendar.package td .day-last{position: absolute; left: 0; background: #21322D; border-radius: 0 20px 20px 0; bottom: 5px; padding: 5px 0; color: #fff;}

.group-table.package th{ background-color: #434343; padding: 10px 0;}
/*.group-table.package td .reser-red{ padding: 3px 0;}*/

.pop-golftel-wrap{ width:100%;}
.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: 208px;
    object-fit: cover;
    position: relative;
  box-shadow: 0 3px 10px #ccc;
  border: 1px solid #fff;
}
/*
.roomSwiper .swiper-slide img{
    box-shadow: 0 3px 10px gray;
}
*/
.roomSwiper .swiper-slide{
    padding-bottom: 50px;
}
.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: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;
}

/* 골프텔 슬라이드 전용 화살표 */
.roomSwiper .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    content: '';
    background: url(/mobile/images/btn_arw_l.svg) center center no-repeat;
    background-size: 29px 29px;
    width: 29px;
    height: 29px;
    position: absolute;
    bottom: -105px;
    right: 10px;
}
.roomSwiper .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    content: '';
    background: url(/mobile/images/btn_arw_r.svg) center center no-repeat;
    background-size: 29px 29px;
    width: 29px;
    height: 29px;
    position: absolute;
    bottom: -105px;
}

/*course*/
.contents-course{ position: relative; padding-top:70px; width: 96%; margin: auto;}
.course-wrap h1.title{ text-align: center; font-size: 1.38em; padding:30px 0 16px; color: #2F3334; font-weight: 700;}
.course-wrap h2.sub-title{ text-align: center; font-size: 0.75em; color: #8f8f8f; font-weight: 400; word-break: keep-all; line-height: 1.25em;}

.tab-reser-course.course{ width: 100%; margin: 15px 0;}
.tab-reser-course.course ul:last-child li{ border-bottom:1px solid #dcdcdc; width: 25%;}

.all-course-info{ width:100%; margin:10px 0 20px;}
.all-course-info h2{ position: relative; font-size: 0.88em; font-weight: 500; padding-bottom: 5px;}
.all-course-info span{ position: absolute; right: 0; bottom:5px; font-weight: 400; font-size: 0.75em;}

.course-table{width: 100%; text-align: center; font-size: 0.75em;}
.course-table thead th{color: #fff; background: #21322D; font-weight: 300; padding: 8px 0;}
.course-table thead th:first-child{background: #B4B4B4;}
.course-table tbody td{border: 1px solid #ECECEC; padding: 8px 0;}
.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;}

.all-course-img{ width: 100%; display: flex; align-content: center; flex-direction: column;}
.all-course-img li{ width: 100%; position: relative;}
.all-course-img ul.first img{ min-height: 192px;}
.all-course-img ul.divide{display: flex;}
.all-course-img ul.divide li{ width: 50%;}
.all-course-img ul.divide li img{ min-height: 204px; max-height: 300px;}
.all-course-img img{ width: 100%; display: block; object-fit: cover;}
.all-course-text{ position: absolute; bottom:0; left:0; color: #fff; padding: 19px 20px;}
.all-course-text h3{ font-size: 1em; padding-bottom: 4px;}
.all-course-text p{ font-size: 0.88em; word-break: keep-all; line-height: 1.25em; color: #d6e7fb;}
.all-course-text2{ position: absolute; top:0; left:0; color: #fff; padding: 44px 25px;}
.all-course-text2 h3{ font-size: 1em; padding-bottom: 14px; word-break: keep-all; line-height: 1.25em; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.all-course-text2 p{ font-size: 0.75em; word-break: keep-all; line-height: 1.25em; color: #fff; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}

.course-con{ width: 100%; position: relative;}
.course-con h1.title{ font-weight: 400;}

/*copy-select*/
.course-select {
	background-color: #f4f4f4;
	text-align: left;
	cursor: pointer;
	position: relative;
    text-indent: 10px;
    padding: 14px 0;
    width: 100%;
    border:1px solid #e1e1e1;
    border-radius: 10px;
}
.course-select span{color: #565656;}
.course-select li .options {
	display: block;
	margin: 0;
    background-color: #f4f4f4;
    color: #565656;
	position: absolute;
	width: 100%;
	overflow: hidden;
    border-radius: 10px;
	max-height: 0;
	border-top:0;
	top:46px;
	left:0;
    border:0px solid rgba(225,225,225,0);
	transition:0.5s ease all;
	z-index: 100;
}
.course-select li .options li {transition: 0.3s ease all; line-height: 44px; border-bottom: 1px solid #e1e1e1;}
.course-select li .options li:last-child {border-bottom:0;}
.course-select li .options.open {	
    color: #565656;
	opacity: 1;
	max-height: 240px;
    overflow-y: auto;
    border:1px solid #e1e1e1;
}
.course-select li .options.open li{ border-bottom: 1px solid #e1e1e1;}
.course-select:before {
    content: '';
    background: url(/mobile/images/select_tri.svg) no-repeat;
    background-size: 10px 6px;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 20px;
    right: 10px;
}

.course-map-box{ margin: 17px 0 30px; width: 100%;}
.course-img01{ position: relative; width: 100%; margin-bottom: 25px;}
.course-img-text{ position: absolute; right:14px; bottom:15px; color: #fff; }
.course-img-text h2{ font-size: 1.25em; letter-spacing: 0.7px; padding-bottom: 4px; text-align: right;}
.course-img-text h2 span{ font-size: 1.8em; font-weight: 500;}
.course-img-text p{ font-size: 0.88em; letter-spacing: 0.46px;}
.course-img01 img{ width: 100%;}
.course-img02{ margin-bottom: 5px;}
.course-img02 img{ width: 100%;}
.course-info-text{ width: 100%; line-height: 2em; font-size: 0.75em; color: #2b2b2b; left: 0.42px; font-weight: 300; word-break: keep-all; margin-top:10px;}
.course-info-text span{ font-size: 1.25em; font-weight: 500; display: block;}

/** 갤러리
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
	border-radius: 10px;
	overflow: hidden;
}
.bx-wrapper img {
  min-width: 285px;
  width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: transparent;
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  outline: 0;
  border-radius: 50%;
	border:1px solid #fff;
	background-color: none;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fff;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-prev {
	left: calc( -65% + 10px);
    top:calc(100% - 50px);
    background: url(/mobile/images/btn_arw_l.svg) center center no-repeat;
    background-size: 29px 29px;
}
.bx-wrapper .bx-next {
	left: calc( -65% + 50px);
    top:calc(100% - 50px);
    background: url(/mobile/images/btn_arw_r.svg) center center no-repeat;
    background-size: 29px 29px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	outline: 0;
	z-index: 10;
	color: #fff;
    width: 29px;
    height: 29px;
    font-size: 0;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* self-info */
.self-wrap{width: 100%;}
.self-box{border: 1px solid #B9B9B9; background: #fff; padding: 10px; width: 45.6%; display: inline-block; height: 125px; vertical-align: top; position: relative; margin-right: 20px; border-radius: 20px;}
.self-box:nth-child(odd){background: #FCFCFC;}
.self-box:last-child{margin-right: 0;}
.self-box img{display: inline-block; vertical-align: middle;}
.self-box h2{font-size: 0.875rem; font-weight: 500; color: #21322D; display: inline-block;}
.self-box p{display: block; white-space: pre-line; word-break: keep-all; font-size: 0.75rem; font-weight: 300; margin: 7px 0 0 10px; line-height: 1.3em;letter-spacing: -1px;}
.self-box01{margin-bottom: 20px;}
.self-box02{margin-right: 0 !important; margin-bottom: 20px;}
.self-box03{height: 101px !important;}
.self-box04{margin-right: 0 !important; height: 101px !important;}
.self-box01::after{content: ''; background: url('/mobile/images/self-arrow.svg')no-repeat; width: 12px; height: 43px; position: absolute; top: 50%;transform: translateY(-50%); right: -21px;}
.self-box02::after{content: ''; background: url('/mobile/images/self-arrow2.svg')no-repeat; width: 43px; height: 12px; position: absolute; bottom: -18px; left: 50%; transform: translateX(-50%);}
.self-box03::after{content: ''; background: url('/mobile/images/self-arrow3.svg')no-repeat; width: 12px; height: 43px; position: absolute; top: 50%; transform: translateY(-50%); right: -18px;}
.self-box:last-child:after{display: none;}

.self-info{width: 100%; margin: 0 0 20px;}
.self-info .self-title{ font-size: 0.875rem; color: #333333; border-bottom: 1px solid #959595; padding: 20px 0 10px 0;}
.self-info .self-text{word-break: keep-all; border-bottom: 1px dotted #C1C1C1; padding: 10px 0; font-weight: 300; font-size: 0.75rem; line-height: 25px;} 
.self-text li{margin-left: 15px;position: relative;}
.self-text li::after{
    content: "";
    display: block;
    width: 5px;
    height: 1px;
    background: #333333;
    position: absolute;
    top: 13px;
    left: -10px;
}
.self-info:last-child .self-text{border-bottom: 0;}
.self-text img{display: inline-block; width: 100%;}
.self-sub{display: inline-block; vertical-align: top; padding: 0 10px;text-align: left;}
.self-sub-title{font-size: 1.25rem; font-weight: 400;}

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

/* golftel - info */
.reser-title{font-size: 0.875rem;}
.reser-title{text-align: center; font-size: 30px; color: #434343;}
.sub-content-nav-02{width: 100%; text-align: center; color: #434343; height: 40px; margin : 35px 70px;}
.sub-content-nav-02 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-02 ul li{display: inline-block; padding: 8px 25px; position: relative; font-size: 16px;}

.sub-content-nav-02 ul li::before{content: '▶'; position: absolute; display: inline-block; right: -10px; top: 11px; font-size: 13px;}
.sub-content-nav-02 ul li:last-child::before{display: none;}
.bx-wrapper{border-radius: 10px;} 
.golftel-info-txt01{width: 96%; margin: 27px auto 20px;}
.golftel-info-txt01 li{font-size: 0.75rem; line-height: 17px;}
.golftel-info-txt01 li:first-child{border-top: 1px solid #E6E6E6; padding-top: 10px;}
.golftel-info-txt01 li:last-child{border-bottom: 1px solid #E6E6E6; padding-bottom: 10px;}
.room-tit{font-size: 1.13rem !important;margin-bottom: 20px; font-weight: 400;}
.room-btn-red{font-size:0.813rem; color: #fff; width: 76px;height: 23px;border-radius: 20px; background:#DE3B18;text-align: center; line-height: 21px;margin-bottom: 10px;}
.room-txt{font-size: 0.75rem;line-height: 20px;}
.room-view{position: relative;}
.room-view img{position: absolute; top: -32px;}
.room_box{width: 96%; margin: 40px auto 0;}
.floor-plan img{width: 96%; margin:0 auto 20px;}

/*golftelGuide*/
.golftel-wrap ul:last-child{border: 0;}
.golftel-wrap ul li{line-height:1.5em;}
.golftel-guide-txt01{position: relative; margin-left: 15px; font-size: 0.88em;}
.golftel-guide-txt01::after{content: "※"; display: block; position: absolute;top: 0; left: -15px; clear: both;}
.golftel-guide-txt02{position: relative; margin-left: 10px; font-size: 0.88em;}
.golftel-guide-txt02::after{content: "-"; display: block; position: absolute;top: 0; left: -10px; clear: both;}
.golftel-round {width: 100%; height: auto;}
.golftel-round ul li{display: inline-block; width: 130px; border-radius: 20px; text-align: center; padding: 10px 0; border: 1px solid #707070; color: #000000; font-size: 0.875rem; font-weight: 300; margin-right: 20px;}
.golftel-round ul li:last-child{margin-right: 0;}
.golftel-round ul .on{background-color: #21322D !important; color: #fff !important; border: none;}
.golftel-time{ text-align: center; border-bottom: 0 !important;}
.sub-golftel-title{margin-top: 30px;}


/*.golftel-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;margin-top: 15px; font-size: 0.688rem; font-weight: 300;}
.golftel-info-table tbody tr .first-round{border-radius: 20px 0 0 0;}
.golftel-info-table tbody tr .last-round{border-radius: 0 0 0 20px;}
.golftel-info-table tbody th{background: #21322D; color: #fff; padding: 5px 3px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle;}
.golftel-info-table tbody td{border: 1px solid #DCDCDC; padding: 8px 3px; text-align: left; vertical-align: middle;}

/*club-fee*/
.fee-box h2{font-size:0.875rem; font-weight: 500;}
.fee-box h3{font-size: 0.75rem; font-weight: 300;}
.fee-txt01{font-size: 0.75rem; font-weight: 300;margin-top: 10px;}
.fee-txt01 li{line-height: 16px;}
.fee-box{padding-bottom: 20px; border-bottom: 1px dashed #C1C1C1; margin-bottom: 20px;}
.fee-box:last-child{border-bottom: 0;}
.fee-box-table tbody tr th{border-bottom: 1px solid #DCDCDC;vertical-align: middle;padding: 15px 10px;}

/*club-map*/
.map-area{ text-align: center; padding-bottom: 15px;}
.map-area h2{ font-weight: 400; padding-bottom: 8px;}
.map-area p{ font-size: 0.75em; line-height: 1.5em;}

.map-con{ width: 100%;}
.map-text{border-bottom: 1px dotted #BFBFBF; padding: 20px 0;}
.map-text:last-child{border-bottom: 0;}
.map-text h2{font-size: 1em; font-weight: 500;}
.map-text h3{color:#F15A25; font-weight: 500; padding: 10px 0 5px; font-size: 0.88em;}
.map-text p{font-size: 0.88em; line-height: 20px; font-weight: 400; }

.map{ width: 96%; margin:10px  auto; }
.map img{ max-width: 100%; display: block; margin: auto;}
.btn-map{ display: inline-block; margin:10px auto; border-radius: 20px; background-color: #333; color: #fff; padding: 6px 15px; font-size: 0.88em;}

/* club-tour */
.tour-list{width: 100%;}
.tour-box{border: 1px solid #D1D1D1; border-radius: 20px; padding: 10px; position: relative; box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);}
.tour-box span{display: inline-block; width: 100%;/* height: 218px;*/ margin-bottom: 20px;}
.tour-box img{width: 100%;}
.tour-text{display: inline-block; width: 100%; vertical-align: top; padding: 10px;position: relative;}
.tour-text h2{font-size: 1rem;}
.tour-text p{color: #AAA7A7; font-weight: 300; padding: 10px 0;font-size: 0.75rem;line-height: 15px;}
.tour-text a{background: #21322D; color: #fff; padding: 8px 20px; font-weight: 300; border-radius: 10px;font-size: 0.75rem;position: absolute; right: 10px;bottom: 0;}
.tour-line{border: 1px dotted #C4C4C4; margin: 30px 0 45px; width: 100%; height: 1px;}

/*facil*/
.facil-slide{
    position: relative;
    width: 100%;
    padding-bottom: 100px;
}


.btn-facil{ background-color: #333; border-radius: 20px; padding: 6px 10px; color: #fff;}
.btn-facil.on{ color: #fff !important;}
.btn-facil.on::before{ content: ''; display: none !important; }
.btn-facil.on::after{ content: ''; display: none !important; }
.menu-list{width: 100%;margin-top: 30px;}
.menu-list img{width: 100%;}

/*.facilSwiper .swiper-button-next{left: 0 !important; width: 40px !important;}
.facilSwiper .swiper-button-prev{right: 0 !important; width: 31px !important;}*/
/*.facilSwiper .swiper-button-next.next02::after{content: "";background: url(/mobile/images/facil_arrow_prev.svg)no-repeat; width:40px;height: 31px; position: absolute; top: 200%; left: 7px; transform: translate(0, -950%);}
.facilSwiper .swiper-button-prev.prev02::after{content: "";background: url(/mobile/images/facil_arrow_next.svg)no-repeat;background-size: 36px 31px; width:43px;height: 31px; position: absolute; top: 200%; right: 0; transform: translate(0, -950%);}*/
.facilSwiper .swiper-button-next{left: 0 !important;width: 43px !important;top: 50%;transform: translateY(-50%);}
.facilSwiper .swiper-button-prev{right: 0 !important;width: 43px !important;top: 50%;transform: translateY(-50%);}
.facilSwiper .swiper-button-next.next02::after{content: "";background: url(/mobile/images/facil_arrow_prev.svg)no-repeat; width:43px;height: 31px;}
.facilSwiper .swiper-button-prev.prev02::after{content: "";background: url(/mobile/images/facil_arrow_next.svg)no-repeat right center; width:43px;height: 31px;}

/*club*/
.contents-club{ position: relative; padding-top:50px; width: 100%; margin: auto;}
.club-top-img{ position: relative; width: 100%; height: 478px; background:url(/mobile/images/img_club01.jpg) center right no-repeat; background-size: cover;}
.club-menu{ position: absolute; width: 100%; top: 0; left: 0;}
.club-top-title{ position: absolute; top:160px; width: 100%; text-align: center; left: 0;}
.club-top-title h1{ font-size: clamp(1.56em, 7vw, 2em); color: #fff;}
.club-top-title h3{ font-size: clamp(0.75em, 3.5vw, 1em); color: #fff; padding-top: 16px; }
.club-top-title h3 span{ color: #000; }

.club-intro{text-transform: uppercase; padding: 60px 0;}
.club-intro h3.sub-title{ font-size: 1.25em; padding-bottom: 7px; font-weight: 300;}
.club-intro h2.title{ font-size: 2.06em; font-weight: 700;}
.club-intro p img{ width: 100%;}

.bi{ padding: 0 20px 20px;}
.intro-text{ font-size: 0.88em; word-break: keep-all; line-height: 1.5em; text-align: center; padding: 28px 20px 0;}
.intro-text span{ display: block; padding-bottom: 25px; font-weight: 500;}
.intro-text2{ font-size: 0.88em; word-break: keep-all; line-height: 2em; text-align: left; padding: 0 20px;}

.club-intro2{ padding: 30px 0;}
.club-intro2 h3.title{ font-size: 1.88em; font-weight: 500; padding: 0 20px 17px;}
.club-intro2 h2.sub-title{ font-size: 1em; font-weight: 400; line-height:1.5em; padding: 0 20px;word-break: keep-all;}

/*survey*/
.survey-table-wrap{ width: 96%; margin: auto; }
.survey-table{ width: 100%; border-top:2px solid #707070; font-size: 0.88em; margin-top:30px;}
.survey-table thead th{ padding: 9px 5px; text-align: left; line-height: 1.5em; border-bottom:1px solid #bebebe;}
.survey-table tbody th{ text-align: center; vertical-align: middle; border-bottom:1px solid #bebebe; border-right:1px solid #bebebe;}
.survey-table tbody td{ text-align: left; padding:0 5px; border-bottom:1px solid #bebebe; height: 58px; vertical-align: middle; line-height: 1.5em;}
.survey-table tbody th input[type=radio] + label{ padding: 1px 8px;}

.img-fp{ position: absolute; bottom: 0; z-index: 1; left: 0;}
.img-fp img{ max-width: 100%; display: block;}

/*untact*/
.bgray{background: #F1F0F2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.untact-area{width: 92%; margin: auto;}
.untact-area h1.title{ text-align: center; font-size: 1.38em; padding:30px 0 16px; color: #2F3334; font-weight: 700;}
.untact-wrap{margin-top: 1.5em;}
.untact-wrap h2{font-size: 1.3em; padding: 0 5px;}

.untact-box{margin:15px 0; width: 100%; border: 1px solid #0a4674; border-radius: 0.25rem; text-align: center; position: relative; background: #fff;}
.untact-box p{font-weight: 500; padding: 20px;}
.untact-box p span{font-size: 1.6em; display:block; margin: 0.5em 0; color: #0A4674; letter-spacing: -0.5px; font-weight: 500;}

.avatar-wrap{width: 100%; text-align: center;}
.avatar-wrap li{width: 48.9%; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; text-align: center; padding: 1em; margin-right: 2px; margin-bottom: 7px; background: #fff;}
.avatar-wrap li:nth-child(even){margin-right: 0;}
.avatar-wrap li h3{font-size: 1.2em; font-weight: 500;}
.avatar-wrap li h4{font-size: 0.95em; padding: 10px 0; font-weight: 200;}
.avatar-wrap li a{color: #212529; background: #E8E8E8; width: 100%; display: block; padding: 10px; font-weight: 400;}
.avatar-wrap li a:hover{background: #5c636a !important; color: #fff !important;}
.avatar-wrap li a.on{background: #0a4674; color: #fff; font-weight: 400; font-size: 1.1em;}
.avatar-wrap li a.del{background: #B1B0AF; color: #fff; font-weight: 400; font-size: 1.1em;}

.check-btn{position: fixed; bottom: 0; left: 0; width: 100%;}
.check-btn a{text-align: center; margin: 0 auto; display: block; padding: 20px; background: #0a4674; color: #fff; font-weight: 600; font-size: 1.2em;}

.avatar{background-color: #F4F2F0; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #dddbd7; text-align: center; margin: 0.75rem auto; overflow: hidden;}

.untact-list{display: flex; justify-content: space-between; width: 100%;}
.untact-list li{position: relative; width: 33.3%; padding-bottom: 15px; font-size: 0.875em;}
.untact-list li span{display: block; font-size: 1em; margin-top: 0.5em; font-weight: 600; color: #0a4674; padding: 0 5px;}
.untact-list li::after{content: ''; position: absolute; bottom: 0; width: 1px; height: 36px; background: #0a4674; right:0;}
.untact-list li:last-child::after{display: none;}

/*qr*/
.grayBg{background: #F1F0F2; z-index: 9998; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.zindex9999{z-index: 9999; position: relative;}
.qr-nav{z-index: 10000; width: 100%; height: 56px; background: #fff; border-bottom: 1px solid #ccc; position: fixed; padding: 5px 0; top: 0;}
.qr-nav a{display: block; position: relative; z-index: 9999;}
.qr-nav svg{width: 45px; height: 45px; display: inline-block;}
.qr-nav span{text-align: center; width: 100%; display: inline-block; position: absolute; top: 20px; left: 50%; transform: translate(-50%); font-size: 1.24em; font-weight: 500;}

.qr-wrap{border-radius: 0.25em; padding: 20px; text-align: center; margin: 15px 0; background: #fff; box-shadow: 0 3px 10px rgb(0 0 0 / 10%);}
.qr-wrap img{margin: 20px auto;}
.qr-wrap h3{font-size: 0.9em; font-weight: 400; margin: 20px 0;}
.qr-wrap h4{font-size: 2.5em; font-weight: 700; color: #333; vertical-align: middle; padding-bottom: 20px;}
.qr-wrap h4 span{background-color: #1473E6; color: #fff; font-weight: 500; padding: 0 10px; border-radius: 3px; font-size: 0.4em !important; margin-right: 10px; vertical-align: middle;}

.qr-table{width: 100%;}
.qr-table tbody tr:first-child{border-top: 1px double #0a4674;}
.qr-table tbody tr:last-child{border-bottom: 1px double #0a4674;}
.qr-table tbody th{background: #F4F4F4; font-weight: 200; border: 1px solid #D4D4D4; border-left: 0; font-size: 0.875em;}
.qr-table tbody td{border: 1px solid #D4D4D4; border-right: 0; color: #333; padding: 15px; font-size: 0.875em; font-weight: 400; background: #fff;}

/*untact*/
.commonPop2{ background-color: #fff;position: fixed;z-index: 10000;border-radius: 0.3em;left: 50%;top:50%;word-break: keep-all;transform: translate(-50%,-50%);display: none;width: 90%;max-height: 90%;overflow-y: auto;min-width: 288px;}
.commonPop3{ background-color: #fff;position: fixed;z-index: 10000;border-radius: 0.3em;left: 50%;top:50%;word-break: keep-all;transform: translate(-50%,-50%);display: none;width: 50%;max-height: 90%;overflow-y: auto;min-width: 288px;}
.pop-padding-wrap{padding: 30px 20px;}
.pop-padding-wrap h2{font-size: 1.25em; font-weight: 500; text-align: center; color: #333;}
.pop-padding-wrap p{font-weight: 300; font-size: 0.9em; text-align: center; margin: 1em 0 0;}

.untact-pop{margin-top: 30px; text-align: center;}
.untact-pop input{text-indent: 10px;}
.untact-pop input:focus {outline: none; text-indent: 10px;}
.untact-pop input::placeholder{text-indent: 10px; font-size: 0.875em;}
.untact-pop input[type=radio]{accent-color: #0a4674; transform:scale(1.3)}
.form-check{display: inline-block; margin-right: 30px; margin-top: 20px;}
.form-check:last-child{margin-right: 0;}

.send li{border-bottom: 1px solid #ccc; text-align: center; padding: 25px 0; font-size: 1.05em;}
.send li:first-child{border-top: 1px solid #ccc;}
.pop-close{position: relative; font-size: 0.875em; display: block; margin: 15px 15px 0 0; text-align: right;}
.pop-close::after{content: ''; background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; position: absolute; bottom: -3px; width: 20px; height: 20px;}

.pop-btn{width: 100%; border-top: 1px solid #ccc;}
.pop-btn a{width: 49%; padding: 18px; display: inline-block; text-align: center; border-right: 1px solid #ccc; font-weight: 600;}
.pop-btn a:last-child{border-right: 0;}

/*grade*/
.grade-title{margin: 2em 0 1em; font-size: 0.88em; 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: 0.8em; 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: 1em 0.2em; letter-spacing:-0.5px}
.grade-table tbody td strong{font-weight:400; color:#0067a3}
.grade-table tbody td.point{background: #FBFBFB; text-align: left; line-height: 1.5em; padding: 0.5em;}
.grade-table tbody tr:last-child td:last-child{border-radius: 0 0 20px 0;}

.grade-customer{text-align: center; font-size: 0.9em; border-top: 1px solid #E6E6E6; padding: 30px 5px;}
.grade-customer h3{font-weight: 400;}
.grade-customer p{line-height: 1.5em; font-weight: 300; margin: 10px 0 30px;}
.grade-customer img{margin: 0 auto;}
.grade-customer span{color: #21322D; font-weight: 500; display: block; margin-top: 10px;}

.grade-info{width: 100%; background: #F1F1F1; border: 1px solid #D8D8D8; padding: 10px; border-radius: 10px; font-size: 0.9em;}
.grade-info li{display: inline-block; width: 19%; text-align: center; font-size: 0.85em;}
.grade-info li img{margin: 0 auto;}
.grade-info li span{display: block; margin-top: 15px;}

/*언택트 추가수정건*/
.info{text-align: center; font-size: 1em;}
.btn_bh{width: 100%; margin: 20px 0;}
.btn_bh a{width: 48%; display: inline-block; margin-right: 10px; border: 1px solid #aaa; padding: 13px; text-align: center; border-radius: 10px;}
.btn_bh a.on{border: 0; color: #fff; background:#0a4674; font-weight: 400;}
.btn_bh a:last-child{margin-right: 0;}

.btn_ok{width: 100%; background: #0a4674; color: #fff; border-radius: 5px; display: block; padding: 15px; text-align: center; font-weight: 400;}
.untact-pop a{display: block; border: 1px solid #aaa; padding: 15px 0; margin-bottom: 15px; border-radius: 5px; color: #0d4674; font-weight: 300;}
.untact-pop a.on{background: #0d4674; color: #fff; border: 0;}
.pop-close2{position: absolute; top: 5px; right: 5px;}

/*========================= celine 추가 230622 ======================= */
/* 230622 Range 추가 */
.range-wrap {width: 100%; height: auto;}
.sub-title { text-align: left; font-size: 0.88em; color: #434343; font-weight: 400; padding-bottom: 8px; line-height: 1.25em;}
.range-wrap img {width: 100%; height: auto; display: block; margin: 15px 0;}

.range-info-table{width: 100%; background-color: #fff; border-collapse: collapse; border-radius: 10px; border-style: hidden; box-shadow: 0 0 0 1px #707070; color: #434343; font-size: 0.688em;}
.range-info-table tbody tr .first-round{border-radius: 10px 0 0 0;}
.range-info-table tbody tr .second-round{border-radius: 0 10px 0 0;}
.range-info-table tbody tr .last-round{border-radius: 0 0 0 10px;}
.range-info-table tbody tr .greyBg {background-color: #E9E9E9;}
.range-info-table tbody th{background: #21322D; color: #fff; padding: 0 5px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle; line-height: 1.25em; word-break: keep-all;}
.range-info-table tbody td{border: 1px solid #DCDCDC; padding: 5px; text-align: center; vertical-align: middle; line-height: 17px; word-break: keep-all;}

.range-table-con {width: 100%; height: auto; font-size: 0.688em; color: #333333; line-height: 17px; font-weight: 300; padding-top: 15px;}

/* reserGuide 추가 */
.sub-title02 .tab {width: auto; height: 33px; border-radius: 16px; background-color: #21322D; color: #fff; font-size: .9375em; text-align: center; padding: 7px 10px; display: inline-block; font-weight: 200; margin-left: 10px;}

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

.guide-two {width: 100%; height: auto; display: flex; align-items: flex-start;  justify-content: space-between;}
.guide-two li {width: 48%; height: auto;}
.guide-two li :last-child {border-bottom: none;}
.guide-two li img{width: 100%; height: auto; margin: 0 auto 20px;}
.guide-two li span{font-size: .8125em; color: #434343; line-height: 20px; text-align: center; font-weight: 300; display: block; letter-spacing: -0.5px;}

/* 갤러리 */
.boardThum {width: 100%; height: auto; padding: 12px 0;}
.boardThum .items {width: 100%; height: 318px; position: relative; border: 1px solid #d4d4d4; float: left; margin-bottom: 44px;}
.boardThum:first-child .items::before {content: ''; position: absolute; width: 100%; height: 1px; background-color: #3a3a3a; top: -17px; left: 50%; transform: translateX(-50%);}
.boardThum .items::after {content: ''; position: absolute; width: 90%; height: 1px; border: 1px dotted #c8c6c6; bottom: -24px;  left: 50%; transform: translateX(-50%);}
.boardThum .items .inner {padding: 13px 14px; width: 100%; height: auto;}
.boardThum .items .inner .img { padding-bottom: 12px;}
.boardThum .items .inner .img img {width: 100%;margin: 0 auto;display: block;height: auto; object-fit: cover;}
.boardThum .items .inner .sub {position: relative; font-size: .9375em; color: #101010; font-weight: 200; padding-bottom: 7px; text-align: left; text-indent: 12px;}
.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: 1.125em; color: #101010; font-weight: 500; text-align: left; line-height: 1.2em;}

/* 공지사항 */
.boardThum02 {width: 100%; height: auto; padding: 12px 0;}
.boardThum02 .items02 {width: 100%; height: auto; position: relative; border: 1px solid #d4d4d4; float: left; margin-bottom: 44px;}
.boardThum02:first-child .items02::before {content: ''; position: absolute; width: 100%; height: 1px; background-color: #3a3a3a; top: -17px; left: 50%; transform: translateX(-50%);}
.boardThum02 .items02::after {content: ''; position: absolute; width: 90%; height: 1px; border: 1px dotted #c8c6c6; bottom: -24px;  left: 50%; transform: translateX(-50%);}
.boardThum02 .items02 .inner {padding: 13px 14px; width: 100%; height: auto;}
.boardThum02 .items02 .inner .img { padding-bottom: 12px;}
.boardThum02 .items02 .inner .img img {width: 100%;margin: 0 auto;display: block; height: auto; object-fit: cover;}
.boardThum02 .items02 .inner .num {font-size: 1.125em; color: #101010; font-weight: 600; text-align: left; line-height: 1.2em; padding-bottom: 8px;}
.boardThum02 .items02 .inner .tit {font-size: 1.125em; color: #101010; font-weight: 500; text-align: left; line-height: 1.2em; padding-bottom: 7px;}
.boardThum02 .items02 .inner .board-head{background: #E5811D; color: #fff; text-align: center; padding: 3px 10px; display: inline-block; border-radius: 15px; font-size: 0.94rem; margin-right: 5px;}
.boardThum02 .items02 .inner .sub {position: relative; font-size: .9375em; color: #101010; font-weight: 200; text-align: left; text-indent: 12px;}
.boardThum02 .items02 .inner .sub::before {position: absolute; content: 'ㆍ'; width: 4px; height: 4px; border-radius: 50%; background-color: #101010; left: 3px; bottom: 50%;transform: translateY(50%);}

.btn-board {width: 125px; height: 40px; border: 1px solid #aaa6a6; font-size: .75em; color: #101010; margin: 0 auto; padding: 12px 0; margin-top: 40px;}
.btn-board a {position: relative;}
.btn-board span {padding-left: 20px;}
.btn-board a::after {position: absolute; content: '▼'; color: #2a2a2a; font-size: 15px; right: -19px; top: 0;}

/* 230807 추가페이지 작업건 */
.board-tit{font-size: 0.88rem; margin-bottom: 10px; font-weight: 400;}

.table-scroll{overflow-x: scroll; width: 100%; display: block;}
.board-table2{width: 100%; background-color: #fff; border-collapse: collapse;border-radius: 15px; border-style: hidden; box-shadow: 0 0 0 1px #707070; color: #434343; font-size: 0.75rem; font-weight: 300; table-layout: fixed; min-width: 650px;}
.board-table2 thead th:first-child{border-radius: 15px 0 0 0;}
.board-table2 thead th:last-child{border-radius: 0 15px 0 0;}
.board-table2 thead .top{border-radius: 20px 20px 0 0 !important;}
.board-table2 thead th{background: #21322D; color: #fff; padding: 5px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle;}
.board-table2 tbody th{background: #F5F5F5; border: 1px solid #DCDCDC; vertical-align: middle; padding: 5px;}
.board-table2 tbody tr:last-child th{border-radius: 0 0 0 20px;}
.board-table2 tbody td{border: 1px solid #DCDCDC; padding: 8px 0; text-align: center; vertical-align: middle;}
.board-table2 tbody tr img {display: block; margin: 0 auto; width: 10%;}

.rank-box{background: #f5f5f5; border-radius: 25px; margin-bottom: 30px; display: flex; padding: 25px 40px;}
.mem-info{margin-left: 30px; font-size: 0.88rem; font-weight: 400;}
.mem-info h2{margin: 10px 0; font-size: 0.75rem;}
.mem-info h2 span{font-size: 0.94rem; font-weight: 600; margin: 0 5px;}
.r-point{background:#414141; color: #fff; padding: 10px 30px; border-radius: 25px;}
.r-point span{margin-left: 25px; font-weight: 600;}

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

.slider-text h2{font-size: 1.38rem; font-weight: 400;}
.slider-text p{font-size: 0.81rem; color: #8b8b8b; white-space: pre-line; line-height: 20px; margin: 5px 0 10px;}

.slider-img2{position: absolute !important; width: 215px !important; height: 150px !important; left: 40%; top: 75%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}

/*230809 추가*/
.range-info-table2{width: 100%; background-color: #fff; border-collapse: collapse;border-radius: 10px; border-style: hidden; box-shadow: 0 0 0 1px #707070; color: #434343; font-size: 0.688rem; font-weight: 300;}
.range-info-table2 thead th:first-child{border-radius: 10px 0 0 0;}
.range-info-table2 thead th:last-child{border-radius: 0 10px 0 0;}
.range-info-table2 thead .top{border-radius: 10px 10px 0 0 !important;}
.range-info-table2 thead th{background: #21322D; color: #fff; padding: 10px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle;}
.range-info-table2 tbody th{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 10px;}
.range-info-table2 tbody td{border: 1px solid #DCDCDC; padding: 10px; text-align: center; vertical-align: middle; white-space: pre-line; line-height: 16px;}
.range-info-table2 tbody tr img {display: block; margin: 5px auto; width: 30px !important;}

/*230921 추가*/
.reser-menu-img{width: 100%; height: 100%;margin-bottom: 20px;}
.reser-menu-img img{width: 100%; height: 100%;}

/*250602 조인게시판*/
.join-list .box{border: 1px solid #d2d2d2; margin-bottom: 10px; padding: 10px 15px;}
.join-list .box .line{display: inline-flex;align-items: center;font-size: 0.81rem;border-bottom: 1px dashed #ccc;padding: 10px 0;width: 100%;position: relative;}
.join-list .box .tit{font-weight: 500;}
.join-list .box .line.title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 100%;}
.join-list .box .line:last-child{border-bottom: 0;}
.join-list .box .line .list{display: flex;align-items: center;font-size: 0.81rem;gap:16px;justify-content: flex-end;position: absolute;right: 0;}
.join-list .box .line .list .join-begin-btn{background: #de3b18;color: #fff;border-radius: 5px;padding: 4px 8px; display: inline-block; width: 40px;}
.join-list .box .line .list .join-cate-btn{background: #214f41;color: #fff;border-radius: 5px;padding: 4px 8px; display: inline-block; width: 40px;}
.join-list .box .line .list li{position:relative; display: flex; align-items: center; justify-content: center; gap:3px;}
.join-list .box .line .list li:before{content:''; position:absolute; top:50%; right:-9px; transform:translateY(-50%); width:1px; height:6px; background:#333333;}
.join-list .box .line .list li:last-child:before{display: none;}
.join-list .box .line .meta{display: flex; align-items: center; justify-content: flex-end; width: 100%; gap:16px; font-size: 0.81rem;}
.join-list .box .line .meta li{position: relative; display: flex; align-items: center; justify-content: center; gap:3px;}
.join-list .box .line .meta li:before{content:''; position:absolute; top:50%; right:-8px; transform:translateY(-50%); width:1px; height:6px; background:#333333;}
.join-list .box .line .meta li:last-child:before{display: none;}
.common-btn{display: flex;justify-content: center; gap:14px;}
.common-btn.right{justify-content: flex-end;}
.common-btn a{color: #fff;border-radius: 6px;font-size: 0.88rem;text-align: center;padding: 8px 0;border: 1px solid #b9b8b8;color: #000;width: 100px;}
.common-btn a.on{background: #21322D; color: #fff; border: 1px solid #21322D;}

/*조인마감*/
.join-list .box.end{color:#c7c7c7;}
.join-list .box.end .line .list li:before{background:#c7c7c7;}
.join-list .box.end .line .meta li:before{background:#c7c7c7;}
.join-list .box.end .line .list .join-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: 0.88rem;}
.join-view tbody td{border-bottom: 1px solid #d8d8d8; padding: 13px 0;}
.join-view .view-con{padding: 40px 5px; text-align: left; font-weight: 300; font-size: 0.81rem;}

.join-view-title{display: flex; align-items: center; position: relative; gap:15px; font-size: 0.81rem; font-weight: 300;}
.join-view-title li:last-child{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.join-view-title .join-btn{display: inline-block;background: #de3b18;padding: 7px 0;color: #fff;border-radius: 5px;width: 50px;text-align: center;}
.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{background: #757472; color: #fff; width: 164px; padding: 13px; text-align: center; font-size: 0.81rem;}

.join-write-date{background: #fff !important;height: 40px !important;width: 170px !important;text-align: center;border: 1px solid #c1c1c1 !important;font-weight: 300;font-size: 0.81rem;}
.join-write-tit{background: #fff !important;height: 40px !important;width: 100% !important;text-align: center;border: 1px solid #c1c1c1 !important;font-weight: 300;font-size: 0.81rem; outline: none; border-radius: 0;}
.join-write-tit::placeholder{color: #565656;}
.join-text-write{border: 1px solid #c1c1c1;width: 100%;height: 260px;margin: 12px 0 10px;font-size: 0.81rem;padding: 20px; border-radius: 0;}
.join-text-write::placeholder{color: #565656; font-weight: 300;}
 
.join-reply-title{background: #2b4943; color: #fff; padding: 7px 0; font-weight: 300; font-size:14px; margin-top: 30px; text-align:center;}
.join-reply {width: 100%; text-align: center; border-collapse: collapse; border: 0px; border-style: hidden;}
.join-reply tr th{background: #21322D; color: #fff; text-align: center; vertical-align: middle; border: 1px solid #ccc; font-size: 12px; font-weight: 300;}
.join-reply tr td{border: 1px solid #ccc; padding: 10px; color: #686868; text-align: left;}
.join-reply tr td span{font-size: 12px;}

.btn-comment{display: ; align-items: center; position: absolute; margin: 5px; background: #505050; padding: 10px;color: #fff; border-radius: 5px;}
.btn-comment-del{display: inline-block; margin:-2px 0px; background: #5f2d2d;padding: 3px 10px;color: #fff;border-radius: 3px; font-size:12px; }

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

.basic-pop {
	background-color: #fff;
	position: absolute;
	z-index: 1010;
	width: 100%;
	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: 40px;
    border: 1px solid #c1c1c1;
    background: #fff;
    font-size: 0.81rem;
    font-weight: 300;
    width: 100%;
    display: block;
    text-align: center;
    padding: 12px 0;
    cursor: pointer;
    color: #565656;
}
.write-title{display: flex;align-items: center; gap:10px; flex-wrap: wrap; width: 96%;}
.write-title .join-max-width{display: block; width: 100%;}

.join-search{ width: 100%; display: flex; padding: 11px 0; background-color: #f3f3f3; justify-content: space-around; margin-top: 14px; align-items: center; font-size: 0;}
.join-width{width: calc(70% - 10px);}