http://hongyeon.dothome.co.kr/xe/

 

id: temp / pw: temp111

 

아무리 소스를 찾아봐도 footer가 고정이 잘 안되네요ㅠㅠ

 

 

@charset "utf-8";
/* Reset */
html,body{height:100%;}
body{margin:0;}

/* Skin to content */
.skip{margin:0}
.skip>a{display:block;text-align:center;line-height:28px;height:1px;overflow:hidden}
.skip>a:focus{height:auto}

/* Layout */
.container {
    float: top;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
    }
.footer {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}
.header{position:relative;
    z-index:2;
    zoom:1;
    margin:0 auto; 
    width: 100%; 
    padding-top: 40px;
    background-color:#fff; 
    }
.visual{position:relative;z-index:1;overflow:hidden;width:100%;margin:0 0 20px 0}
.body{position:relative;z-index:1;}
.header:after,.body:after{content:"";display:block;clear:both; height: 100%;}
.content{width: 980px; min-height:100%; margin: 0 auto; margin-top: 50px; margin-bottom: 30px; }

.content img{max-width:100%;height:auto}

/* scroll */
a.back-to-top {
    display: none;
    width: 48px;
    height: 48px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: url("/xe/img/top.png") no-repeat center 43%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* Header */
.header>h1{display:inline-block;*display:inline;zoom:1;margin:19px 0}
.header>h1>a,
.header>h1 img{display:block}
.header>h1>a{font-size:32px;text-decoration:none;color:#333}

/* SNS */
.sns {
    margin: 0 auto;
    width: 1000px;
    margin-bottom: 5px;
}

.sns img {
    padding-top: 100px;
    margin: 0 auto;
    padding: 0 auto;
}

.sns a {
    color: #666;
    font-size: 12px;
    font-family: arial;
    text-decoration: none;
}

/* Menu */
.menu {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-color: #ffbb00;
    width: 100%;
}

/* Footer */
.footer{float: bottom;padding-top: 10px; padding-bottom: 10px;background-color:#b2b2b2;border-top:1px solid #f4f4f4;color:#fff; text-align: center;}
.footer p{font-size:11px}
.footer a{text-decoration:none;color:#666}
.footer a:hover,
.footer a:focus{text-decoration:underline}

/* GNB */
.dp-menu{position:relative;height:50px; width:100%;  z-index: 1;
        clear:both;text-align: center; margin: 0 auto; background-color: #ffd130;}

.gnb ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #ffd130;
    width: 980px;
    text-align: center;

}

.gnb  ul li {
    width: 196px;
    float: left;
    display: inline;
    text-align: center;
    padding-top: 18px;
}

.gnb p {
    color: white;
    text-align: center;
}

.gnb ul li a.dp{
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: white;
    vertical-align: middle;
    margin-bottom: 18px;
    font-weight: bold;

}

.gnb .dropbtn{
    display: inline-block;
    color: black;
    text-align: center;
    text-decoration: none;
}

.gnb  ul li a:hover, .gnb  .dropdown:hover .dropbtn {
    color: #000;
}

.gnb  ul li.dropdown {
    display: inline-block;

}

.dropdown-content {
    color: black;
    margin: 0 auto;
    text-align: center;
    display: none;
    position: absolute;
    min-width: 196px;
}

.gnb ul li .dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
    text-align: center;
    padding:5px;
    font-weight: bold;
}

.dropdown-content a:hover {
    background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

여기서 뭘 건들어야 footer가 고정이 될까요?