@import url(button.css);

.jm_active {background:#007687; padding:2px 5px 1px 5px; color:#ffffff; font-weight:bold;}

.comment {font-size:.8em; color:#EE5A00;}

.board_button {clear:both; margin:10px 0 0 0; padding:0;}
.jm_write_button {cursor: pointer;}

.board_page {clear:both; text-align:center; margin:3px 0 0 0;}
.board_page a:link {color:#777;}

.board_search {clear:both; text-align:center; margin:10px 0 0 0;}
.board_search .stx {height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8;}

.title {position:relative; clear:both; width:100%;}
.title h2 {height:38px; font-size:1.5em; color:#000; vertical-align:top; padding:5px 0 0 15px; margin:0; background:url(../img/bullet_title.gif) 0 3px no-repeat; letter-spacing:-2px; line-height:120%; text-align:left;}
.title h2 span {padding-left:25px; font-size:.8em; color:#777;  background:url(../img/arrow_8x16.gif) 10px 5px no-repeat;}
.title .support  {position:absolute; top:5px; right:0;}
.title .num {font-size:11px; padding:0; background:none; font-weight:bold; color:#ff4b0d; letter-spacing:normal;}


table.basic  {width:100%; text-align:center; border-collapse:collapse; table-layout:fixed;  font-size:1em; border-top:3px solid #007687;}
table.basic caption {display:none;}
table.basic thead {background:url(../img/title_bg.gif)}
table.basic thead th {font-size:1.1em; font-weight:bold; color:#333366; border:1px solid; border-color:#999faf #eceef4; border-top:3px solid #007687; padding:7px 5px 4px 5px;}
table.basic tbody.hover tr:hover {background-color:#f6f6f6;}
table.basic tbody tr.active {font-weight:bold}
table.basic tbody td {_width:100%; border:1px solid; border-color:#c0c4cf #f6f7fa; text-align:center; padding:7px 5px 6px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}

table.basic .left {padding-left:10px; text-align:left;}
table.basic .center {text-align:center;}
table.basic .right {padding-right:10px; text-align:right}

table.basic .gray {color:#aaa;}

/* 酉고럹�댁� */
.info {clear:both; padding:6px 5px; border-top:3px solid #007687; border-bottom:1px solid #dbdbdb; background-color:#fcfcfc; z-index:1;}
.info .right {float:right; margin:0; margin:\-17px 0; display:inline-block;}
.info .count {padding-right:10px; float:left;}
.info .writer {}
.info .date {padding-left:10px;}
.info .good, .info .nogood {float:left;}
.info .nogood {margin-left:8px;}

.link li , .file li {padding:10px 0 0 0; display:inline-block;}
.link ul , .file ul {}
.file li {}
.link li , .file li {padding-left:3px;}
.link li .link, .file li .file {margin:2px 0 0 0;}
.c_gray, a.c_gray {color:#aaa;}
.c_orange, a.c_orange {color:#ff4b0d;}
.f_left {float:left}
.f_right {float:right;}

.nextprev {position:relative; height:50px; padding-top:10px;}
.nextprev .next {float:right}
.nextprev .prev {float:left;}

.contents {font-size:1.1em; line-height:1.75em; padding:30px 0 60px 0}
p.img {text-align:center; padding-top:15px;}

.signature {border:1px solid #dbdbdb; padding:20px; margin:60px 0 0 0; overflow:auto}

#tooltip{position:absolute; border:1px solid #ccc; background:#fff; padding:2px 5px; display:none;}	

.dropdown {position:relative; float:left; margin:0; padding:0 3px 0 0;}
.dropdown a, .dropdown a:visited {text-decoration:none; outline:none;}
.dropdown span a:hover {}
.dropdown span a {background:#fff url(../img/arrow_dd.gif) no-repeat scroll 85px center; display:block; padding-right:20px; border: 1px solid #cecece; width:90px;}
.dropdown span a {display:block; padding:5px;}
.dropdown ul {position:absolute; width:100px; background:#e4dfcb none repeat scroll 0 0; background:#fff; top:22px; left:0px; padding:5px 0px;  border:1px solid #cecece; border-top:1px solid #fff; display:none; z-index:3;}
.dropdown ul {}
.dropdown ul li {padding:0 5px 0 5px;}
.dropdown ul li a {padding:5px 5px 5px 3px; display:inline-block;}
.dropdown ul li:hover {background-color:#f6f6f6;}
.dropdown ul li  span {float:left; margin-left:5px;}

/* �� */
table.write tbody { border-top:3px solid #007687;}
table.write tbody td {text-align:left; padding:5px 5px 4px 5px; box-sizing:border-box;}
table.write tbody .tip {padding-left:25px; margin-left:1px; color:#666;  background:url(../img/btn_tip.gif) 0 3px no-repeat;}
table.write tbody .tip strong {color:#ff4b0d; letter-spacing:.02em}
table.write tbody th {padding:7px 5px 6px 4px; border:1px solid; border-color:#c0c4cf #f6f7fa; font-size:1em; text-align:center; vertical-align:top; white-space:nowrap; text-overflow:ellipsis; background-color:#f2f3f2;}
table.write tbody th.required {}

table.write #wr_subject, table.write #wr_content {width:100%; word-break:break-all;}

table.write #variableFiles td, table{border:0; padding:0;}
table.write input ,table.write textarea ,table.write select {font-size:1.1em; margin:0; padding:0;}
table.write select {height:26px; line-height:24px; vertical-align:middle; padding:3px;}
table.write :focus {}
table.write input:focus{}

/* �섏씠吏� */
.paginate{clear:both; padding:10px 0 5px 0;text-align:center; font-size:1.1em;}
.paginate b{color:red;}
.paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:2px 4px 3px;border:1px solid #fff;color:#000;font-weight:bold;line-height:normal;text-decoration:none}
.paginate strong{border:1px solid #e9e9e9;color:#f23219 !important}
.paginate .pre{margin-right:6px;padding:4px 6px 2px 14px;_padding-bottom:1px;background:url(http://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 5px !important;letter-spacing:-1px}
.paginate .next{margin-left:4px;padding:4px 14px 2px 6px;_padding-bottom:1px;background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 62px 5px !important;letter-spacing:-1px}
.paginate a.pre{background:url(http://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 5px !important}
.paginate a.next{background:url(http://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 65px 5px !important}
.paginate .pre,.paginate .next{display:inline-block;position:relative;top:0;_top:-2px;_width /**/:75px;border:1px solid #e9e9e9;color:#ccc;line-height:normal}
.paginate a.pre,.paginate a.next{color:#565656}
.paginate a:hover{border:1px solid #e9e9e9;background-color:#f7f7f7 !important}

.board_search {}
.board_search select {height:22px;}
.board_search .input {width:150px; height:25px; padding-right:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px;}
.board_search .btn {margin:3px 0 0 -22px; \margin-top:4px; vertical-align:top;}