@charset "utf-8";
@import url(./reset.css);

body {
    font:12px/1.5 AppleGothic, Dotum, '돋움', sans-serif;
    color:#666;
}

/* layout ----------------------------- */
#container {
    width:575px; 
    display:block;
    overflow:hidden;
    margin:0 auto;
    border-bottom:0 none;
}

#contentColumn {
    position:relative;
    float:left;
    display:inline;
    width:575px; 
    margin:0;clearfix
    padding:0px;
    background-color:#fff;
}

#footer {
    clear:both;
    width:575px;
    margin:0 auto;
    padding:0px;
    text-align: center;

}


/* header ----------------------------- */
#header {
    position:relative;
    height:307px;
    background:url(/images/premium/worknet/bg_logo.png) no-repeat;
}

#header p {
    text-indent:-9999px;
}

#header h1 {
    overflow:hidden;
    text-indent:-9999px;
}

/* subTab ----------------------------- */
/* hidden */
.subject h2 {
    display:none;
}

.subTab {
    position:absolute;
    top:-30px;
    left:20px;
}

.subTab ul {
    text-align: left;
    width:100%;
}

.subTab ul li {
    display: inline;
}

.subTab ul li.selected {
    border-bottom: 1px solid #999;
    background-color: #fff; 
}

.subTab ul li a { 
    float:left;
    display:inline;
    height:30px;
    background-color: #eee;
    color: #666;
    margin-right: 5px;
    text-decoration: none;
    border-bottom: none;
    text-indent:-9999px;
    overflow:hidden;
}

/* tab images */

.subTab ul li.tab_about a {

    width:156px;
    background:url(/images/premium/worknet/subTab_about.png) no-repeat;
}

.subTab ul li.tab_about_on a {

    width:156px;
    background:url(/images/premium/worknet/subTab_about_active.png) no-repeat;
}


.subTab ul li.tab_dig a {
    background:url(/images/premium/worknet/subTab_dig.png) no-repeat;
    width:119px;
}

.subTab ul li.tab_dig_on a {
    background:url(/images/premium/worknet/subTab_dig_active.png) no-repeat;
    width:119px;
}


/* -------------------------------------
    본문
-------------------------------------- */

/* 위젯소개 ----------------------------- */

#desc_wrap

{
width:575px;

}
.page_about .goodjob {
    padding-left:20px;
    padding-top:25px;
    padding-bottom:20px;

}

.page_about .desc h2 {
    
    width:575px;
    text-indent: -9999px;
}

.page_about p {
    display:none;
}

.page_about .Widget00  {
    background: url(/images/premium/worknet/desc_about_title1.png) no-repeat;
    width: 575px;
    height:114px;

}

.page_about .Widget01 h2 {
    background: url(/images/premium/worknet/desc_about_title2.png) no-repeat;
    height: 270px;
    width: 575px;
    margin-top:20px;
}

.page_about .Widget02 h2 {
    background: url(/images/premium/worknet/desc_about_title3.png) no-repeat;
    height: 130px;
    width: 575px;
}

.page_about .Widget03 h2 {
    background: url(/images/premium/worknet/desc_about_title4.png) no-repeat;
    height: 230px;
    width: 575px;
}

.page_about .dFlower ul {
    background: url(/images/premium/worknet/desc_about_flower.gif) no-repeat center top;
    height: 413px;
}

.page_about .dFlower ul li {
    text-indent: -9999px;
}





/* 퍼가기 버튼 */
.page_about .goDig a {
    display:block;
    margin-left:190px;
    width:204px;
    height:105px;
    background:url(/images/premium/worknet/btn_goDig.png) no-repeat;
}

.page_about .goDig a span {
    display:none;
}


/* 블로그로 퍼가기 ----------------------------- */
.page_dig .subject p {
    background:url(/images/premium/worknet/p_dig_desc.gif) no-repeat;
    height:31px;
    text-indent:-9999px;
    overflow:hidden;
}

/* 사용자 체크 */
.userCheck {
    border:2px solid #e7f4c4;
    background:url(/images/premium/worknet/bg_userCheck.gif);
    padding:4px 10px;
    color:#333;
    margin-bottom:10px;
    font-size:11px;
    color:#999;
    letter-spacing:-1px;
}

.userCheck p.ok {
    background:url(/images/premium/worknet/bullet_userCheckOk.gif) no-repeat;
    padding-left:35px;
    width:555px;
}

.userCheck p.no {
    background:url(/images/premium/worknet/bullet_userCheckNo.gif) no-repeat;
    padding-left:35px;
    width:555px;
}

.userCheck strong {
    font-weight:bold;
    letter-spacing: -1px;
    font-size:12px;
    color:#333;
}

.userCheck em {
    color:#666;
    font-weight:bold;
}


.digAction {
    margin-bottom:30px;
    margin-top:20px;
}


.digAction fieldset {
    border:1px solid #ddd;
    padding:5px 15px;
    margin-left:5px;
    width:535px;
}

.digAction legend {
    display:none;
}

.digAction .actionWrap {
    border-bottom:1px solid #ddd;

}

.digAction .actionWrap .wPreview {
    float:left;
    display:inline;
    width:210px;
}

.digAction .actionWrap .digForms {
    float:left;
    display:inline;
    width:370px;
}



.digAction div.inputItem{
    padding:3px 0 8px;
    border-bottom:1px solid #eee;
    width:100%;
}

.digAction * {
    vertical-align:middle;
}

.digAction dt {
    float:left;
    display:inline;
    width:120px;
    color:#666;
    font-weight:bold;
    letter-spacing: -1px;
    padding-top:5px;
}

.digAction dd {
    float:left;
    display:inline;
    padding-left:10px;
    padding-top:5px;

}

.digAction em {
    font-weight:bold;
    color:#693;
}

.digAction .inputDesc {
    display:block;
    font-size:11px;
    color:#999;
    letter-spacing:-1px;
    padding-top:2px;
}

.digAction .defaultTab .inputDesc {
    display:block;
    font-size:11px;
    color:#999;
    letter-spacing:-1px;
    padding-top:2px;
}


.digAction .digFrm_url {
    width:300px;
}

.digAction .blogUrlWrap {
    margin-bottom:4px;
}


.digAction .digFrm_count {
    width:300px;
}

.digAction select {
    font:12px AppleGothic, Dotum, '돋움', sans-serif;
    border:1px solid #ccc;
    padding:2px 0;
}

.digAction button.btn {
    border: none;
    display: block;
    float: left;
    text-indent: -9999px;
    cursor: pointer;
}
#btn_create {
    background: url(/images/premium/worknet/btn_getCode.png) no-repeat;
    width: 178px;
    height: 91px;
}
#btn_create_naver {
    background: url(/images/premium/worknet/btn_getCode_naver.png) no-repeat;
    width: 178px;
    height: 91px;
}

.getCode {
    padding-left:90px;
}

.getCode .submitBtn {
    color: #fff;
    background-color: #f26224;
    border-color: #c14514;
    font-weight: bolder;
    height: 24px;
    width:120px;

}
.getCode .cancelBtn {
    height: 24px;
    width:120px;
}

.event {
    background: url(/images/premium/worknet/worknet_event.png) no-repeat;
    background-position: -20px;
    width: 535px;
    height: 400px;
}