/* BASIC css start */
#footer_container{/*margin-top:30px;*/ padding-bottom:127px; background:#FFF;}
#footer_container .logo{font-size:0; text-align:center; margin-bottom:13px; }
#footer_container .logo a{display:inline-block; vertical-align:top; padding:26px 0;   }
#footer_container .logo a img{display:inline-block; height:20px;}
#footer_container .ft_list{height:22px;  display:flex;  justify-content: space-between !important; margin:0 7px 46px; }
#footer_container .ft_list li{height:22px;}
#footer_container .ft_list li a{display:inline-block; padding:5px 2px; line-height:12px; font-size:10px;  color:#000; font-family: 'Lato','Noto Sans KR',NanumGothic, AppleGothic, Helvetica, 돋움, dotum, sans-serif;}
#footer_container .ft_info{line-height:17px; text-align:center;}
#footer_container .ft_info > .com_info{display:block; line-height:17px; font-size:10px; color:#000; font-family: 'Lato','Noto Sans KR',NanumGothic, AppleGothic, Helvetica, 돋움, dotum, sans-serif;}


#mem_btn{position:fixed; left:11px; bottom:20px;}
#mem_btn a{display:block; font-size:12px; color:#000; background:#fff; padding:5px 10px; border-radius:5px; font-weight:600; border:1px solid #ccc;}


.mem_info{display:none; position:fixed; width:80%; left:11px; bottom:20px; background:#fff; padding:25px 25px 45px; border-radius:5px; z-index:999; border:1px solid #ccc;}
.mem_info .top_login{padding-bottom:20px;}
.mem_info .top_login ul{display:flex; align-items:center; justify-content:space-between;}
.mem_info .top_login li a{font-size:14px;}
.mem_info img{width:100%;}


.x-icon {
    position: absolute; top:-30px; right:10px;
    width: 20px;
    height: 20px;
    cursor:pointer;
}

.x-icon::before, .x-icon::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 20px;
    background-color: black;
    top: 0;
    left: 50%;
    transform-origin: center;
    transform: translateX(-50%);
}

.x-icon::before {
    transform: translateX(-50%) rotate(45deg); /* 오른쪽 상단에서 왼쪽 하단으로 */
}

.x-icon::after {
    transform: translateX(-50%) rotate(-45deg); /* 왼쪽 상단에서 오른쪽 하단으로 */
}


/* BASIC css end */