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


/* footer */
#ft{ position:relative; padding-top:15px; border-top:#929292 1px solid; background:#636363; color:#fff;}
#ft .ftMenu{text-align:center; padding-bottom:10px;}
#ft .ftMenu a{display:inline-block;width:62px;line-height:25px;font-size:0.8em;color:#000;text-align:center;background:#fff;}
#ft .ftLogo{text-align:center;}
#ft .ftLogo img{width:228px;}

#ft2{ position:relative; padding-bottom:10px;text-align:center;line-height:1.4em;  border-bottom:#4d4d4d 1px solid; font-size:0.65em; background:#636363; color:#fff;}
#ft2 .ttt{ display:inline-block; background:#636363; color:#fff;}


/* footer ver2--------------------------------------------------------------------------*/
.ftVer2 *{font-family: 'NotoSansKR'; font-weight: 300;}

.ftVer2{width: 100%; background-color: #393939;}
.ftVer2 .ftMenu{display: flex; justify-content: center; width:100%; height: 12.5vw; border-bottom: 1px solid #545454;}
.ftVer2 .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;}
.ftVer2 .ftMenu .ftMenuBtn:last-child{border-right: 0;}
.ftVer2 .ftMenu .ftMenuBtn a{color: #c6c0c0; font-size: 3.333vw;}

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

.ftVer2 .ftInfo{padding: 7vw 6.528vw 45vw 6.528vw;}
.ftVer2 .ftInfo p {color: #bbbbbb; font-size: 3.333vw; line-height: 3.333vw; margin-bottom: 2.222vw;}
.ftVer2 .ftInfo p.ftCopyright{margin-top: 7.222vw; margin-bottom: 0;}
.ftVer2 .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;}

/* 콜인입 팝업 */
.callLeadInPop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index: 1000;}
.callLeadInPop .popBg {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:auto;}
.callLeadInPop .popInner {position:absolute; top:50%; left:50%; width:90%; height:auto; transform: translate(-50%, -50%); box-sizing: border-box;}
.callLeadInPop .popInner .popBtn {position:absolute;}
.callLeadInPop .popInner .popBtn.popClose {top: 2%; right: 2%; width: 7vw; height: 7vw;}
.callLeadInPop .popInner .popBtn.callLeadIn {top: 81%; right: 6%; width: 31vw; height: 9vw;}


/* 미니 사이즈 기기 폰트 크기 대응 */
@media screen and (max-width: 374px){
    .ftVer2 .ftMenu{height: 52px;}
    .ftVer2 .ftMenu .ftMenuBtn{height: 13px; margin: 19.5px 0;}
    .ftVer2 .ftMenu .ftMenuBtn a{font-size: 13px;}
    .ftVer2 .ftLink .ftLinkBtn{font-size: 13px;}
    .ftVer2 .ftInfo p{font-size: 13px; margin-bottom: 10px;}
}