@charset "utf-8";

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

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

#left div.lnb ul li a{font-size:1.05em;}
#gnb ul li ul li a{font-size:1.05em;}

/* 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%; border-collapse:collapse; border-spacing:0; border:0; border-top:1px solid #aaa; table-layout:fixed; }
#board_wrap table.list_table tr th, #board_wrap table.list_table tr td { height:30px; padding:0; border:0; border-bottom:1px solid #cdcdcd; text-align:center; font-size:0.95em; line-height:30px; }
#board_wrap table.list_table tr th { background:url("./img/bg_list_th.gif") 0 0 repeat-x #f1f1f2; color:#333; }
#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 {  }
#board_wrap table.list_table tr td.td_num { font-size:0.95em; 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:#333; font-size:1.05em !important;}
#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 { }
#board_wrap table.list_table tr td.td_date { font-size:1.05em; color:#737373; }
#board_wrap table.list_table tr td.td_hit {font-size:1.05em; color:#5b747e; }
#board_wrap table.list_table tr td.td_good { font-size:1.05em; color:#fb4d00; }
#board_wrap table.list_table tr td.td_nogood { font-size:1.05em; color:#3a5382; }

/* button box */
#board_wrap div.button_box { height:22px; margin:5px 0; }
#board_wrap div.button_box div.left { float:left; width:49%; height:22px; text-align:left; }
#board_wrap div.button_box div.right { float:right; width:49%; 22px; 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 { display:inline-block; min-width:40px; margin:0; padding:0 5px; 
	border:1px solid #aaa; background:url("./img/bg_gradation.gif") 0 -101px repeat-x #f1f1f2; color:#333; text-decoration:none; text-align:center; line-height:22px;
	vertical-align:middle; font-size:0.95em; font-weight:bold; cursor:pointer; }
#board_wrap div.button_box ul.button input, #board_wrap div.button_box ul.button button { height:22px; *line-height:20px; *min-width:60px; }
#board_wrap div.button_box ul.button a { height:20px; }
#board_wrap div.button_box ul.button img { width:10px; margin:0 3px 2px 0; }
#board_wrap div.border_down { padding-bottom:5px; border-bottom:2px solid #5f5f5f; }

#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; padding-top:6px; 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 { height:45px; padding:10px; background-color:#fafafa; border:1px solid #d9d9d9; }
#board_wrap div.view_top div.subject { font-size:1.25em; }
#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 { margin:10px 5px 0 5px; }
#board_wrap div.view_top div.bbs_info div.writer { float:left; width:45%; text-align:left; }
#board_wrap div.view_top div.bbs_info div.hit_info { float:right; width:45%; 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.95em;}
#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; font-size:0.95em; }

/* article area */
#board_wrap div.article_area { width:100%; min-height:200px; margin-bottom: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 { font-size:0.95em; }
#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: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 { font-size:0.95em; }

#board_wrap div.comment_top div.comment_button ul {}
#board_wrap div.comment_top div.comment_button ul li { display:inline; padding-left:5px; background:url("./img/line_li.gif") 0 0 no-repeat; font-size:0.95em; }
#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:#fafafa; border:1px solid #ddd; }
#board_wrap div.comment_write div.write_area { margin-right:100px; padding-right:20px; }
#board_wrap div.comment_write div.write_area textarea { width:100%; height:100px; padding:3px; border:1px solid #aaa; background-color:#fff; color:#333; line-height:12px; border-radius:0; }
#board_wrap div.comment_write div.char_state { margin:5px 0px -5px; font-size:0.95em; line-height:12px; }

#board_wrap div.comment_write div.button_area { position:absolute; top:15px; right:15px; width:100px; height:105px; }
#board_wrap div.comment_write div.button_area ul {}
#board_wrap div.comment_write div.button_area ul li { margin-bottom:5px; }
#board_wrap div.comment_write div.button_area input.button { display:block; width:100px; height:40px; background:url("./img/bg_gradation.gif") 0 -101px repeat-x; border:1px solid #aaa; color:#333; cursor:pointer; }
#board_wrap div.comment_write div.button_area #wr_secret { margin:0; padding:0; }

