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

/*하단-TOP*/
#footer .footer-top{width:100%; border-top:1px solid #999; border-bottom:1px solid #ebebeb;}
#footer .footer-top-all{width:1100px; margin:0 auto;}
#footer .footer-top-all .left{display:inline-block; font-size:0;}
#footer .footer-top-all .left li{display:inline-block; padding:21px 0;}
#footer .footer-top-all .left li a{font-size:14px; padding-right:28px; color: #6e6e6e; font-weight: 300; font-family: "Gmarket Sans",sans-serif; transition:all 0.3s ease-in-out; line-height:1;}
#footer .footer-top-all .left li a:hover{color:#000;}

/*하단-BOTTOM*/
#footer .footer-bottom{padding:56px 0 0;}
#footer .footer-bottom-all{width:1100px; margin:0 auto;}
#footer .footer-bottom-all .cs-center{width:16%; margin-right:4%; float:left;}
#footer .footer-bottom-all .company-info{width:30.5%; margin-right:4%; float:left;}
#footer .footer-bottom-all .bank-info{width:24%; margin-right:4%; float:left;}
#footer .footer-bottom-all .q-menu{width:17.5%; float:left;}
#footer .footer-bottom-all .title{font-size:12px; color: #111111; font-weight: 500; font-family: "Gmarket Sans",sans-serif; margin-bottom:20px;}
#footer .footer-bottom-all .tel{font-size:24px; line-height:1; color: #111111; font-weight: 700; font-family: "Rubik",sans-serif; margin-bottom:22px;}
#footer .footer-bottom-all .info{}
#footer .footer-bottom-all .info li{font-size:12px; color:#6e6e6e; line-height:20px;}
#footer .footer-bottom-all .info li a{color:#979797;}

/*고객센터*/
#footer .footer-bottom-all .cs-center .company-menu{margin-top:15px; border:1px solid #e0e0e0; width:150px; height:30px; 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 .cs-center .info li {font-weight: 300; font-family: "Rubik",sans-serif; font-size:14px;}
/*회사정보*/
#footer .footer-bottom-all .company-info .br{margin-bottom:7px;}
/*교환-계좌정보*/
#footer .footer-bottom-all .bank-info .b_title{margin-top:20px;}
#footer .footer-bottom-all .bank-info .title {margin-bottom:15px;}
/*퀵메뉴*/
#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:#6e6e6e; 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:32px 0; }
#footer .copy p{width:1100px; margin:0 auto; font-size:12px; color:#a6a6a6; font-weight: 300; font-family: "Gmarket Sans",sans-serif;}
#footer .copy p span{color:#00c0ff;}





/* BASIC css end */