/* base */

* { margin: 0; padding: 0;}
img, table { border: 0 }
body, td, div, span, li, select, input, button { font-family: Dotum, sans-serif; font-size: 12px;}
input, textarea, button, select, optgroup, option { 
    vertical-align: middle;
    font-family: AppleGothic, UnDotum, Dotum, Helvetica, sans-serif;
    font-size: 100%;
    font-style: normal;
}

/* subscribe */

body { 
    background: url(http://image.wzd.com/external/bg.gif);
    font-family: Dotum, sans-serif;
    color: #767676;
    font-size: 12px;
}

div.topbar {
    background: #2e3a3a;
    height: 26px;
    padding: 5px;
}

div.topbar div.mywzd {
    float: right;
}

div.topbar div.mywzd a {
    color: #fff;
    font-weight: bolder;
    letter-spacing: -1px;
    text-decoration: none;
    border: 1px solid #737979;
    padding: 5px 20px 4px 8px;
    background: url(http://image.wzd.com/external/arrow_1.gif) no-repeat right center;
    display: block;
}

div.topbar div.mywzd a:hover {
    border: 1px solid #b8b8b8;
    background: #546262 url(http://image.wzd.com/external/arrow_2.gif) no-repeat right center;
}

div.layer {
    width: 459px;
    margin: 100px auto 0;
    padding-top: 53px;
}

div.titleLogin {
    background: url(http://image.wzd.com/external/title_subscribe.gif) no-repeat;
}

div.titleSubscribe {
    background: url(http://image.wzd.com/external/title_subscribe.gif) no-repeat;
}

div.titleBookmark {
    background: url(http://image.wzd.com/external/title_bookmark.gif) no-repeat;
}

div.layer div.container {
    background: url(http://image.wzd.com/external/bg_w.gif) repeat-y;
    padding: 5px 20px;
}

div.layer input.url {
    background: #e7f6f6;
    border: 1px solid #afd6d5;
    font-size: 92%;
    font-family: Verdana, sans-serif;
    color: #767676;
    text-align: center;
    padding: 6px;
    display: block;
    width: 406px;
}

div.layer p {
    letter-spacing: -1px;
    padding: 10px 3px;
}

div.layer table.select_page {
    margin-left: 10px;
}

div.layer table.select_page td {
    padding: 4px;
    width: 280px;
}

div.layer table.select_page td.opt {
    background: url(http://image.wzd.com/external/bullet_1.gif) no-repeat left center;
    padding: 4px 20px 4px 16px;
    font-weight: bolder;
    letter-spacing: -1px;
    width: 60px;
}
div.layer table.select_page td.opt span { font-size: 11px; padding-left: 3px;}

div.layer table.select_page td.option {
	font-weight: normal;
}

div.layer table.select_page input {
    border: 1px solid #AFD6D5;
}

div.layer table.select_page input.text {
	padding: 3px 2px;
	width: 270px;
}

div.layer table.select_page textarea.location {
	padding: 3px 2px 1px 3px;
	width: 250px;
	height: 100px;
}

div.layer table.select_page select {
    width: 276px;
    padding: 2px;
}

div.layer button {
    width: 60px;
    height: 26px;
    ^padding-top: 1px;
    margin: 0 0 0 4px;
    font-size: 12px;
    font-weight: bolder;
    text-align: center;
    cursor: pointer;
}

div.layer input.t1 {
    background: #dfeef1;
    color: #004c75;
    border: 2px solid #87b5c3;
    padding: 4px 8px;
    margin-top: 12px;
    cursor: pointer;
    font-weight: bold;
}

div.layer div.line {
    border-right: 3px solid #e7f6f6;
}

div.layer div.box {
    float: left;
    width: 180px;
    padding: 10px 7px 5px 18px;
}

div.layer div.box img.subtitle {
    margin: 2px 0 12px;
}

div.layer div.box input.login {
    width: 150px;
    border: 1px solid #b8d4dd;
    height: 18px;
    padding: 3px 3px 2px 3px;
    margin: 3px 0;
    font-size: 95%;
    font-family: Verdana, sans-serif;
    color: #60808a;
    background-position: 5px center;
    background-repeat: no-repeat;
}

div.layer div.box input.id {
    padding-left: 3px;
    xbackground-image: none;
    background: url(http://image.wzd.com/welcome/bg_input_id.gif) no-repeat 5px center;
}

div.layer div.box input.openID {
    padding-left: 25px;
    width: 128px;
    background-image: url(http://openid.or.kr/plugins/OpenID/openid16x16.gif);
}

div.layer div.box input.pw {
    background: url(http://image.wzd.com/welcome/bg_input_pw.gif) no-repeat 5px center;
}

div.layer div.box div.option {
    margin: 4px 0 6px;
    font-size: 92%;
    color: #727272;
    letter-spacing: -1px;
}

div.layer div.box label.option {
    display: block;
    padding: 4px;
    /* ie7 */ ^padding: 0 0 5px;
    /* ie6 */ -padding: 0;
    height: 13px;
}

div.layer div.box label.option[disabled] {
    color: #ccc;
}

div.layer div.box label.option input {
    margin-right: 4px;
}

div.layer div.box input.loginBtn {
    display: block;
    width: 157px;
    height: 35px;
    border: 0;
    background: url(http://image.wzd.com/welcome/btn_login.gif) no-repeat;
    text-indent: -99in;
    cursor: pointer;
}

div.layer div.box div.signup {
    background: url(http://image.wzd.com/welcome/title_signup.gif) no-repeat;
    padding-top: 57px;
    color: #989898;
    font-size: 92%;
    line-height: 160%;
    margin-bottom: 12px;
}

div.layer div.box input.signupBtn {
    display: block;
    width: 157px;
    height: 35px;
    background: url(http://image.wzd.com/welcome/btn_signup.gif) no-repeat;
    text-indent: -9999px;
    cursor: pointer;
    border: 0px none;
    padding: 0 0 0 12px;
}

/* widget list */
ul.layers {
    padding: 0px 0px 0px 8px;
    list-style: none;
}

ul.layers li {
    margin-top: 3px;
    float: left;
    width: 129px;
    height: 54px;
    margin-right: 7px;
    background: url(http://image.wzd.com/external/bg_widget.gif) no-repeat;
}

ul.layers li p.name {
    height: 18px;
    padding: 11px 0 0 24px;
    /padding: 12px 0 0 24px;
    font-size: 11px;
    font-weight: bold;
    color: #eb7e32;
    letter-spacing: -1px;
}

ul.layers li p.title {
    font-size: 13px;
    padding: 6px 0 0 5px;
    color: #59554d;
    width: 95%;
    height: 1.3em;
    overflow: hidden;
}

div.clear {
    clear : both; 
}