/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2020-05-07
| 파일설명 : 개인정보취급방침, 이용약관 관련 팝업 (PC)
+----------------------------------------------------------------------+
| 작업자 : 우현진
+----------------------------------------------------------------------+
| 수정이력
| 20210128 최소, 최대사이즈 추가 by 최진영
| 20210215 모바일 CSS 추가 및 가로모드 CSS 추가 by 최진영
| 20210331 이전 버전, 최신 버전 보기 기능 추가로 인한 CSS 정리 by 최진영   
+----------------------------------------------------------------------+
*/
.displayNone{display: none;}

.commonPrivacyTermsPopWrap{background-color: #fff;}
.commonPrivacyTermsPopWrap h2{border-bottom: none;}
.commonPrivacyTermsPopWrap .commonPrivacyTermsPopTitle{position: relative;background-color: #1c1c1c;text-align: center;padding: 29px 0;}
.commonPrivacyTermsPopWrap .commonPrivacyTermsPopTitle .commonPopTitle{display:inline-block; max-width:1024px; min-width:768px; margin:0 auto; font-size: 25px;letter-spacing:-0.5px;color: #fff;font-family: 'NotoSansKR-DemiLight';}
.closeBtnP {position: absolute;top: 30%;right: 10px;z-index: 9999;}

.commonPrivacyTermsPopArea{max-width:1024px; min-width:768px; margin:0 auto; padding: 45px 30px; box-sizing:border-box; background: rgb(255,255,255);}

/*이용약관 탭*/
.termsTabArea{text-align: center; width: 100%; margin-bottom: 25px;}
.termsTabArea ul{font-size: 0;}
.termsTabArea li{display: inline-block;width: 33.2%;margin-left: 0.2%;vertical-align: top;}
.termsTabArea li a{display: inline-block;width: 100%;background-color: #dbdbdb; text-decoration: none; font-size: 20px;color: #a0a0a0;font-family: 'NotoSansKR-DemiLight';
text-align: center;vertical-align: middle;padding: 3px 0;line-height: 57px;height: 54px;}
.termsTabArea li a:hover{text-decoration: none;}
.termsTabArea li a.on{background-color: #e8101f; color: #fff; text-decoration: none;}
.termsTabArea li:first-child{margin-left: 0;}
.commonPrivacyTermsPopCont{border: 1px solid #e1e1e9; padding: 13px; box-sizing: border-box;width: 100%;}
.scrollArea{overflow-y:auto;max-height: 490px;}
.commonPrivacyTermsPopCont.privacyStatement{display:none; overflow-y:auto; max-height:570px; padding-bottom:0;}
.commonPrivacyTermsPopCont.privacyStatement.on {display:block;}
.commonPrivacyTermsPopCont h3{font-family: 'NotoSansKR-Bold';padding-bottom: 5px;line-height: 24px;font-size: 13px;color: #232323;}
.commonPrivacyTermsPopCont p{font-family: 'NotoSansKR-DemiLight'; line-height: 24px; margin-bottom: 32px; font-size: 13px; color: #232323; letter-spacing: -0.2px;}
.bdtNone{border-top: 0;}

/* 환불 안내 테이블 */
.chargeTable{width: 100%; border:1px solid #c9c7c7; border-collapse: collapse;}

/* th , td 공통사항 */
.chargeTable th, .chargeTable td{vertical-align:middle; color:#333; font-weight:normal;  font-size:12px; border-bottom:1px solid #e7e7e7; text-align:left; padding: 4px;}
.chargeTable tr:last-child th,.chargeTable tr:last-child td{border-bottom: 0;}

/* th속성 */
.chargeTable th {text-align: center;background:#f4f4f4;  border-right:1px solid #e7e7e7;}
.chargeTable th:last-child { border-right:0;}
.chargeTable th.ta_left { text-align: left}

/* td속성 */
.chargeTable td:last-child {border-left: 1px solid #e7e7e7; }
.chargeTable td.pdTop_10{padding-top: 10px}
.chargeTable td.pdBottom_10{padding-bottom: 10px;}
.chargeTable td.pdTop_20{padding-top: 20px}
.chargeTable td.pdBottom_20{padding-bottom: 20px;}
.chargeTable td span{display: inline-block;}

/*유료서비스 - 환불 앵커*/
.chargePolicyNum11Wrap{display: block; position: relative; width: 100%; height: 10px;}

/* 개인정보취급방침 이동 버튼 */
.privacyMoveBtnBox {margin-bottom:20px;text-align:center;}
.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;}
.privacyMoveBtn:last-child {margin-right:0;}

/* 모바일 CSS */
@media all and (max-width:768px) {
    .termsTabArea li a {height:50px; padding:7px 10px; line-height:1.4; font-size:13px; word-break: keep-all; box-sizing:border-box;}
    .termsTabArea li a.oneLine {padding-top:16px;}
    .commonPrivacyTermsPopArea {min-width:auto; max-width:none; padding:30px;}
    .commonPrivacyTermsPopWrap .commonPrivacyTermsPopTitle {padding:20px 0;}
    .commonPrivacyTermsPopWrap .commonPrivacyTermsPopTitle .commonPopTitle {min-width:auto; max-width:none; font-size:4.8vw;}
    .scrollArea {max-height:93vw;}
    .scrollArea.maxHeightC {max-height:113vw;}
}

/* 웹앱 호출 시 CSS */
@media all and (max-width:768px) and (orientation: landscape) {
    .termsTabArea li a {padding:0; height:36px; line-height:36px; font-size:13px;}
    .termsTabArea li a.oneLine {padding-top:0;}
    .commonPrivacyTermsPopArea {min-width:auto; max-width:none; padding:30px;}
    .commonPrivacyTermsPopWrap .commonPrivacyTermsPopTitle {padding:20px 0;}
    .commonPrivacyTermsPopWrap .commonPrivacyTermsPopTitle .commonPopTitle {min-width:auto; max-width:none; font-size:3.6vw;}
    .scrollArea {max-height:36vw;}
    .scrollArea.maxHeightC {max-height:47vw;}
}