/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-03-05
| 파일설명 : RA - 모바일 푸터 CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 20191121 ver2 footer 추가 by 김승미 
| 20220705 콜인입 팝업 추가 by 최진영
| 20240709 메뉴 v2 추가 by 최진영
+----------------------------------------------------------------------+
*/


/* 스피킹맥스 푸터 */
.footer.sm *{font-family: 'NotoSansKR'; font-weight: 300;}

.footer.sm {width: 100%;background-color: #393939;}
.footer.sm .ftMenu{display: flex; justify-content: center; width:100%; height: 12.5vw; border-bottom: 1px solid #545454;}
.footer.sm .ftMenu .ftMenuBtn{float: left; width:25%; line-height: 3.333vw; box-sizing: border-box; border-right: 1px solid #545454; margin: 4.583vw 0; text-align: center;}
.footer.sm .ftMenu .ftMenuBtn:last-child{border-right: 0;}
.footer.sm .ftMenu .ftMenuBtn a{color: #c6c0c0; font-size: 3.333vw;}

.footer.sm .ftMenu_v2 {display:flex; padding:6.528vw 6.528vw 0;}
.footer.sm .ftMenu_v2 .box {width:50%;}
.footer.sm .ftMenu_v2 .box .text {margin-top:10px; color:#bbb; font-size:14px; font-weight:700;}
.footer.sm .ftMenu_v2 .box .text:first-child {margin-top:0;}
.footer.sm .ftMenu_v2 .box .text .link {color:#bbb; font-size:14px;}

.footer.sm .ftInfo {padding:40px 20px 200px;}
.footer.sm .ftInfo p {color: #bbbbbb; font-size: 3.333vw; line-height: 3.333vw; margin-bottom: 2.222vw;}
.footer.sm .ftInfo p.ftCopyright{margin-top: 7.222vw; margin-bottom: 0;}
.footer.sm .ftInfo p .ftDecoLine{color: #545454; margin: 0 1.944vw;}

.fLayerModalWrap{display: none; position: fixed; z-index: 7900; width: 100%; top: 40px;}
.fLayerModalWrap.on{display: block;}

/* 퀵배너 */
.quickBanner {
	display:none;
	position: fixed;
	bottom: 90px;
	right: 10px;
}
.quickBanner .iconImg {
	width:20px;
}
.quickBanner .toggleBtn {
	display:flex;
	align-items: center;
	justify-content: space-between;
	gap:10px;
	width:52px;
	margin-left:auto;
	padding:10px;
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}
.quickBanner .toggleBtn .text {
	display:flex;
	align-items: center;
	gap:6px;
	font-family: 'Pretendard-Bold';
	font-size:16px;
	color:#555;
}
.quickBanner .toggleBtn .iconImg.question {
	width:32px;
}
.quickBanner .linkBtnBox {
	display:none;
	margin-top:10px;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	border-radius: 16px;
}
.quickBanner .linkBtnBox .linkBtn {
	display:flex;
	align-items: center;
	justify-content: space-between;
	gap:10px;
	padding:10px;
}
.quickBanner .linkBtnBox .linkBtn .text {
	display:flex;
	align-items: center;
	gap:6px;
	font-family: 'Pretendard-Medium';
	font-size:14px;
	color:#555;
}

/* 맥스AI 푸터 */
.footer.maxai {
	background:#333;
	padding:40px 20px 200px;
}
.footer.maxai .companyLogo {
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.footer.maxai .companyLogo .left {
	width:45%;
}
.footer.maxai .companyLogo .left .logoImg {
	display:block;
	width:100%;
}
.footer.maxai .companyLogo .right {
	width:35%;
	text-align: right;
}
.footer.maxai .companyLogo .right .logoSubImg {
	display:block;
	width:100%;
}
.footer.maxai .companyInfo {
	margin-top:40px;
}
.footer.maxai .companyInfo .text {
	margin-bottom:20px;
	color:#999;
	word-break: keep-all;
	font-family: 'Pretendard-Regular';
	font-size:11px;
	line-height: 160%;
}
.footer.maxai .companyInfo .text:last-child {
	margin-bottom:0;
}

/* 돈버는영어 꿀지급 혜택 팝업 */
.maxUpHoneyPopWrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.maxUpHoneyPopWrap .popBg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: auto;
}
.maxUpHoneyPopWrap .popInner {
	position: absolute;
	top: 50%;
	left: 5%;
	width: 90%;
	height: auto;
	transform: translateY(-50%);
}
.maxUpHoneyPopWrap .popInner .popImg {
	width: 100%;
}
.maxUpHoneyPopWrap .popInner .popCloseBtn {
	position: absolute;
	top: 0;
	right: 0;
	width: 17%;
	height: 12%;
	padding: 0;
}


/* 돈버는학습 후기 영상 팝업 */
.maxUpReviewMoviePopWrap {
	display: none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
}
.maxUpReviewMoviePopWrap .popBg {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index:0;
}
.maxUpReviewMoviePopWrap .popInner {
	position:absolute;
	top:50%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
    width: 90%;
    height: 23%;
	overflow-y:visible;
}
.maxUpReviewMoviePopWrap .maxUpReviewMovieIframe {
	display: block;
	width:100%;
	height:100%;
}
.maxUpReviewMoviePopWrap .popCloseBtn {
	position: absolute;
	top: -30px;
	right: 0;
	width: 28px;
	cursor: pointer;
}
.maxUpReviewMoviePopWrap.column .popInner {
	width: 90%;
	height: 76%;
}