@charset "utf-8"

* { margin:0px; padding:0px; overflow:visible; }
body { margin:0px; padding:0px; font-size:13px; font-family:나눔고딕, NanumGothic, "돋움체", Dotumche, Verdana, Geneva, sans-serif; line-height:160%;  }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
h1 { margin:0px; padding:0px; font-size:2.0em; margin:0 0 2px 0; }
h2 { margin:0px; padding:0px; font-size:1.8em; margin:0 0 2px 0; }
h3 { margin:0px; padding:0px; font-size:1.5em; margin:0 0 2px 0; }
h4 { margin:0px; padding:0px; font-size:1.2em; margin:0 0 2px 0; }
h5 { margin:0px; padding:0px; font-size:1.1em; margin:0 0 2px 0; }
img { border:0px; }

#container { width:100%; margin:0px auto 0px auto; font-size:1.0em; overflow:visible; }
#head { width:100%; margin:0px 0px 0px 0px; }
#body { width:1000px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; background:#FFF; overflow:visible; }
#foot { width:100%; margin:0px auto 0px auto; clear:both; border-top:1px solid #999; background:#FFF; overflow:visible; }

/* HEAD */
#head .title { width:100%; margin:0px; height:50px; background:#FFF; color:#000; border-bottom:1px solid #999; overflow:hidden; }
#head .title h1 { margin:15px 0px 5px 10px; padding:0px; font-weight:bold; }

/* BODY */

#body .sidebar { width:150px; margin:0px 10px 0px 0px; float:left; }
#body .sidebar .menu { width:140px; margin:0px 0 0 10px; padding:10px; font-size:1.0em; }
#body .sidebar .menu .title { padding:5px; background:#EEE; border:1px solid #999; font-size:1.1em; }
#body .sidebar .menu ul { margin:0px 0px 15px 0px; padding:0px 0px 0px 5px; font-size:1.1em; border-top:3px solid #999; }
#body .sidebar .menu ul li { list-style:none; }
#body .sidebar .menu .wrap { width:140px; margin:0px 0px 10px 0px; text-align:center; }
#body .sidebar .menu .text { width:134px; border:none; border-bottom:1px dashed #000; margin:0; padding: }
#body .sidebar .menu .button { width:100px; border:1px solid #000; margin:3px 0 3px 0; background:#EEE; }
#body .sidebar .menu .banner { margin-bottom:3px; }


#body .context { width:800px; margin:100px auto 150px auto; }
#body .context .warp_wrap { width:500px; margin:0 auto 0 auto; overflow:visible; }
#body .context .warp_wrap .warp { width:500px; height:; margin:3px 0 3px 0; }
#body .context .warp_wrap .warp img { border:0px; }

#body .context .title { padding:5px; background:#EEE; font-size:1.1em; border:1px solid #999; clear:both; }
#body .context .wrap { width:780px; margin:0px; padding:0px 0px 0px 0px; clear:both; }
#body .context .wrap form { margin:0px; clear:both; }
#body .context .wrap .header { background:#EEE; text-align:center; border:none; clear:both; border-top:3px solid #999; }
#body .context .list .header { background:#EEE; text-align:center; border:none; border-top:3px solid #999; clear:both; }
#body .context .list .text { width:100%; margin:0 0 0px 0; background:#FFF; border:none; padding:0px; }
#body .context .list .thread { width:100%; margin-top:15px; margin:15px auto 0 auto; clear:both; }
#body .context .list .thread td { font-size:1.0em; font-weight:; border:none; border-bottom:1px solid #EEE; }
#body .context .list .thread .header td { background:#EEE; text-align:center; font-size:1.0em; font-weight:; border:none; border-top:3px solid #999; }
#body .context .list .thread .t_title { width:auto; }
#body .context .list .thread .res_cnt { width:35px; text-align:center; }
#body .context .list .thread .date { width:75px; }
#body .context .list .thread .page { font-size:1.2em; text-align:right; border:none; }
#body .context .list .thread .page span { margin-right:5px; }
#body .context .list .list_menu { width:100%; border-top:3px solid #999; }
#body .context .list .list_menu .header { background:#EEE; text-align:center; font-size:1.0em; font-weight:; border:none; border-top:3px solid #999; margin:0px 0px 5px 0px; }
#body .context .list .list_option { width:20%; float:left; }
#body .context .list .list_option .header { background:#EEE; text-align:center; font-size:1.0em; font-weight:; border:none; border-top:3px solid #999; margin:0px 0px 5px 0px; }
#body .context .list .ad_top { width:270px; text-align:center; float:left; padding-top:10px; }
#body .context .list .ad_bottom { width:100%; text-align:center; padding-top:10px; }
#body .context .list .pan_notice { width:100%; text-align:center; padding-top:10px; clear:both;}
#body .context .list .filter { width:100%; clear:both; margin:0; }

