/* BASIC css start */
/* FOOTER */

#footer { position:relative; clear:both; }

/* 하단 배너 */
.bottom_banner { clear:both; width:100%; }
.bottom_banner img { width:100%; height:auto; }

#footer_wrap { background:url(/design/bebeya/onedesign/mobile/images/bg_event.png) right 0 no-repeat; background-size:160px 70px; padding-top:70px; margin-top:30px; }
#footer { position:relative; clear:both; background:#f6f6f6; }

/* 소셜 아이콘 */
#footer .social_icon { position:relative; clear:both; padding:30px 0 20px; margin:0 10px; }
#footer .social_icon p { display:inline-block; text-align:left; line-height:25px; font-size:10px; color:#999; letter-spacing:1px; }
#footer .social_icon ul { position:absolute; top:30px; right:0; z-index:2; font-size:0; line-height:0; }
#footer .social_icon ul li { display:inline-block; margin-left:5px; }
#footer .social_icon ul li a { display:block; width:25px; height:25px; }
#footer .social_icon ul li a img { width:100%; height:100%; }

/* 검색 */
#footer .search { clear:both; height:40px; padding:0 10px; }
#footer .search .searchBox { float:left; display:inline-block; width:70%; background:#fff; border:0; }
#footer .search #keyword { width:100%; height:40px; line-height:20px; padding:10px; border:0; font-size:11px; }
#footer .search .btn_search { float:left; overflow:hidden; width:30%; height:40px; line-height:40px; padding:0; /*text-indent:100%;*/ font-size:11px; text-align:center; color:#fff; letter-spacing:1px; white-space:nowrap; cursor:pointer; border:0; background:#adcbd5; }

/* 하단 고객센터&은행 */
#footer .contact_wrap { clear:both; padding:30px 0; text-align:center; font-size:0; line-height:0; }
#footer .contact_wrap .contact_content { display:inline-block; width:50%; margin:0; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; }
#footer .contact_wrap .contact_info { padding:0 10px; }
#footer .contact_wrap .contact { border-right:1px solid #e0e0e0; }

#footer .contact_wrap h2 { width:100%; font-size:13px; font-weight:bold; color:#777; letter-spacing:0.5px; line-height:20px; margin-bottom:10px; }
#footer .contact_wrap h2 img { width:20px; height:20px; }
#footer .contact_wrap .contact h2 span,
#footer .contact_wrap .bank h2 span { margin-right:5px; }
#footer .contact_wrap p { clear:both; width:100%; font-size:11px; line-height:17px; color:#999; letter-spacing:-0.02em; }
#footer .contact_wrap p span.call a { font-weight:bold; font-size:20px; color:#c4b3a9; line-height:20px; }
#footer .contact_wrap p span.holder { }

/* 하단 정보 */
#footer address { clear:both; padding:30px 10px; text-align:center; font-size:10px; letter-spacing:0.05em; line-height:11px; color:#999; border-top:3px double #e0e0e0; }
#footer address .footer_info { clear:both; line-height:17px; letter-spacing:-0.04em; }
#footer address .footer_info a { color:#999; }
#footer address .footer_copy { clear:both; line-height:17px; font-size:10px; color:#999; }
#footer address .footer_copy span { color:#84afbe; }
#footer address .footer_copy a { color:#999; }

/* 하단 메뉴 */
#footer .footer_menu { clear:both; width:100%; background:#dedede; }
#footer .footer_menu ul { clear:both; height:40px; }
#footer .footer_menu li { float:left; display:inline-block; width:33.33%; line-height:20px; margin:10px 0; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; }
#footer .footer_menu li a { width:100%; font-size:10px; color:#666; letter-spacing:0.02em; line-height:20px; }
#footer .footer_menu .first { border:0; }

/* 상단으로 가기 */
.btnTop { display:none; position:fixed; bottom:45px; right:15px; z-index:100; margin:0px; border-top:0; border-radius:30px; opacity:0.7; background:#fff; background-size:12px 12px; border:2px solid #adcbd5; }
.btnTop a { display:inline-block; width:40px; height:40px; padding:0px; font-size:10px; text-align:center; line-height:40px; color:#adcbd5; }

/* BASIC css end */