/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-09-14
| 파일설명 : footer CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
|
+----------------------------------------------------------------------+
*/

.footerWrap{background-color:#272727; height: 123px; color: #909090; position: relative}

/* 푸터 로고 */
.footerLogo{float: left; width: 142px; height :17px; background: url('/smciImages/front/layout/footer_logo_1.png') no-repeat; margin-top: 29px; margin-right: 44px; background-size: contain; opacity: 0.4;}

/* 회사정보 */
.footerInfoArea{float: left;padding-top: 22px; }
.footerInfoArea .footerInfo{font-size: 14px; line-height: 180%}


/* 패밀리 사이트 */
.footerWrap .familySiteArea{float: right;width: 186px;background-color: #0b0b0b;margin-top: 29px;position: relative;}
.footerWrap .familySiteArea .familySiteTitle{ position: relative; font-size: 16px; color: #fff; padding-left: 17px; line-height: 44px; cursor: pointer; font-family: NotoSansKR-Bold,'Malgun Gothic', dotum, sans-serif;} 
.footerWrap .familySiteArea .familySiteTitle:after{ position: absolute;  content: ''; background: url('/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);}

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


/* 상단으로 이동하기 */
.goTopBtn{position: absolute; left: 50%; margin-left: 750px; bottom: 243px;}