#footer_03 { width:100%; background-color:#fff; padding: 0 0 20px 0 ; margin:0px auto ; color:#333;
box-sizing:border-box; font-size:14px; line-height:28px; }
div.footer_sitemap {width:100%; background-color:#252525; padding:30px 0}
div.footer_logo {float:left; width:15%; opacity:0.7;}
div.footer_wrap { margin:0 auto; padding:0px 0 50px 0;} 

.footer_top {clear:both; overflow:hidden; border-bottom:1px solid #dfdfdf; }
.footer_top  ul.link {float:left; width:50%; list-style-type:none;  padding:0px; margin:0 auto;    }
.footer_top ul.link li {display:inline-block;}
.footer_top ul.link li a {display:block; width:180px; padding:13px 15px 14px 15px; border-left:1px solid #dfdfdf; text-align:center;}
.footer_top ul.link li a:hover {color:#333;}
.footer_top ul.link li:last-child a{border-right:1px solid #dfdfdf;}

.footer_top div.sns {float:right; width:50%; padding:10px 30px 0px 0; text-align:right;}
.footer_top div.sns a{padding:0 1px;  opacity:0.9;  display:inline-block;}
.footer_top div.sns a:hover {opacity:1;}
.footer_top div.sns a img {vertical-align:top;}

div.footer_wrap div.info {padding-top:38px;}
div.footer_wrap div.info .floatL{width:10%; padding-left:2%; padding-top:5px; }
div.footer_wrap div.info .floatR{width:88%;  }
div.footer_wrap div.info ul {list-style-type:none;  padding:2px 0 0 0; margin:0;  clear:both;}
div.footer_wrap div.info ul li{display:inline-block   }
div.footer_wrap div.info ul li:before {content:"/"; padding:0 10px; color:#bbb; }
div.footer_wrap div.info ul li:first-child:before {content:""; border-left:0; padding:0; }
div.footer_wrap div.info p {clear:both;}
div.footer_wrap a.sign {text-decoration:underline; color:#ccc;}

div.footer_wrap div.info .floatL{
    float:left;
    width:10%;
}

div.footer_wrap div.info .floatR{
    float:left;
    width:calc(90% - 40px);
    margin-left:40px;
}

div.footer_wrap div.info:after{
    content:"";
    display:block;
    clear:both;
}

#topBtn{
    position:fixed;
    right:20px;
    bottom:30px;
    z-index:999;

    display:none; /* 처음엔 숨김 */

    width:45px;
    height:45px;
    border:none;
    border-radius:50%;
    background:#ff9000;
    color:#fff;
    font-size:18px;
    cursor:pointer;

    opacity:0.8;
}

/* hover */
#topBtn:hover{
    opacity:1;
}

/* =========================
   MOBILE (768px 이하)
========================= */
@media all and (max-width:768px){

    .floatL,
    .floatR{
        float:none;
    }

    #topBtn{
        width:50px;
        height:50px;
        right:15px;
        bottom:20px;
        font-size:20px;
    }

    /* =========================
       footer top
    ========================= */

    .footer_top{
        border-top:1px solid #ddd;
        border-bottom:1px solid #ddd;
    }

    /* 세로 정렬 */
    .footer_top .wdFull{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }

    /* SNS 숨김 */
    .footer_top div.sns{
        display:none;
    }

    /* 개인정보 / 이메일 */
    .footer_top ul.link{
        float:none;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0;
        margin:0;
    }

    .footer_top ul.link li{
        flex:1;
        display:block;
        text-align:center;
    }

    .footer_top ul.link li a{
        display:block;
        width:100%;
        padding:16px 5px;
        border-left:1px solid #ddd;
        box-sizing:border-box;
        text-align:center;
    }

    .footer_top ul.link li:first-child a{
        border-left:none;
    }

    /* =========================
       하단 info 영역
    ========================= */

    div.footer_wrap div.info{
        text-align:center;
        padding-top:25px;
    }

    /* 로고 */
    div.footer_wrap div.info .floatL{
        width:100%;
        text-align:center;
        padding:0 0 15px 0;
    }

    div.footer_wrap div.info .floatL img{
        display:inline-block;
        margin:0 auto;
    }

    /* 텍스트 */
    div.footer_wrap div.info .floatR{
        width:100%;
        text-align:center;
    }

    /* 리스트 */
    div.footer_wrap div.info ul{
        padding:0;
        margin:0 0 10px 0;
    }

    div.footer_wrap div.info ul li{
        display:block;
        line-height:1.8;
    }

    /* 슬래시 제거 */
    div.footer_wrap div.info ul li:before{
        content:"";
        padding:0;
    }

    /* copyright */
    div.footer_wrap div.info p{
        text-align:center;
        margin-top:15px;
        line-height:1.6;
    }

/* footer 텍스트 중앙정렬 완전 수정 */
@media all and (max-width:768px){

    div.footer_wrap div.info ul{
        width:100%;
        text-align:center;
        padding:0;
        margin:0 auto 15px auto;
    }

    div.footer_wrap div.info ul li{
        display:block;
        width:100%;
        text-align:center;
    }

    div.footer_wrap div.info .floatR{
        width:100%;
        text-align:center;
        margin:0 auto;
    }

}