/* ************************ 데스크탑(992~) ************************ */

body .img img {width:100%; height:100%; object-fit:cover; transition:var(--ani);}

.center {text-align: center;}

/*** 탭 공통 ***/
.tabWrap .tabBtn {cursor:pointer;}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}

.scroll-tab .scrollable {display:flex; justify-content:center; gap:5px;}
.scroll-tab .scrollable::-webkit-scrollbar {display:none;}

.scroll-tab .scrollable li {cursor:pointer; line-height:1; text-align:center; font-weight:700; font-size:var(--fontSize20); padding:15px 50px; border-radius:100px; border:2px solid var(--base3); color:var(--base3); transition:.3s;}

.scroll-tab .scrollable li.on,
.scroll-tab .scrollable li:hover {color:#fff; background:var(--base3);}

.tabItemI {display:block; padding:30px 0;}
.tabItemIn.two-cols {display:grid; grid-template-columns:600px auto; align-items:start;}
.tabItemIn p {margin-bottom:30px; line-height:1.8;}


/* type4-스크롤테이블 */
body .tableWrap.type4 {background:#fff; width:100%; max-width:100%;}
body .tableWrap.type4 table {width:100%; text-align:center; border-top:3px solid var(--base1); color:#666;}
body .tableWrap.type4 thead {background:#edf0f2;}
body .tableWrap.type4 thead th {line-height:1.6;}
body .tableWrap.type4 tr {border-bottom:1px solid #e5e5e5;}
body .tableWrap.type4 tr>* {font-size:var(--fs16); font-weight:300;}
body .tableWrap.type4 th {padding:10px 20px; border:1px solid #ddd; text-align:center; font-weight:500; color:#333; background:#F7F7F7;}
body .tableWrap.type4 th:nth-child(1) {border-left:0;}
body .tableWrap.type4 th:last-child {border-right:0;}
body .tableWrap.type4 td {padding:15px 20px; border-right:1px solid #ddd;}
body .tableWrap.type4 td:last-child {border-right:0;}

/* 약관 및 처리방침 동의 */
.memberLayout .agree,
.memberLayout .privacy {padding:30px !important; padding-right:15px !important; margin:0; border-radius:10px; border:1px solid #ddd; background-color:#f9f9f9; overflow:hidden;}

.memberLayout .agree pre {height:300px !important; overflow-y:auto}
.memberLayout .agree pre::-webkit-scrollbar {height:10px; width:10px;}
.memberLayout .agree pre::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.memberLayout .agree pre::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

.memberLayout .privacy pre {height:300px !important; overflow-y:auto}
.join .h4 {position:relative; margin-bottom:20px; font-size:20px;
font-weight:600; color:var(--base1); letter-spacing:-0.5px; line-height:1; transform:var(--textRotate);}
.join .h4:before {position: absolute; left:0; top:-10px;content:'';display:inline-block;width:30px;
height:1px; background:var(--base1);}
.memberLayout .agree pre,
.memberLayout .privacy pre {
	font-family:inherit !important;
	width:100%; font-size:16px;
	margin:0; padding:0; padding-right:30px; color:#555;
	line-height:inherit;
	background:transparent; border:none;
	word-break:keep-all;
}
.agree pre strong, .privacy pre strong {font-size:16px; color:#000; font-weight:600;}

.memberLayout .agree pre table {border-collapse:collapse; border:1px solid #ddd; text-align:center;}
.memberLayout .agree pre table tr>* {padding:7px 10px; border-right:1px solid #ddd; color:#000}
.memberLayout .agree pre table tr>*:last-child {border-right:none;}
.memberLayout .agree pre table tr {border-bottom:1px solid #ddd}
.memberLayout .agree pre table tr th {background:#616161; color:#fff; font-weight:400}
.memberLayout .join .checkWrap_sunnong {margin-top:20px;}

.termWrap .privacy pre table {border-collapse:collapse; border:1px solid #ddd; text-align:center;}
.termWrap .privacy pre table tr>* {padding:7px 10px; border-right:1px solid #ddd; color:#000}
.termWrap .privacy pre table tr>*:last-child {border-right:none;}
.termWrap .privacy pre table tr {border-bottom:1px solid #ddd}
.termWrap .privacy pre table tr th {background:#616161; color:#fff; font-weight:400}

.memberBtn-single {text-align:center; margin-top:30px!important;}
.memberBtn-single li a {display: inline-block; padding: 20px 50px; line-height:1; background: #333; color:#fff; font-size: 18px; border-radius:5px; font-weight:600; transform:var(--textRotate); transition:all 0.2s;}
.memberBtn-single li a.gray {background:#999;}
.memberBtn-single li a:hover {background:#000;}
.memberBtn-single ul {display:flex; justify-content:center; gap:10px;}
.termWrap h3 {text-align:center; font-size:24px; font-weight:700;}
.termWrap .box pre {padding:30px; margin-top:30px; border-radius:20px; display: block; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; white-space: pre-wrap; font-size:16px;}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 1199px) {

	body .tableWrap.type4 {overflow-x:auto;}
	body .tableWrap.type4 table {width:100%; min-width:1000px;}
	
	.tableWrap.type4{display:block; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; width:100%; max-width:100%;}
	.tableWrap.type4 table{width:auto; min-width:1000px; border-collapse:collapse;}
	.tableWrap.type4 th, .tableWrap.type4 td{white-space:nowrap;}

	
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	
    

}


/* ************************ 모바일 (0~500) ************************ */
@media screen and (max-width: 500px) {

  

}




/* 전체 화면 로딩 오버레이 START*/
#loadingOverlay {
	display: none;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9999;
	text-align: center;
	color: white;
	font-size: 24px;
	font-weight: bold;
	padding-top: 20%;
}
.spinner {
	margin: 0 auto 20px;
	border: 8px solid #f3f3f3;
	border-top: 8px solid #ffffff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 1s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* 전체 화면 로딩 오버레이 END*/