/* write table */
#board_wrap table.write_table { width:100%; border-top:1px solid #aaa!important; }
#board_wrap table.write_table tr th, #board_wrap table.write_table tr td { border-bottom:1px solid #e9e9e9; text-align:left; font-size:0.95em; vertical-align:middle; }
#board_wrap table.write_table tr th { padding:7px 0 7px 30px; background-color:#f7f7f7; color:#444; }
#board_wrap table.write_table tr td { padding:7px 0 7px 15px; color:#666}
#board_wrap table.write_table tr th.required { background:url("./img/ico_required.png") 15px 50% no-repeat #f7f7f7; }
#board_wrap table.write_table tr td.wr_content { height:333px; }
#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 div.privacy_comment { margin:30px 0; padding:15px; border:1px solid #e9e9e9; background-color:#fff; font-size:0.95em; }
#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 { display:inline-block; width:70px; height:30px; margin:0; padding:0 ; 
	border:1px solid #aaa; background:url("./img/bg_gradation.gif") 0 -101px repeat-x #f1f1f2; color:#333; text-decoration:none; text-align:center; line-height:30px;
	vertical-align:middle; font-size:12px; font-weight:bold; cursor:pointer; }
#board_wrap div.btn_confirm a img { margin-bottom:1px; *margin-bottom:0; }

/* input */
#board_wrap input.frm_input { height:12px; margin:0; padding:3px; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; line-height:12px; border-radius:0; }
#board_wrap input[type=file]{ height:20px; min-width:300px; margin-right:5px; padding:1px; border:1px solid #b8c9c2; background-color:#f7f7f7; line-height:18px; border-radius:0; vertical-align:middle; }
#board_wrap input.required { background:url("./img/bg_required.gif") 100% 0 no-repeat #f7f7f7; }
#board_wrap select { height:20px; font-size:12px; padding:1px; vertical-align:middle; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; }

#board_wrap input.search { height:12px; margin:0; padding:4px; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; line-height:12px; border-radius:0; }
#board_wrap input.hp, #board_wrap input.email_id, #board_wrap input.email_domain { height:12px; margin:0; padding:3px; border:1px solid #b8c9c2; background-color:#f0f0f0; color:#333; line-height:12px; border-radius:0; }
#board_wrap input.email_id, #board_wrap input.email_domain, #board_wrap input.input_date { height:12px; margin:0; padding:3px; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; line-height:12px; border-radius:0; }
#board_wrap input.readOnly { background-color:#d9d9d9; }

/* 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; }

/* auth */
#write_auth { font-size:0.95em; color:#000; }
#write_auth div.auth_box { padding:30px 60px; background-color:#f3f3f3; }
#write_auth div.auth_box p { margin:20px 0; }
#write_auth div.auth_box p.alert { padding:12px 0 12px 49px; background:url("./img/bg_alert.gif") 0 50% no-repeat; font-weight:bold; letter-spacing:-1px; }
#write_auth div.auth_box p strong { color:#be2225; }

#write_auth div.auth_box dl { }
#write_auth div.auth_box dl dt { font-weight:bold; }
#write_auth div.auth_box dl dd {}

#write_auth div.agree { margin:35px 0; text-align:center; }
#write_auth div.agree label { font-weight:bold; }
#write_auth div.agree #auth2 { margin-left:15px; }

#write_auth div.auth_box2 { padding:30px; background-color:#f9f9f9; }
#write_auth div.auth_box2 table { border-collapse:collapse; table-layout:fixed; border-top:1px solid #aaa; border-bottom:1px solid #eaeaea; }
#write_auth div.auth_box2 table tr th, #write_auth div.auth_box2 table tr td { padding:7px 0; background-color:#fff; vertical-align:middle; }
#write_auth div.auth_box2 table tr.tr_top td { padding-top:15px; }
#write_auth div.auth_box2 table tr.tr_bottom td { padding-bottom:15px; }
#write_auth div.auth_box2 table tr th { font-size:1.1em; font-weight:bold; color:#c31f26; text-align:center; border-right:1px solid #eaeaea; }
#write_auth div.auth_box2 table tr td { text-align:left; }
#write_auth div.auth_box2 table tr td.sub_th { padding-left:30px; color:#000; font-weight:bold; }
#write_auth div.auth_box2 table tr td span.comment { margin-left:10px; color:#0054a5; }

#write_auth div.button { margin:30px 0; text-align:center; }
#write_auth #nam_time { color:#bf2024; }

#write_auth input.input_text { height:20px; line-height:20px; padding:0 5px; background-color:#fff; border:1px solid #eaeaea; }
#write_auth select { padding:3px; border:1px solid #eaeaea; font-size:13px; }
#write_auth button { margin:0; padding:0; background:none; border:0; }