@charset "utf-8";

/*
* 작성자 : 마용민(milgam12@inplusweb.com)
* 작성일 : 2013년 4월 4일
*/

@import url("../../../css/default.css");
@import url("../../../css/common.css");

/* common */
#board_wrap { margin:0; padding:0; color:#6a6a6a; }

/* board list */
#board_wrap div.list_top { height:22px; margin:5px 0; line-height:22px; }
#board_wrap div.list_top div.bbs_info { float:left; width:75%; height:16px; padding:3px 0; text-align:left; color:#ccc; }
#board_wrap div.list_top div.category_info { float:right; width:20%; text-align:right; }

/* bbs info */
#board_wrap div.list_top div.bbs_info p { float:left; }
#board_wrap div.list_top div.bbs_info span, #board_wrap div.list_top div.bbs_info strong, #board_wrap div.list_top div.bbs_info a { color:#606060; }
#board_wrap div.list_top div.bbs_info ul { float:left; }
#board_wrap div.list_top div.bbs_info ul li { float:left; margin-left:7px; padding-left:7px; background:url("./img/line_li.gif") 0 50% no-repeat; }
#board_wrap div.list_top div.bbs_info a, #board_wrap div.list_top div.bbs_info strong { font-weight:bold; }
#board_wrap div.list_top div.bbs_info img { margin-bottom:2px; *margin-bottom:0; }

/* category */
#board_wrap div.list_top div.category form { }

/* list table */
#board_wrap table.list_table { width:100%; font-size:1.083em; border-collapse:collapse; border-spacing:0; border:0; border-top:2px solid #5b5b5b; table-layout:fixed; }
#board_wrap table.list_table tr th, #board_wrap table.list_table tr td { padding:0; border:0; text-align:center; height:60px; line-height:22px; }
#board_wrap table.list_table tr th { background:url("./img/bg_th_list.gif") 0 100% repeat-x #fff; color:#000;  }
#board_wrap table.list_table tr th a { color:#333; }
#board_wrap table.list_table tr td a { color:#6a6a6a; }
#board_wrap table.list_table tr td { border-bottom:1px solid #cdcdcd; background-color:#fff;  }
#board_wrap table.list_table tr td.td_num { color:#737373; }
#board_wrap table.list_table tr td.td_num strong { color:#333; }
#board_wrap table.list_table tr td.td_subject { text-align:left; }
#board_wrap table.list_table tr td.td_subject a { color:#3c3c3c; }
#board_wrap table.list_table tr td.td_subject a.ca_link { color:#5b747e; font-weight:bold; }
#board_wrap table.list_table tr td.td_subject img { margin:-3px 3px 0 0; }
#board_wrap table.list_table tr td.td_name { font-weight:bold; }
#board_wrap table.list_table tr td.td_date { color:#737373; }
#board_wrap table.list_table tr td.td_hit { color:#5b747e; }
#board_wrap table.list_table tr td.td_good { color:#fb4d00; }
#board_wrap table.list_table tr td.td_nogood { color:#3a5382; }
#board_wrap table.list_table tr td.td_reserve { color:#3E7341; }
#board_wrap table.list_table tr td.td_division { }

#board_wrap table.list_table span.noimage {display:inline-block; line-height:10em; vertical-align:middle; text-align:center; background:url("./img/bg_thumbnail.jpg") 0 0 no-repeat #f7f7f7; color:#333; text-indent:-5000px;  }

/* button box */
#board_wrap div.button_box { height:34px; margin:10px 0; }
#board_wrap div.button_box div.left { float:left; width:49%; height:34px; text-align:left; }
#board_wrap div.button_box div.right { float:right; width:49%; 34px; text-align:right; }

#board_wrap div.button_box div.left ul {}
#board_wrap div.button_box div.left ul li { float:left; margin-right:4px; *margin-right:2px; }
#board_wrap div.button_box div.right ul {}
#board_wrap div.button_box div.right ul li { float:right; margin-left:4px; *margin-left:2px;}

