/*
+----------------------------------------------------------------------+
| Copyright (c) 2010 - 2024 SPEAKINGMAX @ WEAVERSBRAIN.Co.Ltd
+----------------------------------------------------------------------+
| 작업일 : 2024-12-16
| 파일설명 : MAX AI 이용약관, 개인정보 처리방침 CSS (앱, 사이트 동시 사용중)
+----------------------------------------------------------------------+
| 작업자 : 최진영
+----------------------------------------------------------------------+
| 수정이력
| 20241223 앱 내 이슈 수정 by 최진영 
+----------------------------------------------------------------------+ 
*/

@charset "utf-8";

/* 팝업 내부(외부는 각 팝업 사용처에 있음) */
.policyContainer {
	height:100%;
}
.policyContainer .termsTabBtnArea {
	display:flex;
	height:50px;
}
.policyContainer .termsTabBtnArea .termsTabBtn {
	width:calc(100% / 3);
	height:100%;
	font-family: 'Pretendard-Bold';
	font-size:14px;
	color:#000;
	line-height: 160%;
	border-bottom:2px solid transparent;
}
.policyContainer .termsTabBtnArea .termsTabBtn.on {
	color:#9d1bd3;
	border-color:#9d1bd3;
}
.policyContainer .contents {
	display:none;
	height:calc(100% - 50px);
	padding:20px 20px 50px;
	overflow-y:auto;
}
.policyContainer .contents.on {
	display:block;
}
.policyContainer .contents h3 {
	margin-top:30px;
	font-family: 'Pretendard-Bold';
	font-size:16px;
	line-height: 160%;
}
.policyContainer .contents h3:first-child {
	margin-top:0;
}
.policyContainer .contents p {
	font-family: 'Pretendard-Regular';
	font-size:14px;
	line-height: 160%;
}

/* 개인정보처리방침 예외처리 */
.policyContainer.privacy .contents {
	height:100%;
}
.policyContainer.privacy .policyTable {
	margin-bottom:15px;
	table-layout: fixed;
	border:1px solid #ccc;
	border-collapse: collapse;
}
.policyContainer.privacy .policyTable th {
	background:#f1f1f1;
}
.policyContainer.privacy .policyTable th,
.policyContainer.privacy .policyTable td {
	padding:5px;
	font-family:'Pretendard-Regular';
	font-size:12px;
	line-height: 160%;
	text-align: center;
	border:1px solid #ccc;
}
.policyContainer.privacy .policyTable td.taLeft {
	text-align: left;
}
.policyContainer.privacy .privacyMoveBtnBox {
	display:flex;
	justify-content: space-around;
	margin-top:40px;
}
.policyContainer.privacy .privacyMoveBtnBox .privacyMoveBtn {
	width:45%;
	margin-left:3%;
	padding:5px;
	font-family:'Pretendard-Bold';
	font-size:12px;
	line-height: 160%;
	color:#000;
	border:1px solid #ccc;
	border-radius:8px;
	box-shadow: 0px 2px 8px -1px #00000040;
}
.policyContainer.privacy .privacyMoveBtnBox .privacyMoveBtn:first-child {
	margin-left:0;
}


@media only screen and (min-width : 480px) {

	.policyContainer .termsTabBtnArea .termsTabBtn,
	.policyContainer.pc .privacyMoveBtnBox .privacyMoveBtn {
		transition: 0.3s all;
	}

	.policyContainer.pc .privacyMoveBtnBox .privacyMoveBtn {
		cursor:pointer;
	}

	.policyContainer.pc .termsTabBtnArea .termsTabBtn:not(.on):hover,
	.policyContainer.pc .privacyMoveBtnBox .privacyMoveBtn:hover {
		opacity: 0.7;
	}

}