@charset "utf-8";

/************************************************************************
 * ÆÄÀÏ¸í      : board.css
 * ¼³¸í         : °Ô½ÃÆÇ
 * ÀÛ¼ºÀÚ      : (ÁÖ)½º¸¶ÀÏÀ¥ µðÀÚÀÎÆÀ
 * ÀÛ¼ºÀÏ      : 2009.05.22
 * ÃÖÁ¾¼öÁ¤ÀÏ  : 2010.01.15
 * Copyright (c) 2009 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************/

@import "base.css";
@import "table.css";
@import "layout.css";

.lay300 {margin-left:auto; margin-right:auto; width:300px;}

/* board */
.board_list {position:relative; text-align:left; padding-left:0px; border-top:1px solid #E8E8E8; overflow-y:hidden;}
.board_list thead tr th {background:#F6F6F6; font-size:11px; clear:both; height:auto !important; text-align:center; border-bottom:1px solid #E8E8E8; font-weight:bold; padding:6px 0;}
.board_list tbody tr td {clear:both; height:auto !important; height:18px; min-height:18px; text-align:center; font-size:0.9em; padding:5px 0; border-bottom:1px solid #ddd;}
.board_list .gap {color:#D4D4D4; font-weight:normal; font-size:10px;}
.board_list .ta_l {text-align:left;}
.board_list tr.gray {background:#F9F9F9;}

.board_list2 {position:relative; text-align:left; padding-left:0px; border-top:1px solid #E8E8E8; overflow-y:hidden;}
.board_list2 thead tr th {background:#F6F6F6; font-size:11px; clear:both; height:auto !important; text-align:center; border-bottom:1px solid #E8E8E8; font-weight:bold; padding:6px 0;}
.board_list2 tbody tr td {clear:both; height:auto !important; height:18px; min-height:18px; text-align:center; font-size:0.9em; padding:5px 0;}
.board_list2 .gap {color:#D4D4D4; font-weight:normal; font-size:10px;}
.board_list2 .ta_l {text-align:left;}
.board_list2 tr.gray {background: #F9F9F9;}
.board_list2 tbody tr td.b_line {border-bottom:1px solid #ddd;}

.board_list3 {position:relative; text-align:left; padding-left:0px; border-top:1px solid #E8E8E8; overflow-y:hidden;}
.board_list3 thead tr th {background:#F6F6F6; font-size:11px; clear:both; height:auto !important; text-align:center; border-bottom:1px solid #E8E8E8; font-weight:bold; padding:6px 0;}
.board_list3 tbody tr td {clear:both; height:auto !important; height:18px; min-height:18px; text-align:center; font-size:0.9em; padding:5px 0;}
.board_list3 .gap {color:#D4D4D4; font-weight:normal; font-size:10px;}
.board_list3 .ta_l {text-align:left;}
.board_list3 tr.gray {background:#F9F9F9;}
.board_list3 tr.gray2 {background:#ddd;}
.board_list3 tbody tr td.b_line{border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.board_list3 tbody tr td.h_1 {height:1px;}

.nolist {text-align:center; padding-top:8px; height:35px; font-weight:bold; border-bottom:1px solid #ddd;}

.board_search {clear:both; text-align:center; height:45px; width:428px; margin-top:5px; padding-top:15px; margin-left:auto; margin-right:auto;}
.board_search ul {background:url('/images/board/bg_search.gif') no-repeat 0 0; width:428px; height:30px; padding-top:8px;}
.board_search li {display:inline;}
.board_search2 ul {background:url('/images/board/bg_search2.gif') no-repeat 0 0; width:500px; height:30px; padding-top:8px;}

.list_page_l {float:left; width:180px; display:inline;}
.list_paging {float:left; width:335px; text-align:center;}
.list_page_r {float:right; width:180px; text-align:right; font-size:11px; }

.board_btn_l {float:left; width:300px; display:inline; height:30px;}
.board_btn_r {float:right; width:300px; text-align:right; font-size:11px; height:30px;}
.board_write table {table-layout:fixed; border:0; border-top:2px #e6e6e6 solid; word-wrap:break-word;}
.board_write table tr th {text-align:center; font-size:11px; border-bottom:1px #e6e6e6 solid; padding:7px; margin:0; background: #f5f5f5;  font-weight:bold;}
.board_write table tr td {font-size:11px; text-align:left; border-bottom:1px #e6e6e6 solid; padding:7px;}
.board_write table tr td textarea {font-family:Dotum, Gulim; border:1px solid #ccc; padding:5px; font-size:1em; color:#777; line-height:130%; width:98%; height:220px;}

.board_read {line-height:1.3; clear:both; overflow:hidden; overflow-y:auto; height:280px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:2em; padding:10px 0; vertical-align:top;}

.read_reply {position:relative; border:1px solid #efefef; background:#f7f7f7; padding:10px; overflow:auto; overflow-y:hidden;}
.read_reply textarea.reply_textarea {border:1px solid #DEDEDE; padding:5px; font-size:1em; color:#888; width:89%; height:36px; overflow-x:hidden; overflow-y:auto;}
.read_reply ul li {width:98%; position:relative; padding:0 5px;}
.read_reply ul li span {position:absolute; right:0px;}
.read_reply .byte {position:relative; right:60px; float:right; display:inline; letter-spacing:0;}
.read_reply h2.reply {font-weight:bold; font-size:11px; background:url('/images/common/icon/bu_square_blue.gif') no-repeat 5px 30%; padding-left:15px;}

.read_reply_list table {table-layout:fixed; border:0; border-top:2px #e6e6e6 solid; word-wrap:break-word;}
.read_reply_list table tr th {font-size:11px; text-align:center; border-bottom:1px #e6e6e6 solid; padding:7px; margin:0; background: #f5f5f5; font-weight:bold;}
.read_reply_list table tr td {font-size:11px; text-align:center; border-bottom:1px #e6e6e6 solid; padding:7px;}
.read_reply_list .gray {background: #f5f5f5; padding:3px;} 
.read_reply_list .white {border-top:1px #e6e6e6 solid; border-bottom:1px #e6e6e6 solid; padding:3px;}
.read_reply_list tbody tr td.ta_l {text-align:left;}

.pd_a80 {padding:80px;}
.line_gray_a {border:1px #e6e6e6 solid;}
.board_line2 {position:relative; border:3px solid #eee; padding:10px 0; overflow-y:hidden; vertical-align: top;}

/* phto list */
.photo2 {position:relative; float:left;  margin-top:15px; width:162px; background:url('/images/community/photo_list_bg.gif') no-repeat 0 0; padding:5px 0 0 5px;}