/* BASIC css start */
/*하단*/
#footer{width:100%; padding-top:100px;}

/*하단-TOP*/
#footer .footer-top{width:100%; border-top:1px solid #999; border-bottom:1px solid #e3e3e3;}
#footer .footer-top-all{width:1200px; margin:0 auto;}
#footer .footer-top-all .left{display:inline-block; font-size:0;}
#footer .footer-top-all .sns{float:right;}
#footer .footer-top-all .left li{display:inline-block; padding:20px 0;}
#footer .footer-top-all .left li a{font-size:13px; padding-right:28px; color:#6e6e6e; transition:all 0.3s ease-in-out;}
#footer .footer-top-all .left li a:hover{color:#000;}
#footer .footer-top-all .sns li{float:left; padding:17px 0 17px 12px;}
#footer .footer-top-all .sns li a{}
#footer .footer-top-all .sns li a img{height:19px;}

/*하단-BOTTOM*/
#footer .footer-bottom{padding:48px 0;}
#footer .footer-bottom-all{width:1200px; margin:0 auto;}
#footer .footer-bottom-all .cs-center{width:14%; margin-right:4%; float:left;}
#footer .footer-bottom-all .company-info{width:33.5%; margin-right:4%; float:left;}
#footer .footer-bottom-all .bank-info{width:28%; margin-right:4%; float:left;}
#footer .footer-bottom-all .q-menu{width:12.5%; float:left;}
#footer .footer-bottom-all .title{font-size:14px; font-weight:600; color:#6f56bf; line-height:1; margin-bottom:15px;}
#footer .footer-bottom-all .tel{font-size:21px; margin-top:-4px; color:#23232c; font-weight:600; line-height:1.5;}
#footer .footer-bottom-all .info{}
#footer .footer-bottom-all .info li{font-size:13px; color:#979797; line-height:21px;}
#footer .footer-bottom-all .info li a{color:#979797;}
/*고객센터*/
#footer .footer-bottom-all .cs-center .company-menu{margin-top:18px; border:1px solid #e0e0e0; width:145px; height:27px; overflow:hidden; transition:all 0.4s ease-in-out; position:absolute; background:#fff;}
#footer .footer-bottom-all .cs-center .company-menu li{position:relative;}
#footer .footer-bottom-all .cs-center .company-menu li a{display:block; line-height:29px; font-size:12px; color:#979797; text-indent:10px; transition:all 0.4s ease-in-out;}
#footer .footer-bottom-all .cs-center .company-menu li span{display:block; width:22px; height:22px; line-height:22px; color:#979797; text-align:center; position:absolute; right:0; top:2px; text-indent:0; transition:all 0.4s ease-in-out;}
#footer .footer-bottom-all .cs-center .company-menu:hover{height:88px;}
#footer .footer-bottom-all .cs-center .company-menu a:hover{color:#23232c;}
#footer .footer-bottom-all .cs-center .company-menu:hover span{transform:rotate(180deg);}
/*회사정보*/
#footer .footer-bottom-all .company-info .br{margin-bottom:7px;}
/*교환-계좌정보*/
#footer .footer-bottom-all .bank-info li{color:#828282;}
#footer .footer-bottom-all .bank-info .b_title{margin-top:20px;}
#footer .footer-bottom-all .bank-info li.bank{color:#000; font-size:18px; font-weight: 600; line-height: 27px;}
/*퀵메뉴*/
#footer .footer-bottom-all .q-menu li{margin-bottom:5px; position:relative;}
#footer .footer-bottom-all .q-menu li a{display:block; width:100%; height:30px; line-height:31px; border:1px solid #e0e0e0; color:#979797; font-size:12px; text-indent:10px; box-sizing:border-box;}
#footer .footer-bottom-all .q-menu li span{position:absolute; right:15px; top:7px; color:#979797; transition:all 0.4s ease-in-out;}
#footer .footer-bottom-all .q-menu li:hover a{border-color:#23232c; color:#23232c;}
#footer .footer-bottom-all .q-menu li:hover span{right:10px; color:#23232c;}


.clear{clear:both;}

/*카피라이트*/
#footer .copy{width:100%; padding:16px 0; background:#f5f5f5;}
#footer .copy p{width:1200px; margin:0 auto; font-size:13px; color:#979797;}
#footer .copy p span{color:#00c0ff;}
/* BASIC css end */