#body .context .pan_list { width:100%; margin:0px; padding:0px; clear:both; border-top:3px solid #999; }
#body .context .pan_list ul { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; clear:both; }
#body .context .pan_list ul li { width:70px; float:left; list-style:none; font-size:1.1em; text-align:center; }

#body .regist .input .category { width:550px; }
#body .regist .input .category td { width:auto; }
#body .regist .input .category .upper { font-weight:bold; }

#body .regist { }
#body .regist .title { padding:5px; background:#CCC; font-size:1.2em; border:1px solid #999;  margin:0px auto 5px auto; }
#body .regist .line { }
#body .regist .input { width:570px; margin:10px auto 5px auto; }
#body .regist .input .text { width:500px; border:1px solid #000; margin:5px 0px 5px 0px; }
#body .regist .input .text2 { width:150px; border:1px solid #000; margin:5px 0px 5px 0px; }
#body .regist .input .textarea { width:500px; border:1px solid #000; margin:5px 0px 5px 0px; }
#body .regist .input .checkbox { }
#body .regist .button_wrap  { margin:10px auto 5px auto; text-align:center; }
#body .regist .button_wrap .button { width:120px; border:1px solid #000; margin:5px; background:#EEE; }
#body .regist .input label { width:500px; }
#body .regist .input .name { font-size:1.1em; font-weight:bold; }
#body .regist .input .category { width:100%; }
#body .regist .input .category td { width:auto; }
#body .regist .input .category .upper { background:#CCC; border:1px solid #999; font-weight:100; }

/* FOOT */
#foot .copyright { width:100%; margin:20px 0px 0px 0px; text-align:right; clear:both; font-size:1.0em; }

/* 비밀번호 체크 */
#secret { width:600px; margin:0 auto 0 auto; }
#secret .alert { font-size:1.5em; font-weight:bold; text-align:center; margin:20px auto 20px auto; }
#secret .alert .error { font-size:0.7em; font-weight:normal; color:#F00; }
#secret .submit { width:300px; margin:0 auto 20px auto; text-align:center; }


#body .list .res_wrap { width:750px; margin:0 0 0 0; clear:both; background:#FFF; font-size:1.0em; }
#body .list .res_first { width:100%; margin:0px 15px 0px auto; border:none; background:; clear:both; }
#body .list .res_first .header { background:#EEE; border:none; border-top:3px solid #999; margin:10px 0 10px 0; padding:2px; font-size:1.1em; text-align:left; clear:both; }
#body .list .res_first .no { }
#body .list .res_first .subject {  }
#body .list .res_first .by { font-size:0.9em; }
#body .list .res_first .name { }
#body .list .res_first .date { font-size:0.9em; }
#body .list .res_first .context { width:720px; margin:0px 0px 0px auto; padding:0px 10px 15px 20px; font-size:1.1em; clear:both; }
#body .list .res { width:720px; margin:0px 15px 0px auto; border:none; clear:both; }
#body .list .res .header {  margin:10px 0 10px 0; padding:2px; font-size:1.1em; text-align:left; background:#FFF; border:none; border-bottom:1px solid #999; border-right:1px solid #999; clear:both; }
#body .list .res .no { font-weight:bold; }
#body .list .res .subject {  }
#body .list .res .by { font-size:0.9em; }
#body .list .res .name { }
#body .list .res .date { font-size:0.9em; }
#body .list .res .context { width:700px; height:auto; overflow:visible; overflow-x:hidden; margin:0 0 15px auto; padding:0px 10px 0px 20px; font-size:1.1em; clear:both; white-space:normal; }
#body .list .res .context .img { width:120px; height:120px; margin:0 15px 15px 0; padding:0px 0 0px 0; float:left; }
#body .list .res .context .img img { width:100%; height:100%; border:none; }