/* BASIC css start */
#footer{
    position:relative;
    background:#333333;
    padding-top:71px;
}
#footer .inner{
    width:1280px;
    margin:0 auto;
}
#footer .f-top{
    position:relative;
    height:69px;
    line-height:69px;
    text-align:left;
    padding-bottom:46px;
}

#footer .f-top .logo{
    display:inline-block;
    vertical-align:middle;
}
#footer .f-top .logo a{
    display:inline-block;
    vertical-align:middle;
}
#footer .f-top .appstore-wrap{
    position:absolute;
    top:0;
    right:0;
    height:69px;
    line-height:69px;
}
#footer .f-top .appstore-wrap ul{
    font-size:0px;
}
#footer .f-top .appstore-wrap ul li{
    display:inline-block;
    vertical-align:middle;
    padding-left:10px;
}
#footer .f-top .appstore-wrap ul li a{
   
}
#footer .f-bottom{
    position:relative;
    padding-bottom:50px;
}
#footer .f-bottom .left ul li{
    line-height:26px;
    color:#fff;
    font-size:13px;
}
#footer .f-bottom .left ul li span{
    display:inline-block;
    width:150px;
    color:#999999;
}
#footer .f-bottom .left ul li a{
    color:#fff;
}
#footer .f-bottom .left ul li a.p-l10{
    padding-left:10px;
}
#footer .f-bottom .right{
    position:absolute;
    top:0;
    right:0;
}
#footer .f-bottom .right > div{
    display:inline-block;
    vertical-align:top;
}
#footer .f-bottom .right .center{
    padding-right:60px;
}
#footer .f-bottom .right .mark-wrap a{
    display:inline-block;
    width:149px;
}
#footer .f-bottom .right .mark-wrap a img{
    width:100%;
    vertical-align:top;
}
#footer .f-bottom .right .list{
    padding-right:60px;
}
#footer .f-bottom .right .list ul li{
    padding-bottom:12px;
}
#footer .f-bottom .right .list ul li a{
    line-height:26px;
    color:#fff;
    font-size:13px;
}
#footer .f-bottom .right .center .cs h5{
    line-height:34px;
    font-size:30px;
    font-family:'Roboto Condensed';
    color:#fff;
    padding-bottom:13px;
}
#footer .f-bottom .right .center .cs p{
    line-height:22px;
    font-family:'Noto Sans KR', sans-serif;
    font-size:13px;
    color:#bfbfbf;
    padding-bottom:37px;
}
#footer .f-bottom .right .center .mark ul{
    font-size:0px;
}
#footer .f-bottom .right .center .mark ul li{
    display:inline-block;
    padding-right:12px;
}
#footer .f-bottom .right .center .mark ul li a{
    display:inline-block;
}
#footer .copy-wrap{
    position:relative;
    width:100%;
    height:35px;
    line-height:35px;
    padding-bottom:72px;
}
#footer .copy-wrap .copy{
    height:35px;
    line-height:35px;
    color:#999999;
    font-size:13px;
}
#footer .copy-wrap .copy a{
    font-weight:bold;
    color:#999999;
}
#footer .copy-wrap .sns{
    position:absolute;
    top:0;
    right:0;
    font-size:0px;
}
#footer .copy-wrap .sns li{
    display:inline-block;
    padding-left:26px;
}
#footer .copy-wrap .sns li a{
    display:inline-block;
    vertical-align:middle;
    width:22px;
    height:35px;
    line-height:35px;
    text-align:center;
}
#footer .copy-wrap .sns li a img{
    vertical-align:middle;
}

/*Äü¸Þ´º*/
.quick-menu-wrap{
    position:fixed;
    z-index:101;
    bottom:-300px;
    right:0;
    width:60px;
    background:#333333;
    padding:0px 10px;
    padding-top:7px;
    padding-bottom:4px;
    box-sizing:border-box;
}
.quick-menu-wrap ul li{
    width:100%;
    height:46px;
    line-height:46px;
    text-align:center;
}
.quick-menu-wrap ul li a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}
.quick-menu-wrap ul li a img{
    vertical-align:middle;
}
.quick-menu-wrap ul li.gotop a{
    font-family:'Roboto Codnsed';
    color:#fff;
    font-size:14px;
    font-weight:bold;
}
.quick-menu-wrap ul li.gotop{
    border-top:1px solid #484848;
    padding-top:4px;
}
/* BASIC css end */