/*
*  공룡온라인 디노마키아 서브컨텐츠 Stylesheet
*  UIdeveloper Su-hyung, park ( 2009-07-20 )
*  Ntreevsoft co.ltd
*/

html, body { background-color:#fff; padding:0; margin:0; font-family:dotum, 돋움, AppleGothic, Sans-serif; font-size:12px; color:#000; height:100%; }
ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { list-style:none; padding:0; margin:0; } form { padding:0; margin:0; }
img { border:none; } hr { display:none; } a { text-decoration:none; } a:hover { color:#ff3300; text-decoration:underline; }
table { border-collapse:collapse; } .f_left { float:left; margin-right:3px; } .f_right { float:right; margin-left:3px; }
select { font:normal 11px Sans-serif; }

/* Content hide */
h1, h2 { position:absolute; top:-9999px; left:-9999px; }

/* layout fix */
.wrap_outer { background:url(../img/common/bg_mainframe_pt.jpg) repeat-x 0 top; min-height:100%; _height:100%; }
.wrap_inner { background:url(../img/common/bg_mainframe.jpg) no-repeat center top; position:relative; width:100%; min-width:1070px; min-height:100%; _height:100%; }
.container { position:relative; width:994px; margin:0 auto; padding:0 38px; text-align:left; }

/* Flash area */
.gamestart { position:absolute; top:133px; left:0; width:250px; height:165px; }
.navigation-main { width:994px; height:338px; }
.navigation-sub { width:994px; height:338px; }

/* Login */
#tab-after { position:absolute; top:0; left:51px; cursor:pointer; }
#ntreev-tab { position:absolute; top:0; left:51px; cursor:pointer; }
#nate-tab { position:absolute; top:0; left:128px; cursor:pointer; }
#nate-field { display:none; }
input.loginid-off { background:url(../img/login/bg_input_id.png) no-repeat -1px 3px; }
input.loginpass-off { background:url(../img/login/bg_input_pass.png) no-repeat -1px 3px; }
input.loginid-on, input.loginpass-on { background:none; }
.input-big { background:url(../img/login/bg_login_big.png) no-repeat 0 0; width:150px; height:22px; }
.input-big input { border:none; width:138px; margin:1px 2px 0 5px; padding:3px 0 0; font:normal 12px dotum; }
.input-small { background:url(../img/login/bg_login_small.png) no-repeat 0 0; width:150px; height:22px; }
.input-small input { border:none; width:62px; margin:1px 2px 0 5px; padding:3px 0 0; font:normal 12px dotum; }
.loginbox { position:relative; text-align:center; height:195px; margin-top:50px; }
.loginbox fieldset { position:absolute; top:31px; left:51px; border:none; padding:0; margin:0; text-align:left; }
.loginbox fieldset p { margin-bottom:3px; }
.loginbox table { width:100%; height:68px; font-weight:bold; color:#c98c16; text-align:center; line-height:14px; }
.loginbox table td { padding-top:17px; }
.loginbox p.nate_stop {padding:15px 0 15px 0;}
.login-option { padding:1px 0 0; }
.login-helper { padding:8px 0; }
.nate-select { width:74px; margin:1px 0 1px 3px; font:normal 11px arial; vertical-align:middle; }
.login-user { margin-bottom:4px; }
.login-user strong { color:#c04f03; }
.login-treecash { padding:4px 0 8px 0; font:normal 12px dotum; color:#975304; letter-spacing:-1px; }
.login-treecash strong { font:bold 11px tahoma; letter-spacing:0; }
.login-treecash strong.error { color:#e50000; font:bold 11px dotum !important; letter-spacing:0; } /* 20100630 */
.login-support { width:150px; margin:0 auto; }
.login-support img { margin-bottom:2px; border-bottom:2px solid #ffe489;  }

/* contents fix */
.header { position:relative; width:994px; height:304px; z-index:2; overflow:hidden; margin:0 auto;l }
.sidebar { background:url(../img/common/bg_mainside.png) no-repeat 0 0; width:252px; height:552px; padding-top:1px; margin-left:-21px;  _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../public/img/common/bg_mainside.png', sizingMethod='crop'); }
.visual { position:absolute; top:0; left:0; width:100%; height:857px; overflow:hidden; }
.visual-flash { position:absolute; top:96px; left:50%; margin-left:-496px; width:1182px; height:708px; }
.footer { position:relative; clear:both; width:992px; height:100px; z-index:2; text-align:left; margin:0 auto; }

/* sidebar */
.sidebar-shadow { position:absolute; left:50%; bottom:-80px; margin-left:-812px; width:294px; height:297px; background:url(../img/common/bg_mainside_btm.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../public/img/common/bg_mainside_btm.png', sizingMethod='crop'); }
.sidebar-navi { padding:0 15px 0; }
.sidebar-banner { position:relative; padding:13px 0 0 31px; }

/* dic */
.dic-array { position:absolute; margin-top:13px; right:40px; background:url(../img/content/bg_dicarray.png) no-repeat 0 0; width:120px; height:20px; text-align:center; }
.dic-array li { display:inline; }
.dic-array li img { margin:4px 3px 0 2px; }
.dic-tag { background:url(../img/content/bg_dictag_top.png) no-repeat 0 top; width:592px; text-align:center; margin:0 0 4px 14px; }
.dic-tag .tagtitle { font:normal 11px dotum; color:#e3b473; padding:9px 0 5px; }
.dic-tag .taglist { background:url(../img/content/bg_dictag_btm.png) no-repeat 0 bottom; padding:10px 25px; color:#7d6843; line-height:18px; }
.dic-tag .taglist a { color:#ffec9f; }
.dic-tag .taglist a:hover { font-weight:bold; text-decoration:underline; letter-spacing:-1px; }
.dic-search { background:url(../img/content/bg_dicsearch_btm.png) no-repeat 0 bottom; padding-bottom:10px; margin-bottom:20px; }
.dic-search fieldset { background:url(../img/content/bg_dicsearch_top.png) no-repeat 0 top; border:0; margin:0; padding:0; }
.dic-search legend { display:none; }
.dic-search .input-box { padding:13px 0 4px 15px; }
.dic-search .input-box * { vertical-align:middle; }
.dic-search .input-box .txt { background:#57401e; color:#dbd2c5; width:304px; padding:1px 3px; border:1px solid #; border-left:1px solid #412d14; border-top:1px solid #412d14; border-right:1px solid #4c3619; border-bottom:1px solid #4c3619; }

.dic-article-inner { background:url(../img/content/bg_dic_mid.png);  }
.dic-article { background:url(../img/content/bg_dic_top.png) no-repeat 0 top; position:relative; width:620px; padding:20px 0 0; margin-bottom:10px; }
.dic-article .reply-btn { text-align:left;  }
.dic-article .reply-btn * { vertical-align:middle; }
.dic-article .reply-btn span { font:bold 12px dotum; color:#ff631e; padding-right:13px; }
.dic-article .reply-btn .close { background:url(../img/content/btn_reply_off.png) no-repeat right center; }
.dic-article .reply-btn .open { background:url(../img/content/btn_reply_on.png) no-repeat right center; }
.dic-article dl { background:url(../img/content/bg_dic_btm.png) no-repeat 0 bottom; padding:0 15px 10px; }
    .dic-name { position:absolute; left:283px; color:#ccc; }
    .dic-name strong { font:bold 14px dotum; color:#000; }
    .dic-name em { font:bold 10px tahoma; color:#bbaa93; }
    .dic-img { position:absolute; }
    .dic-info { _height:280px; min-height:280px; text-align:right; }
    .dic-info table { width:321px; text-align:left; color:#666; margin:27px 0 0 auto; border:1px solid #fff; }
    .dic-info table th { padding:7px 0 0; border-bottom:1px solid #ebebeb; width:64px; vertical-align:text-top;  }
    .dic-info table td { padding:7px 0; border-bottom:1px solid #ebebeb; line-height:15px; }

/* footer */
.footer .info-agreement { position:absolute; left:123px; background:url(../img/footer/sprite.png) repeat-x 0 14px; width:871px; height:22px; overflow:hidden; }
.footer .info-agreement ul { float:left; margin-left:-9px; }
.footer .info-agreement li { float:left; background:#fff url(../img/footer/sprite.png) no-repeat -371px -43px; padding:0 4px 0 13px; }
.footer .info-agreement li a { display:block; background-image:url(../img/footer/sprite.png);  height:9px; }
.footer .info-agreement li a { }
.footer .info-agreement li span { position:absolute; left:-9999px; }
    a.link-company { background-position:-4px 10px;width:35px; }
    a.link-policy { background-position:-41px 10px; width:38px; }
    a.link-privacy { background-position:-81px 10px; width:148px; }
.footer .info-publisher { position:absolute; top:33px; left:123px; background:#fff url(../img/footer/sprite.png) no-repeat 0 -11px; width:570px; height:22px; text-indent:-9999px; }
.footer .info-class { position:absolute; top:29px; right:-2px; }
.footer .info-copyright { position:absolute; top:66px; left:123px; background:url(../img/footer/sprite.png) no-repeat 0 -34px; width:570px; height:8px; text-indent:-9999px; }
.footer .logo-ntreev { position:relative; top:3px; margin-right:10px; }
.footer .logo-netdol { position:relative; top:3px; }