#board_wrap div.button_box ul.button input, #board_wrap div.button_box ul.button button, #board_wrap div.button_box ul.button a { margin:0; padding:0; border:0; cursor:pointer; }
#board_wrap div.button_box ul.button a {  }
#board_wrap div.button_box ul.button input.cancel { display:inline-block; width:88px; height:34px; text-indent:-999px; *text-indent:0; font-size:0; background:url("./img/btn_reserve_cancel.gif") 0 0 no-repeat; }
#board_wrap div.button_box ul.button input.ready { display:inline-block; width:88px; height:34px; text-indent:-999px; *text-indent:0;  font-size:0; background:url("./img/btn_reserve_wait.gif") 0 0 no-repeat; }
#board_wrap div.button_box ul.button input.finish { display:inline-block; width:88px; height:34px; text-indent:-999px; *text-indent:0; font-size:0; background:url("./img/btn_reserve_complete.gif") 0 0 no-repeat; }

#board_wrap div.border_down { padding-bottom:5px; border-bottom:1px solid #e2e2e2; }

#board_wrap div.board_list div.button_box ul.button input, #board_wrap div.button_box ul.button button { *line-height:16px; }

/* pagination */
#board_wrap div.pg_wrap { position:relative; width:100%; height:12px; margin:5px 0; text-align:center; }
#board_wrap div.pg_wrap ul { position:relative; left:-50%; float:right; }
#board_wrap div.pg_wrap ul li { position:relative; float:left; left:50%; height:12px; padding:0 10px; background:url("./img/line_pagination.gif") 0 50% no-repeat; line-height:12px; vertical-align:middle; }
#board_wrap div.pg_wrap ul li:first-child { background:none; }
#board_wrap div.pg_wrap ul li img { vertical-align:top; margin:2px 0 3px 0;}

/* search box */
#board_wrap div.search_box { height:22px; margin:15px 0; text-align:center; }
#board_wrap input.frm_input {}
#board_wrap strong.sch_word { background-color:yellow; color:red; }

/* no_button box */
#board_wrap div.button_box ul.no_button { height:22px; }
#board_wrap div.button_box ul.no_button li { padding-right:4px; background:url("./img/line_li.gif") 100% 50% no-repeat; }
#board_wrap div.button_box ul.no_button li:first-child {  }
#board_wrap div.button_box ul.no_button li a { display:inline-block; height:16px; line-height:16px; font-weight:bold; color:#333;  }
#board_wrap div.button_box ul.no_button li img { margin-bottom:2px; margin-right:1px; *margin-bottom:0; }

/* view top */
#board_wrap div.view_top {}
#board_wrap div.view_top div.subject { height:57px; padding-left:29px; border-top:2px solid #5b5b5b; border-bottom:1px solid #e2e2e2; font-size:1.25em; line-height:57px; }
#board_wrap div.view_top div.subject strong { color:#333; }
#board_wrap div.view_top div.subject strong.category { color:#5b747e; }

#board_wrap div.view_top div.bbs_info { position:relative; height:52px; margin:10px 5px 0 5px;  background:url("./img/bg_th_list.gif") 0 100% repeat-x #fff;  line-height:48px; }
#board_wrap div.view_top div.bbs_info div.writer { float:left; width:45%; padding-left:29px; text-align:left; }
#board_wrap div.view_top div.bbs_info div.hit_info { float:right; width:45%; padding-right:29px; text-align:right; }

#board_wrap div.view_top div.bbs_info strong { font-weight:normal; }
#board_wrap div.view_top div.bbs_info a { color:#5b747e; }

#board_wrap div.view_top div.bbs_info div.hit_info ul {}
#board_wrap div.view_top div.bbs_info div.hit_info ul li { float:right; margin-right:7px; padding-right:7px; background:url("./img/line_li.gif") 100% 50% no-repeat;}
#board_wrap div.view_top div.bbs_info div.hit_info ul li:first-child { margin-right:0; padding-right:0; background:none; }

