/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2017-08-14
| 파일설명 : footer CSS
+----------------------------------------------------------------------+
| 작업자 : bsh
+----------------------------------------------------------------------+
| 수정이력
| 20171206 images 경로 수정 by bsh
| 20171212 footer 높이 수정 by bsh
| 20181005 리뉴얼 관련내용 추가 by 박소율
| 20181105 스크롤시 TOP 버튼 노출 처리 by 우현진
| 20220927 RA 하단 띠배너 추가 by 최진영
| 20230111 RA 하단 띠배너 수정 by 최진영
| 20230623 상담신청 팝업 추가 by 최진영
| 20230721 돈버는영어 후기 이동 띠배너 추가 by 최진영
| 20230825 돈버는영어 후기 이동 띠배너 z-index 수정 by 최진영
| 20231115 SNS 매체 링크 추가 by 최진영
| 20240509 하단 띠배너 수정 by 최진영
| 20240527 회사명 변경 (스터디맥스 -> 위버스브레인) by 박현준
| 20240903 수상 실적 추가 by 최진영
| 20250331 수상 실적 추가 by 최진영
| 20251229 수상 내역 업데이트 by 최진영
+----------------------------------------------------------------------+
*/
.footer{position: relative;clear: both;height: 500px;background: #fff url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/bg_footer.png') repeat-x 0 0;margin-bottom: -20px;}
.footer .inner{position:relative;width:990px;margin: 0 auto;}
.footer .footerMenu{height:27px;padding-top:14px;}
.footer .footerMenu li{float:left;padding-left:12px;margin-left:11px;background:url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/bar_footerMenu.png') no-repeat 0 50%;}
.footer .footerMenu li:first-child{padding-left:0px;margin-left:0px;background:none;}
.footer .footerMenu li a{display:block;color:#444444;}

.footer .familySite{position:absolute;top:8px;right:15px;}
.footer .familySite .sbToggle{position:absolute;top:10px;right:12px;width:7px;height:4px;background:url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/sbToggle_off.png') no-repeat 0 1px;}
.footer .familySite .sbToggle.sbToggleOpen{background:url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/sbToggle_on.png') no-repeat 0 1px;}
.footer .familySite .sbSelector{display:block;height:23px;line-height:23px;padding:0 15px 0 15px;font-size:11px;text-decoration:none;border:1px solid #b31d23;color:#ffffff;background:#c51a20;}
.footer .familySite .sbOptions{margin-top:1px;overflow-y:auto;max-height:95px !important;padding:5px 0;border:1px solid #a4a4a4;background:#fff;}
.footer .familySite .sbOptions li{margin-top:5px;padding:0 15px;}
.footer .familySite .sbOptions li:first-child{margin-top:0;}
.footer .familySite .sbOptions a{color:#848282;font-size:11px;}
.footer .familySite .sbOptions a:hover{color:#cc0000;}

.footer .award .hiddenTxt{position:absolute;top:-9999%;left:-9999%;overflow:hidden;height:1px;width:1px;}

.footer .siteInfo{position:relative;padding-left:165px;padding-top:30px;}
.footer .footerLogo{position:absolute;top:38px;left:0;}
.footer address{clear:both;font-style:normal;font-size:11px;color:#999999;letter-spacing:-1px;font-family:'Dotum'; }
.footer address span{padding-left:8px;margin-left:5px;font-size:11px;}
.footer address span:first-child{padding-left:0;margin-left:0;background:none}
.footer .copyright strong{color:#cc3333;}
.footer .relative{position:absolute;top:26px ;right:0;}
.footer .relative a{float:left;}

#familySiteListBox .footerSelectBox{
	position:absolute;
	margin-left:700px;
	margin-top:0px;
	font-size:11px;
	width:110px;
	height:25px;
	border:1px solid #b31d23;
	font-weight:normal;
	text-align:center;
	cursor:pointer;
	background:#c51a20;
	color:#fff;
	font-size:9px !important;
}
#familySiteListBox .footerSelectBoxList{
	display:none;
}
#familySiteListBox .footerSelectBoxList.on{
	position:absolute;
	margin-left:863px;
	margin-top:-5px;
	display:block;
	font-size:11px;
	width:110px;
	border:1px solid #ccc;
	z-index:99;
	background:#FFF !important;
}
#familySiteListBox .footerSelectBoxList a{
	padding-left:21px !important;
}
#familySiteListBox .footerSelectCourse{
	padding-top:5px;padding-bottom:4px;
	cursor:pointer;
	font-size:11px !important;
}
#familySiteListBox a{font-size:11px;color:#848282 !important;}
#familySiteListBox a:hover{
	text-decoration:underline;
	color:#b31d23;
	font-size:11px !important;
}
#familySiteListBox .toggleBtn{position:absolute;top:10px;right:7px;}

#familySiteListBox .fmarginTop{margin-top:6px;}
/*크롬&사파리*/
@media screen and (-webkit-min-device-pixel-ratio:0){
#familySiteListBox .fmarginTop{margin-top:5px;}
}
/*파폭*/
@-moz-document url-prefix() {
#familySiteListBox .fmarginTop{margin-top:5px;}
}

.devFooter{position:absolute;top:55px;margin-left:1470px;background-color:red;color:#fff;padding:5px 10px;z-index:9999;font-size:14px;width:150px;}


/*==================== Renew ====================*/
.frFooterWrap{background-color:#333333; position: relative; padding-bottom:230px;}

/* frTopWrap */
.frTopWrap{background-color:#272727; height: 49px}
.frTopWrap .ftMenuArea{line-height: 49px;}
.frTopWrap .ftMenuArea .ftMenu{display: inline-block; color:#e8e8e8; font-size: 13px; font-family: NotoSansKR-DemiLight,'Malgun Gothic', dotum, sans-serif; padding-right:23px; margin-right: 22px; position: relative;}
.frTopWrap .ftMenuArea .ftMenu:after{content:''; position: absolute; right: 0; top: 20px; width: 1px; height: 10px; background-color:#3f3f3f; }
.frTopWrap .ftMenuArea .ftMenu:last-child:after{display: none;}
.frTopWrap .ftMenuArea .ftMenu.privacyMenu{color:#fd535f} /* 개인정보취급방침 */


/* SNS 매체 링크 */
.frTopWrap .snsLinkArea {position:absolute; top:10px; right:150px;}
.frTopWrap .snsLinkArea img {display:inline-block; width:30px; margin:0 5px; cursor:pointer;}


/* 패밀리 사이트 */
.frTopWrap .familySiteArea{position: absolute; right: 0; top:9px;width: 130px;background-color: #0b0b0b;}
.frTopWrap .familySiteArea .familySiteTitle{ position: relative; font-size: 13px; color: #d8d8d8; padding-left: 17px; line-height: 32px; cursor: pointer; font-family: d8d8d8,'Malgun Gothic', dotum, sans-serif;} 
.frTopWrap .familySiteArea .familySiteTitle:after{ position: absolute;  content: ''; background: url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/footer_plusBtn.png'); width: 12px; height: 12px; right: 14px; top: 50%;  margin-top: -6px;  display: block;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}

.frTopWrap .familySiteArea .familySite{position: absolute;border-bottom: none;right: 0;bottom: 32px;background-color: #0b0b0b;z-index: 10;padding: 10px 0;left: 0; display: none;} /*   */
.frTopWrap .familySiteArea .familySite li{padding: 0 17px; }
.frTopWrap .familySiteArea .familySite li a{display: block; font-size: 13px; color: #76787d;  line-height: 26px; font-family: NotoSansKR-Regular,'Malgun Gothic', dotum, sans-serif;}
.frTopWrap .familySiteArea .familySite li a:hover{color:#fff}
.frTopWrap .familySiteArea.siteOn .familySiteTitle:after{ transform: rotate(45deg);}
/* frTopWrap End */


/* frMiddleWrap */
.frMiddleWrap{height: 360px; border-bottom: 1px solid #484848; text-align: center; overflow: hidden;}
.frMiddleWrap .ftTitleArea{text-align: left; margin-top: 22px; margin-bottom: 30px;}
.frMiddleWrap .ftTitleArea .ftTitleInfo{color: #ababab; font-size:8px; font-family: NotoSansKR-Light,'Malgun Gothic', dotum, sans-serif;}
.frMiddleWrap .ftTitleArea .ftTitle{color: #fff; font-size:32px; font-family: NotoSansKR-Regular,'Malgun Gothic', dotum, sans-serif;}

.ftMedalArea {display:flex; flex-wrap: wrap; justify-content: center; gap:20px 15px; font-size: 11px; color:#9a9a9a;font-family: 'Malgun Gothic', dotum, sans-serif;}
.ftMedalArea li img {display:block; width:61px; margin:0 auto;}
.ftMedalArea li{text-align: center;}
.ftMedalArea li div:nth-child(2){word-break: keep-all;}

/* frMiddleWrap End */

/* frBottomWrap */
.frBottomWrap{height: 80px; padding-bottom: 15px;   }
.frBottomWrap .footerLogo{float: left;display: block;margin-top: 18px; width: 124px; height :14px; background: url('https://spkmax-cdn.weaversbrain.com/smciImages/front/layout/footer_logo_1.png') no-repeat; margin-right: 34px; background-size: cover; opacity: 0.4;} /* 푸터 로고 */
.frBottomWrap .ftInfoWrap{float: left; width: 715px; font-size: 12px; color:#797979; line-height: 22px; margin-top: 13px;}
/* frBottomWrap End*/


/* 상단으로 이동하기 */
.frGoTopBtn{display: none;position: fixed;right: 30px;bottom: 110px;z-index: 10;}
.frGoTopBtn.stop{position: absolute; bottom: 200px;}

/* 띠배너 - 공통 */
.lineBanner {position:fixed; bottom:0; left:0; width:100%; z-index: 8;}
.lineBanner .innerBox {position:relative; width:1240px; margin:0 auto;}

/* 띠배너 - Bite 학습지 */
.lineBanner.ra_bite {background:#000;}

/* 띠배너 - 상담신청 */
.lineBanner.ra_dbInput {background:transparent;}

/* 띠배너 - 돈버는영어 후기 */
.lineBanner.ra_maxUp {text-align:center;}
.lineBanner.ra_maxUp .innerBox {width:842px; margin:0 auto;}
.lineBanner.ra_maxUp .innerBox .top {position:absolute; top:-85px; left:0; text-align:left;}
.lineBanner.ra_maxUp .innerBox .top .userCnt {
	position:absolute; 
	top: 25px; 
	right: 145px; 
	font-family:'NotoSansKR-Bold'; 
	font-size:24px; 
	color:#ff0000;
	-webkit-animation:blink 0.8s ease infinite alternate;
	-moz-animation:blink 0.8s ease infinite alternate;
	-ms-animation:blink 0.8s ease infinite alternate;
	animation:blink 0.8s ease infinite alternate;
}

@-webkit-keyframes blink {
	/* 0%부터 100%까지 */
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink {
	/* 0%부터 100%까지 */
	0% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes blink {
	/* 0%부터 100%까지 */
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink {
	/* 0%부터 100%까지 */
	0% {opacity:0;}
	100% {opacity:1;}
}