@import url(button.css);

@font-face { font-family:맑은 고딕; src:url(eot/eot_MalgunGothic.eot); }
@font-face { font-family:나눔고딕; src:url(eot/eot_NanumGothic.eot)};
@font-face { font-family:Hangang; src:url(eot/eot_Hangang.eot); }

html, body, form { border:0; margin:0; padding:0;  font:12px 맑은 고딕,Gulim,AppleGothic,Sans-serif; color:#303030; }
img { border:0; }
ul { margin:0; padding:0;}
li { list-style:none}

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

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

.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.85em; color:#007687; vertical-align:top; padding:0 0 0 15px; margin:0; background:url(../img/bullet_title.gif) 0 3px no-repeat; letter-spacing:-2px; line-height:120%;}
.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;}


.gallery_basic { position:relative; padding:20px 0 20px 0; display:inline-block; *display:inline; zoom:1; border-top:3px solid #007687; border-bottom:1px solid #eceef4;}
.gallery_basic li { position:relative; float:left; width:170px; height:190px; text-align:center; overflow:hidden;}
.gallery_basic li .thumb { border:3px solid #CCC; border-radius:10px;}
.gallery_basic li .thumb:hover { border:3px solid #007687;}

.gallery_basic li p { width:170px; margin:4px 0 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.gallery_basic li p a { vertical-align:top;}
.gallery_basic li input { }
.gallery_basic li .c_gray { margin-top:-2px; }
.gallery_basic a.title { clear:both;}

/* 뷰페이지 */
.info { clear:both; width:100%; display:inline-block; 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; display:inline-block;}
.info .count { padding-right:10px; float:left;}
.info .writer {}
.info .date { padding-left:10px;}
.info .good, .info .nogood { display:inline-block; float:left;}
.info .good .icon, .info .nogood .icon { margin-top:-1px;}
.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:80px; padding-top:10px;}
.nextprev a.next { position:absolute; left:0;}
.nextprev a.prev { position:absolute; right:0; }

.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;}

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

/* 페이지 */
.paginate{ clear:both; padding:10px 0 5px 0;text-align:center; font-size:1.1em; }
.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:100px; height:16px; padding-right:20px;}
.board_search .btn { margin:3px 0 0 -22px; \margin-top:4px; vertical-align:top;}