@charset "utf-8";

/* 게시판의 리스트 스킨 정의 */
img {border:none;}
#board_list { position:relative; width:100%; }
#board_write { position:relative; width:100%; margin-bottom:20px;}
#board_view { position:relative; width:100%; }
caption { width:1px; height:1px; font-size:0; overflow:hidden; visibility:hidden;}
input[type=checkbox] {padding:0; margin:0; vertical-align:bottom;}


/* Common : Status-bar (total)*/

div.board_status  {overflow:hidden; line-height:18px; padding:8px 0; border-bottom:2px solid #f2a230;  margin-bottom:10px; }
div.board_status span {color:#888; }
div.board_status div.fl {float:left;}
div.board_status div.fr {float:right; color:#888; }

/* 공통 : 버튼 정의 */
div.btn_area { overflow:hidden; margin-top:20px; text-align:right;}
div.btn_area:after { display:block; content:""; clear:both; }
div.btn_area div.fl { display:block; float:left; }
div.btn_area div.fr { display:block; float:right;  margin-left:20px;}
div.btn_area div.fr input {float:left; display:block; margin-right:2px;  }
div.btn_area div.fr:after {content:""; clear:both; display:block; }
div.btn_area a, div.btn_area inpt, div.btn_area select, div.btn_area button, div.btn_area span, div.btn_area img { vertical-align:middle; }
div.btn_area input[type=button] {background:#eee; border:1px solid #ccc; padding:0 5px; line-height:20px; cursor:pointer;}
div.btn_area input[type=button]:hover {border:1px solid #d2277f;}
div.btn_area input[type=submit] { background:#eee; border:1px solid #ccc; padding:0 5px;  line-height:20px; cursor:pointer; }
div.btn_area input[type=submit]:hover {border:1px solid #d2277f;}

/* 공통 : 페이징 정의 */
div.page_area { position:relative; background-color:#eeeeee;  line-height:40px;  width:100%; margin:10px 0; text-align:left;  }
div.page_area p {margin:0px; float:left;}
div.page_area p strong { padding:5px; }
div.page_area input[type=text] {width:244px; background-color:#ffffff; border:1px solid #b0b0b0; height:19px; color:#5f8fd0; margin-left:10px; }
div.page_area input[type=button] { background:#eee; border:1px solid #ccc; padding:0 5px;  line-height:20px; cursor:pointer; }
div.page_area input[type=button]:hover {border:1px solid #d2277f;}

/* 공통 : 검색 정의 */
div.search_area { margin:20px 0; padding:4px 0; text-align:center; background:#fff; border-top:1px solid #ddd;}
div.search_area input, div.search_area select, div.search_area span, div.search_area a, div.search_area img { vertical-align:middle; }
div.search_area select { height:22px; border:1px solid #ccc; }
div.search_area input[type=text] { height:20px; padding-left:4px; border:1px solid #ccc; }
div.search_area input[type=image] { }
div.search_area input[type=button] {background:#eee; border:1px solid #ccc; padding:0 5px; line-height:20px; cursor:pointer;}
div.search_area input[type=button]:hover {border:1px solid #d2277f;}
div.search_area input[type=submit] { background:#eee; border:1px solid #ccc; padding:0 5px;  line-height:20px; cursor:pointer; }
div.search_area input[type=submit]:hover {border:1px solid #d2277f;}

/* 공통 : 숨김 */
div.none { display:none; }

/* List : 기능 스타일 정의 ****************************************************************************************************************************************************************/

/* 글목록 : 갤러리형 블록 정의 */
div.gallery_outline { position:relative; width:658px; margin:0 auto; overflow:hidden; border:0px solid blue;}
div.gallery_outline ul.gallery { positon:relative; width:719px; border:0px solid red;  }
div.gallery_outline ul.gallery:after { content:""; display:block; clear:both; }
div.gallery_outline ul.gallery li { display:block; float:left; width:137px; height:125px; margin-right:30px; margin-bottom:20px; }
div.gallery_outline ul.gallery li div.photo { width:130px; height:90px; margin:5px auto; overflow:hidden; text-align:center; border:1px solid #e0e0e0;} 
div.gallery_outline ul.gallery li p.subject { width:130px; margin:0 auto; overflow:hidden; border:0px solid red; text-align:center; padding-top:3px;}
div.gallery_outline ul.gallery li p.subject input, div.main_cnt ul li p.subject img { vertical-align:middle;}
div.gallery_outline ul.gallery li p.subject input[type=checkbox] { margin-right:4px;}
div.gallery_outline ul.gallery li p.subject a { color:#161616;}
div.gallery_outline ul.gallery li div.btn { width:227px; height:30px; margin:10px auto 0; overflow:hidden;}
div.gallery_outline ul.gallery li div.btn span.g1 { display:inline-block; width:38px; height:22px; padding-left:5px; line-height:22px; background:url('/index/images/icn_view.gif') no-repeat left 50%; }
div.gallery_outline ul.gallery li div.btn span.g2 { display:inline-block; width:38px; height:22px; margin-left:15px; padding-left:5px; line-height:22px; background:url('/index/images/icn_com.gif') no-repeat left 50%; }
div.gallery_outline ul.gallery li div.btn span label { display:none; }
div.gallery_outline ul.gallery li.nodata { display:block; width:100%; height:318px; line-height:318px; font-size:15px; color:#666; text-align:center; border-left:none; border-right:none; }

/* 글쓰기 : 개인정보 수집.이용 블록 정의 */
div.p_agree_box { position:relative; margin-bottom:20px; overflow:hidden; }
div.p_agree_box h3 {color:#1d4479; font-weight:bold;}
div.p_agree_box textarea { position:relative;width:98%; height:200px; margin:0; padding:10px; border:1px solid #ccc;  }
div.p_agree_box div.check { position:relative; margin:10px 10px 0 0; text-align:right; }
div.p_agree_box div.check input[type=radio] { padding:0; vertical-align:top; }
div.p_agree_box div.check label { margin:0 10px 0 5px; }

/* 글쓰기 : 테이블 블록 정의*/
table.write_table { width:100%;border-spacing:0px; border-collapse:collapse; margin-top:10px; border-top:1px solid #666; }
table.write_table label { margin:0 5px; vertical-align:middle;}
table.write_table tr.fi_size {height:50px; padding-left:15px; }
table.write_table tr.fi_size td {border-bottom:1px solid #e7e7e7;}
table.write_table tr.fi_size th {border-bottom:1px solid #e7e7e7;}
table.write_table tr.fi_size th span {cursor:pointer;}
table.write_table tr.number {border-bottom:1px solid #e7e7e7; height:50px; }

table.write_table tr th img { vertical-align:middle; }
table.write_table tr th {border-top:1px solid #e7e7e7; height:30px; text-align:center; color:#8492A0;}
table.write_table tr td {border-top:1px solid #e7e7e7; padding:3px 0;}
table.write_table tr td.linenone {border:0;}
table.write_table tr td.tx_size {height:33px; padding-left:20px; }
table.write_table tr td.tx_size span {cursor:pointer}
table.write_table tr td input { vertical-align:middle; }
table.write_table tr td input[type=text] { height:20px; width:239px; padding-left:4px; border:1px solid #ccc; display:block; }
table.write_table tr td input[type=file] { margin:3px 0 2px 0; border:1px solid #ccc; width:239px; cursor:pointer;  }
table.write_table tr td input[type=password] { height:20px; padding-left:4px; border:1px solid #ccc; }
table.write_table tr td select { height:22px; border:1px solid #ccc; vertical-align:middle; }
table.write_table tr td textarea.tx { width:98%; border:1px solid #d1d1d1; word-break:break-all; }
table.write_table tr td input.title { width:98%; }
table.write_table tr td input.ed { height:20px; border:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:3px 2px 0 2px; }
table.write_table tr.w_title td input[type=text] { width:90%;}
table.write_table tr td input.spam { display:inline-block; margin-right:10px; width:50px; }
table.write_table tr td input.email1 { display:inline-block; margin-right:10px; width:100px; }


/* 파일첨부 */
table#variableFiles { border-spacing:0px; border-collapse:collapse; margin: 0; padding: 0; }
table#variableFiles tr td { border:0; } 

/* 글보기 : 레이아웃 테이블 정의 */
div.title_area { position:relative; padding:10px; border:1px solid #dcdcdc; border-left:none; border-right:none; }
div.title_area h2.title { position:relative; font-size:20px; font-weight:bold; }

/* 글보기 스킨 중 제목 */
div.top_title {border-top:2px solid #f2a230; border-bottom:1px solid #ddd; line-height:34px; background-color:#fff; width:100%; }
div.top_title div.subject {width:100%; color:#505050; padding-left:10px; font-size:13px; font-weight:bold; word-break:break-all; }
/*글보기 스킨 상단*/
div.board_start{overflow:hidden; line-height:18px; padding:8px 0; border-bottom:1px solid #ddd;  margin-bottom:10px;}
div.board_start span {color:#888; }
div.board_start div.fl {float:left;}
div.board_start div.fr {float:right; color:#888; }

/* 뷰 레이아웃*/

ul.view { padding:10px 0; border-bottom:1px solid #ddd;}
ul.view li.nume span { display:block; margin-top:10px; }