/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2024-01-30
| 파일설명 : 이용약관, 개인정보처리방침, 지불 정책, 배송 및 배송 정책, 반품 및 환불 정책 사이트,  CSS
+----------------------------------------------------------------------+
| 작업자 : 최진영
+----------------------------------------------------------------------+
| 수정이력
| 20240530 p태그 인용 영역 추가 by 박현준
| 20240704 p태그 볼드 처리 및 a 태그 추가 by 박현준
+----------------------------------------------------------------------+
*/

html, body {height:100%;}

.policyPopWrap .popHeader {display: flex; justify-content: center; align-items: center; position: relative; height: 15.6vw; background:#010101;}
.policyPopWrap .popHeader .popHeadText {font-family:'BeVietnamPro-Bold'; font-size:var(--font-2dep); color:#fff;}
.policyPopWrap .popHeader .popCloseBtn {display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; width: 16vw; height: 100%;}
.policyPopWrap .popHeader .popCloseBtn img {width: 30%;}

.policyPopWrap .popContents {height: 93%; overflow-y:auto; background:#fff;}
.policyPopWrap .popContents .container {height:100%; margin: 0 auto; box-sizing: border-box; background: #fff;}
.policyPopWrap .popContents .container .contents {display:block; height: 100%; overflow-y: auto; padding: 3% 3% 20%; box-sizing: border-box;}
.policyPopWrap .popContents .container .contents h4,
.policyPopWrap .popContents .container .policyTable th,
.policyPopWrap .popContents .container .policyTable td {font-family:'BeVietnamPro-Medium';}
.policyPopWrap .popContents .container .contents h2 {margin-top:50px; font-family:'BeVietnamPro-Bold'; font-size:var(--font-4dep);}
.policyPopWrap .popContents .container .contents h2:first-child {margin-top:0;}
.policyPopWrap .popContents .container .contents h3 {padding-bottom: 5px; font-family:'BeVietnamPro-Medium'; font-size:var(--font-5dep); line-height: 24px; color: #232323;}
.policyPopWrap .popContents .container .contents h4 {margin-bottom:5px;}
.policyPopWrap .popContents .container .contents p {margin-bottom: 15px; font-family: 'BeVietnamPro-Regular'; font-size:var(--font-5dep); color: #232323; letter-spacing: -0.2px; }
.policyPopWrap .popContents .container .contents p .quote {display:inline-block; margin: 5px 10px;}
.policyPopWrap .popContents .container .contents p b {font-family: 'BeVietnamPro-Bold'; font-size:var(--font-5dep);}
.policyPopWrap .popContents .container .contents p a {font-family: 'BeVietnamPro-Bold'; font-size:var(--font-5dep);}
.policyPopWrap .popContents .container .policyTable {margin-bottom:15px; table-layout: fixed; border:1px solid #ccc;}
.policyPopWrap .popContents .container .policyTable th,
.policyPopWrap .popContents .container .policyTable td {padding:2%; border:1px solid #ccc; word-break: break-all;}
.policyPopWrap .popContents .privacyMoveBtnBox {text-align: center;}
.policyPopWrap .popContents .privacyMoveBtnBox .privacyMoveBtn {display: inline-block; width: 45%; margin-right: 2%; padding: 1%; box-sizing: border-box; font-size: 3.2vw; border: 1px solid #dedede; background: #fff; letter-spacing: -1px; font-family: 'BeVietnamPro-Regular'; cursor: pointer;}
.policyPopWrap .popContents .privacyMoveBtnBox .privacyMoveBtn:last-child {margin-right:0;}


/* PC 해상도 대응 */
@media screen and (min-width:640px) {

	.pcLayout .policyPopWrap {width:640px; left:50%; transform:translateX(-50%);}
	.pcLayout .policyPopWrap .popHeader {height:100px;}
	.pcLayout .policyPopWrap .popHeader .popCloseBtn {width:80px;}

}