/* link box */
#board_wrap div.link_box { padding:5px; background-color:#444; }
#board_wrap div.link_box ul {}
#board_wrap div.link_box ul li { height:20px; padding-left:10px; line-height:20px; background:url("./img/bu_li.gif") 3px 50% no-repeat; }
#board_wrap div.link_box ul li a, #board_wrap div.link_box ul li span { color:#fff; font-size:0.9em;}
#board_wrap div.link_box ul li a { margin:0 10px; padding-left:20px; background:url("./img/ico_link.png") 0 50% no-repeat;; }

/* img area */
#board_wrap div.board_content { padding:15px 5px 5px 5px; }
#board_wrap div.img_area { width:100%; margin:0 0 10px; overflow:hidden; zoom:1; }
#board_wrap div.img_area:after {display:block;visibility:hidden;clear:both;content:""}
#board_wrap div.img_area img {margin-bottom:20px; max-width:100%; height:auto; }

/* etc_box */
#board_wrap div.etc_box { margin:15px 0; }
#board_wrap div.etc_box h4 { color:#444; }
#board_wrap div.etc_box ul {}
#board_wrap div.etc_box ul li { height:20px; padding-left:10px; line-height:20px; background:url("./img/bu_li.gif") 3px 50% no-repeat; color:#606060; }

/* article area */
#board_wrap div.article_area { min-height:200px; margin-bottom:30px; padding:40px 30px; line-height:1.7em; word-break:break-all; overflow:hidden; }
#board_wrap div.article_area a {color:#000; text-decoration:underline; }
#board_wrap div.article_area img { max-width:100%; height:auto; }

/* signature area */
#board_wrap div.signature_area { margin:15px 0; padding:5px; }

/* good area */
#board_wrap div.good_area { margin:5px 0 30px 0; text-align:center; }
#board_wrap div.good_area a { display:inline-block; position:relative; width:100px; height:20px; padding:23px 0 5px 0; text-align:center; font-size:1.1em; font-weight:bold; color:#fff; text-decoration:none; }
#board_wrap div.good_area strong { display:block; position:absolute; top:6px; left:0; width:100px; text-align:center; }
#board_wrap div.good_area a.good { border:1px solid #980c10; background:url("./img/bg_gradation.gif") 0 -201px repeat-x #ea1b23; }
#board_wrap div.good_area a.good img { margin-top:-3px; }
#board_wrap div.good_area a.nogood { border:1px solid #0076a3; background:url("./img/bg_gradation.gif") 0 -251px repeat-x #00abeb; margin-left:10px;  }
#board_wrap div.good_area a.nogood img { margin-top:-3px; }

/* file area */
#board_wrap div.file_area { margin-bottom:5px; padding:10px; border:1px solid #d9d9d9; background-color:#fafafa;}
#board_wrap div.file_area p { padding-left:5px; background:url("./img/bu_li.gif") 0 7px no-repeat; }
#board_wrap div.file_area ul {}
#board_wrap div.file_area ul li { margin-left:5px; padding:0; }
#board_wrap div.file_area ul li a { color:#3361b7; }
#board_wrap div.file_area ul li a img { margin-top:-2px; *margin-top:0; }
#board_wrap div.file_area ul li span { }
#board_wrap div.file_area ul li span.download { color:#e11e00; }
#board_wrap div.file_area ul li span.date { color:#707070; }

/* comment */
#board_wrap div.comment_wrap { height:auto; margin:30px 0 15px 0; }
#board_wrap div.comment_msg { height:28px; line-height:28px; font-size:0.95em; border-bottom:1px solid #a9a9a9; }
#board_wrap div.comment_msg img { margin-bottom:4px; }
#board_wrap div.comment_msg strong { color:#333; font-size:1.1em; }

/* comment list */
#board_wrap div.comment_wrap div.comment_box { padding:10px 5px; border-bottom:1px solid #e0e0e0; }
#board_wrap div.comment_top { height:18px; line-height:18px; }
#board_wrap div.comment_top div.comment_info { float:left; width:49%; text-align:left; }
#board_wrap div.comment_top div.comment_button { float:right; width:49%; text-align:right; }

