/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2022-09-13
| 파일설명 : 이용약관, 개인정보처리방침 CSS (PC)
+----------------------------------------------------------------------+
| 작업자 : 최진영
+----------------------------------------------------------------------+
| 수정이력
| 20240503 table CSS 디자인 추가 by 최진영
| 20241023 약관 항목 별 간격 수정 by 최진영
| 20250401 개인정보처리방침 페이지 하단 버튼 밑 여백 추가 by 최진영
| 20251217 맥스AI 유료서비스 이용약관 추가에 따른 CSS 수정 by 심헌
+----------------------------------------------------------------------+
*/

html, body, h2, h3, p {
	margin: 0;
	padding: 0;
}

.title {
    max-width: 1024px;
    min-width: 768px;
    margin: 0 auto;
	padding: 20px 0;
    font-size: 25px;
	background-color: #1c1c1c;
    color: #fff;
    font-family: 'NotoSansKR-DemiLight';
    letter-spacing: -0.5px;
	text-align:center;
}

.container {
	max-width: 1024px;
    min-width: 768px;
    margin: 0 auto;
    padding: 45px 30px;
    box-sizing: border-box;
    background: #fff;
}

.container .termsTabBtnArea {
	display:flex;
	justify-content: space-between;
	margin-bottom: 25px;
	text-align: center;
}

.container .termsTabBtnArea .termsTabBtn {
    width: 33%;
    background-color: #dbdbdb;
    font-size: 15px;
    color: #a0a0a0;
    font-family: 'NotoSansKR-DemiLight';
    height: 54px;
	border:0;
	cursor:pointer;
}

.container .termsTabBtnArea .termsTabBtn.on {
	background-color: #e8101f;
    color: #fff;
	cursor:default;
}

.container .contents {
	display:none;
	overflow-y: auto;
    max-height: 490px;
	border: 1px solid #e1e1e9;
    padding: 13px;
    box-sizing: border-box;
}

.container .contents.privacy {
    max-height: 570px;
}

.container .contents.on {
	display:block;
}

.container .contents h3 {
	margin-top:50px;
    font-size: 13px;
    line-height: 24px;
    color: #232323;
	font-family: 'NotoSansKR-Bold';
}

.container .contents p {
    font-size: 13px;
	line-height: 24px;
    color: #232323;
	font-family: 'NotoSansKR-DemiLight';
    letter-spacing: -0.2px;
}

.container .policyTable {
	margin:10px 0;
	table-layout: fixed;
	border:1px solid #ccc;
}
.container .policyTable th {
	background:#f1f1f1;
}
.container .policyTable th,
.container .policyTable td {
	padding:1%;
	border:1px solid #ccc;
	word-break: keep-all;
	font-family:'NotoSansKR-Medium';
	text-align: center;
}
.container .policyTable td.taLeft {
	text-align: left;
}

.privacyMoveBtnBox {
	margin-top: 20px;
	margin-bottom:10px;
    text-align: center;
}

.privacyMoveBtnBox .privacyMoveBtn {
	display: inline-block;
    width: 30%;
    margin-right: 2%;
    padding: 1%;
    box-sizing: border-box;
    font-size: 18px;
    border: 1px solid #dedede;
    background: #fff;
    letter-spacing: -1px;
    cursor: pointer;
}

.privacyMoveBtnBox .privacyMoveBtn:last-child {
	margin-right:0;
}

/* 네이버 연동 회원가입 시 예외처리 */
.layerPop.naver .title {
	max-width: none;
	min-width: auto;
	font-size: 18px;
}

.layerPop.naver .container {
	max-width: none;
	min-width: auto;
}

.layerPop.naver .container {
	padding: 20px 10px;
}

.layerPop.naver .container .contents {
	max-height: 420px;
}

.layerPop.naver .container .contents.privacy {
	max-height: 460px;
}

.layerPop.naver .container .termsTabBtnArea {
	margin-bottom: 10px;
}

.layerPop.naver .container .termsTabBtnArea .termsTabBtn {
	height: 34px;
	font-size: 12px;
}

.layerPop.naver .privacyMoveBtnBox .privacyMoveBtn {
	width:42%;
	font-size:12px;
}