/* BASIC css start */
/* 하단 */
#footer{position:relative; background-color:#13101f; overflow:hidden;}
#footerInner{position:relative; }
.footer-top-con{position:relative; width: 100%;}

.footer-top-con{position:relative;}
.footer-top-con > div{color: #fff;}
.footer-top-con > div h4{
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 24px;}
.footer-top-con > div h2{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Rubik', sans-serif;
    padding: 10px 0 10px;}
    
.footer-top-con .txt-b{
    color: #838383;
    letter-spacing: .5px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 300;}
    
    
.footer-top-con .txt-n{
    color: #838383;
    letter-spacing: .5px;
    line-height: 21px;
    font-size: 14px;
    margin-top: 5px;}
    
    
.footer-top-con .txt-s{
    color: #898989;
    font-size: 12px;
    letter-spacing: .5px;
    line-height: 20px;
    font-weight: 300;
    padding: 20px 0 30px;
    text-align: center;}

#footer .area-box{max-width:1200px; width:90%;/*1510px;*/ margin:0px auto;}
#footerBottom{padding:25px 0 20px 0; overflow:hidden;}
.footer-gnb-list{font-size: 0;}
.footer-gnb{display: inline-block; margin-right: 15px;}
.footer-gnb:nth-last-child(1){margin-right:0}
.footer-gnb ul{}
.footer-gnb ul li{margin-top:15px; font-size:15px; font-weight:400; letter-spacing:-0.65px; color:#666;}
.footer-gnb ul li a{font-size:15px; font-weight:400; letter-spacing:-0.65px; color:#666;}
.footer-gnb ul li a:hover{color:#999; text-decoration:underline;}
.footer-gnb ul li:first-child{margin-top:0;}
.footer-gnb ul li.tit{margin-bottom: 0;}    
.footer-gnb ul li.tit a{
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 0;
    font-family: 'Spoqa Han Sans Neo';}

.footer-cs{}

.footer-info,.footer-bank,.footer-com{margin-top: 25px;}

.footer-com{}
.footer-com ul{
    display: flex;
    margin-top: 10px;}

.footer-com ul li{
    width: 24%;
    display: inline-block;
    margin-right: .9%;}
    

.footer-com ul li:nth-last-child(1){margin-right:0 !important}

.footer-com ul li a{color: #6c6c79;
    display: block;
    background: #25262e;
    border: 1px solid #15161d;
    background-image: url(/design/dermacle/img/pc/footer_com_arrow.png);
    background-position: 93%;
    background-repeat: no-repeat;
    padding: 7px 9px;
    font-size: 10px;
    letter-spacing: -.7px;}
    
.footer-bottom-con{margin-top: 10px;}
/* BASIC css end */