#board_wrap div.comment_top div.comment_info strong { }
#board_wrap div.comment_top div.comment_info a.sv_member { height:12px; margin-right:5px; padding-right:10px; background:url("./img/line_li.gif") 100% 1px no-repeat; color:#333; }
#board_wrap div.comment_top div.comment_info span { }

#board_wrap div.comment_top div.comment_button ul {}
#board_wrap div.comment_top div.comment_button ul li { display:inline; }
#board_wrap div.comment_top div.comment_button ul li:first-child { background:none; }

#board_wrap div.comment_content { min-height:50px; text-align:left; }
#board_wrap div.comment_content p { padding:5px; }

/* comment write */
#board_wrap div.comment_write { position:relative; margin:15px 0; padding:15px; background:#f7f7f7; }
#board_wrap div.comment_write div.write_area { margin-right:112px; padding-right:20px; }
#board_wrap div.comment_write div.write_area textarea { width:100%; height:95px; padding:3px; border:1px solid #e9e9e9; background-color:#fff; color:#333; line-height:12px; border-radius:0; }
#board_wrap div.comment_write div.char_state { margin:5px 0px -5px; line-height:12px; }

#board_wrap div.comment_write div.button_area { position:absolute; top:15px; right:15px; width:112px; height:105px; }
#board_wrap div.comment_write div.comment_option { clear:both; margin-top:5px; }

/* privacy */
#board_wrap div.privacy { margin-bottom:77px; padding:30px; background-color:#f9f9f9; }
#board_wrap div.privacy div.textarea { width:643px; height:138px; margin-bottom:20px; padding:5px; font-size:1.083em; line-height:22px; background:#fff; border:1px solid #dedede; overflow:scroll; }
#board_wrap div.privacy div.textarea div.privacy_wrap h4 { margin-bottom:10px; }
#board_wrap div.privacy div.textarea div.privacy_wrap p { margin-bottom:30px; }
#board_wrap div.privacy label { font-size:1.083em; color:#555; }

/* write table */
#board_wrap div.writearea { font-size:1.083em; }
#board_wrap div.writearea h5 { font-size:1.167em; font-weight:400; color:#3c3c3c; margin-bottom:17px; }
#board_wrap div.writearea div.calendar { float:left; width:220px; height:268px; padding:30px; border-top:2px solid #5b5b5b; background-color:#f9f9f9; }
#board_wrap div.writearea div.calendar div.comment { margin-top:15px; }
#board_wrap div.writearea div.calendar div.comment dl { }
#board_wrap div.writearea div.calendar div.comment dl dt, #board_wrap div.writearea div.calendar div.comment dl dd { margin-bottom:5px; }
#board_wrap div.writearea div.calendar div.comment dl dt { float:left; width:15px; height:15px; margin-right:7px; text-indent:-3000px; }
#board_wrap div.writearea div.calendar div.comment dl dt.today { background-color:#f8a335; }
#board_wrap div.writearea div.calendar div.comment dl dt.default { width:13px; height:13px; border:1px solid #dedede; background-color:#fff; }
#board_wrap div.writearea div.calendar div.comment dl dt.disabled { background-color:#dedede; }

#board_wrap div.writearea div.calendar div.comment dl dd { height:15px; line-height:15px; color:#959595; }
#board_wrap div.writearea div.calendar div.comment dl dd.default { float:left; margin-right:10px; }

