/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/*====================================================================*/
/******************************* footer *******************************/
/*====================================================================*/
footer{
    width: 100%;
    box-sizing: border-box;
    margin: 0px auto 0;
    text-align: left;
    position: relative;
    background: #252525;
    /* color: #fff; */
}
#footer {
    clear: both;
    width: 92%;
    min-width: 900px;
    min-height: 220px;
    margin: 10px auto 0;
    padding: 60px 0;
    margin-bottom: 30px;
    /* color: #fff; */
}
/*.box_1200 { position:relative; clear:both; width:1200px; margin:0 auto; }*/
.footer_contants { position:relative; float:left; width:25%; padding:0 1%;box-sizing:border-box;}
.footer_title {
    clear: both;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 20px;
    background: url(/design/nicehong/onedesign2/images/line_footer_title.png) 0 bottom no-repeat;
    text-transform: uppercase;
}

.footer_text {
    clear: both;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    color: #ddd;
    letter-spacing: 0.1px;
}
.footer_text a {
    line-height: 26px;
    font-size: 14px;
    color: #fff;
}
.footer_text a:hover { color:#999; }
.footer_text span{}
.footer_text li { clear:both; float:left; }
.social_icon { clear:both; margin-top:25px; }
.social_icon a { float:left; margin-left:0px; }
.go_bank { clear:both; margin-top:25px; }
.go_bank select { width:150px; height:22px; border:none; border:1px solid #eee; }
.esopoint {font-size:20px;line-height:25px;}


/* ÇÏ´Ü ¾Æ·¡ */
#footer_info {
    position: relative;
    clear: both;
    width: 92%;
    min-width: 900px;
    height: 70px;
    margin: 0 auto;
    border-top: 1px solid #333;
}
#footer_info .copy { display:inline-block; *display:inline; *zoom:1; line-height:70px; font-size:10px; text-align:left; color:#999; text-transform:uppercase; letter-spacing:0.5px; } 
#footer_info .copy a { font-size:10px; color:#999; }
#footer_info .copy a:hover { color:#c4a17d; }
#footer select {font-size: 11px;}


/* °øÁ¤°Å·¡ À§¿øȸ */

.foot_certify {
    position: absolute;
    top: 0;
    right: 0;
    /* background: #fff; */
}

.foot_certify .footlogo {
    
}

.foot_certify .footlogo li {
    display: inline-block;
    margin: 0 20px 0 0;
    line-height: 40px;
    color: #777;
    font-size:8px;
}

.foot_certify .footlogo li span {
    /* background: #fff; */
    font-size: 17px;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 40px;
    margin-right: 0px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0.5;
}

.foot_certify .footlogo li span img {
    width: 60%;
    margin: 10%;
    filter: grayscale(100%);
    border-radius: 30%;

}

#footer .snsArea {
    text-align: left;
    margin: 20px 20px 0 0px;
    line-height: 32px;
    font-size: 11px;
    text-align:left;
}
#footer .snsArea a i { background:#292929;font-size:13px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    color:#eee;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
#footer .snsArea a img { background:#f5f5f5;font-size:13px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    color:#333;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
     -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#footer .snsArea a i:hover {
    background: #444;
    color: #fff
}

#esoupdown {position:fixed; bottom:55px; right:12px; display:none; z-index:999}
#esoupdown .kakaoup, #esoupdown .up {margin-bottom:10px;}

#esoupdown .up,#esoupdown .down { width:35px; line-height:35px;font-size:13px;background:#333;text-align:center;color:#fff; display:block;  -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#esoupdown .kakaoup:hover, #esoupdown .down:hover,#esoupdown .up:hover {
    background: #555;
    color: #fff
}
#esoupdown .kakaoup {width:40px; line-height:40px;font-size:25px;background:#FFDC00 ;text-align:center;color:#222; display:block;  -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

/* BASIC css end */