/* BASIC css start */
.logo {
    float: left;
    padding: 80px 0 50px 0;
    text-align: left;
}
#header .right {
    float: left;
    margin: 0;
    width: 50%;
}
.login {
    float: right;
    line-height: 40px;
    margin: 0;
}
.login li {float:left; position:relative;}
.login a {
    background: rgba(0, 0, 0, 0) url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_util1.gif") no-repeat scroll 0 1px;
    color: #777;
    font-family: "Ubuntu",sans-serif;
    font-size: 11px;
    font-weight: 400;
    padding: 0 17px;
    text-align: right;
}
.login a:hover {
    color: #cfbdd5;
}
.login li:first-child a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#jointip {
    background: #999999 none repeat scroll 0 0;
    border: 0 solid #c0af93;
    border-radius: 5px;
    color: #fff;
    font-family: Ubuntu;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    margin: -5px 0 0 -25px;;
    padding: 0 1px;
    position: absolute;
    text-align: center;
    width: 50px;
    left:50%;
    z-index: 110;
}
#jointip::after {
    border-color: transparent transparent #999999;
    border-style: solid;
    border-width: 5px;
    color: #fff;
    content: "";
    left: 22px;
    position: absolute;
    top: -10px;
}
#menu {
    width: 1218px;
}
.board {
    float: right;
    margin: 0px 0 0;
    padding: 0 15px 10px 0;
}
.board ul {
}
.board li {
    color: #313131;
    float: left;
    padding: 0 0 0 15px;
}
.board a {
    color: #777;
    font-family: "Ubuntu",sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;

}
.board a:hover {
    color: #8d8d8d;
    text-decoration: none;
}
#category {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #999999;
    border-top: 2px solid #999999;
    width: 1218px;
    z-index: 88;
}
#category ul li {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 10px;
    position: relative;
    text-align: center;
    z-index: 10;
}
#category ul li a {
    line-height: 40px;
    color: #2e2e2e;
    display: block;
    font-family: "Ubuntu",sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-decoration: none;
}
#category ul li a:hover {
    color: #e1e1e1;
}




#hdWrap {     margin: auto;
    padding: 0 0 0 41px;
    width: 1218px; }

/*
#hdWrap #header { position: relative; width: 1036px; margin-left: auto; margin-right: auto; }
#hdWrap #header .hd-logo { margin: 25px 0 10px 0; text-align: center; }
#hdWrap #header .hd-link { zoom: 1; overflow: hidden; padding: 10px 20px 10px 300px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#hdWrap #header .hd-menu { float: left; }
#hdWrap #header .hd-menu li { float: left; padding: 0 20px; border-right: 1px solid #ddd; }
#hdWrap #header .hd-menu li.last { border-right: 0; }
#hdWrap #header .hd-menu li a { display: inline-block; height: 16px; line-height: 18px; color: #aaa; font-size: 11px; letter-spacing: -1px; }
#hdWrap #header .hd-menu li a:hover { color: #333; }
#hdWrap #header .hd-search { float: right; width: 140px; }
#hdWrap #header .hd-search .input-keyword { width: 120px; background-color: #fafafa; border: 1px solid #ddd; }
*/
/* BASIC css end */