#board_wrap div.writearea div.write { }
#board_wrap table.write_table { width:100%; border-top:2px solid #5b5b5b!important; background-color:#fff; }
#board_wrap table.write_table tr th, #board_wrap table.write_table tr td { border-bottom:1px solid #e9e9e9; text-align:left; font-size:1.15; height:36px; line-height:36px; }
#board_wrap table.write_table tr th { padding:7px 0 7px 30px; font-weight:400; color:#3c3c3c; }
#board_wrap table.write_table tr td { padding:7px 0; color:#666}
#board_wrap table.write_table tr th.required { background:url("./img/ico_required.png") 15px 50% no-repeat #fff; }
#board_wrap table.write_table tr td.wr_content { height:363px; }
#board_wrap table.write_table tr td.wr_content textarea { width:100%; height:300px; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; }
#board_wrap table.write_table tr td.file { }
#board_wrap table.write_table tr td.file input[type=text] { margin-top:5px; }
#board_wrap table.write_table tr td label { margin-right:10px; }
#board_wrap table.write_table button.btn_cke_sc {  }
#board_wrap table.write_table tr td span#reserve_state { margin-left:10px; display:inline-block; color:#0000ff; }

#board_wrap div.writearea div.write textarea { padding:5px; background-color:#fff; border:1px solid #e2e2e2; }

#board_wrap table.write_table tr td button.ui-datepicker-trigger { margin-left:5px; }

#board_wrap div.privacy_comment { font-size:1.083em; line-height:22px; margin:20px 0; padding:15px; color:#505050; border:1px solid #e9e9e9; background-color:#fff; }
#board_wrap div.privacy_comment h2 {}
#board_wrap div.privacy_comment p { color:#696969; }



/* btn confirm */
#board_wrap div.btn_confirm { margin:30px 0; text-align:center; }
#board_wrap div.btn_confirm p { padding:10px 0; }
#board_wrap div.btn_confirm a { margin-left:5px; }

/* input */
#board_wrap input.frm_input { width:200px; height:24px; margin:0; padding:4px 8px; border:1px solid #eee; background-color:#fff; color:#606060; line-height:24px; border-radius:0; font-size:1em; }
#board_wrap input.frm_input:hover { border:1px solid #3e7341; }
#board_wrap input.frm_input:focus { border:1px solid #3e7341; }
#board_wrap input.frm_input:active { border:1px solid #3e7341; }
#board_wrap input[type=file]{ width:300px; height:32px; padding:0 14px; line-height:31px;  border:1px solid #eee; color:#6060605; font-family:"돋움", dotum, Helvetica, sans-serif; }
#board_wrap input.required { background:url("./img/bg_required.gif") 100% 0 no-repeat #fff; }
#board_wrap select { height:34px; font-size:12px; padding:1px; vertical-align:middle; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; }
#board_wrap select.hp, #board_wrap select.time { width:70px; }
#board_wrap select.type { width:180px; }

#board_wrap input.search { height:24px; margin:0; padding:4px 8px; border:1px solid #cdcdcd; background-color:#fff; color:#606060; line-height:24px; border-radius:0; font-size:1.25em; }
#board_wrap input.search:hover { border:1px solid #3e7341; }
#board_wrap input.search:focus { border:1px solid #3e7341; }
#board_wrap input.search:active { border:1px solid #3e7341; }
#board_wrap input.hp, #board_wrap input.email_id, #board_wrap input.email_domain { height:24px; margin:0; padding:4px 8px; border:1px solid #eee; background-color:#fff; color:#606060; line-height:24px; border-radius:0; font-size:1em; }
#board_wrap input.hp:hover { border:1px solid #3e7341; }
#board_wrap input.hp:focus { border:1px solid #3e7341; }
#board_wrap input.hp:active { border:1px solid #3e7341; }
#board_wrap input.email_id, #board_wrap input.email_domain, #board_wrap input.input_date { height:24px; margin:0; padding:4px 8px; border:1px solid #eee; background-color:#fff; color:#606060; line-height:24px; border-radius:0; font-size:1em; }
#board_wrap input.readOnly { background-color:#d9d9d9; }


#board_wrap table.write_table input.frm_input { width:200px; }
#board_wrap table.write_table input.captcha_box { width:100px; }


/* loding */
#loading { position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%;  background-color:#000; filter:alpha(opacity=50); -khtml-opacity:0.5; -moz-opacity:0.5; opacity:0.5; }
#loading img { position:absolute; z-index:9999; top:50%; left:50%; width:48px; height:48px; margin:-24px 0 0 -24px; }