/* login-box */

.login-box {
    width : 220px;
}
.login-inner-box {
    background-color : #f8f8f8;
    width : 194px;
    height : 134px;
    padding : 13px;
}
.login-inner-box input[type=text],
.login-inner-box input[type="password"] {
    float : left;
    width : 135px;
    margin : 0 2px 4px 0;
    padding : 1px;
}
.login-inner-box input[type=image] {
    float : right;
}
.login-inner-box a {
    font : normal normal normal 11px "dotum";
    color:#444;
}
.login-inner-box a:hover {
    color : #669900;
}
.login-inner-box a.underline {
    text-decoration : underline;
}
.login-inner-box div {
    background : url(/Images/Home/line.gif) no-repeat center bottom;
    margin : 0px 0px 10px 0;
    padding : 10px 0 20px 0;
    text-align : left;
    clear : both;
    font : normal normal normal 11px "dotum";
}
.login-inner-box div label {
    color : #929292;
}
.login-inner-box span {
    display : block;
    text-align : center;
}

.support-box {
    border : 1px solid #dedede;
}
.support-box strong {
    display : block;
    background-color : #f1f1f1;
    width : 168px;
    margin : 5px;
    text-align : left;
    padding : 8px 15px;
}
.support-box strong a {
    display : block;
    margin : 8px 0px;
}
.board-box {
    width : 215px;
    height : 180px;
}
.board-box div {
    text-align : left;
    height : 25px;
    border-bottom : 2px solid #f0f0f0;
}
.board-box div img,
.board-box div a {
    float : left;
    vertical-align : bottom;
}
.board-box ul {
    margin : 10px 0;
    text-align : left;
    padding : 0;
}
.board-box ul li {
    line-height : 20px;
    list-style : none;
    background : url(/Images/Home/dot.gif) no-repeat left center;
    height : 20px;
}
.board-box ul li a {
    display : block;
    float : left;
    margin-left : 10px;
    color : #888;
    width : 140px;
    height : 20px;
    white-space : nowrap;
    text-overflow : ellipsis;
    overflow : hidden;
    font-size : 11px;
            
}
.board-box ul li a:hover {
    color:#669900;
}
.board-box ul li span {
    display : block;
    float : right;
    text-align : right;
    font-size : 10.5px;
    color : #999999;
}
.content-area {
    width : 1000px;
    height : 200px;
    margin : 20px auto;
}
.content-area .login-box,
.content-area .board-box,
.content-area .support-box {
    float : left;
    margin : 10px;
}
.content-area .board-box {
    margin : 10px 20px;
}
.content-area .login-box {
    margin-right : 20px;
}
.content-area .support-box {
    margin-left : 20px;
}
/*************************************************/
/*  popup                                        */
/*************************************************/
        
.popup {display : none;position : absolute;top : 142px;box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);z-index : 10000;background-color : White;}
.popup span {display : block; text-align:right; padding:5px 10px;}
.popup span input {vertical-align : middle;}
.popup span a {text-decoration : none;color : Black;}
/*.facebook {height : 320px;}
.blog {height : 320px;}
.serverupdate {height : 300px;}*/