@charset "utf-8";

* {margin:0; padding:0}
ul {list-style: none}
img {border:0}
input,img { vertical-align:middle; }
div, td {font-family:"Dotum","돋움",Tahoma,Sans-serif; font-size:1.0em; line-height:normal; }

A:link {color:#999; text-decoration:none;}
A:visited {color:#999; text-decoration:none;}
A:active {color:#999; text-decoration:none;}
A:hover {color:#999; text-decoration:none;}

.boardHeader {}
.boardBody {}
.boardFooter {}

/* page list color */
.list_page { color:#F45104; }

/* board list */
.boardListInfo .boardListCategory { float:left; padding:5px 0;  }
.boardListInfo .boardListCount { float:right; font-size:11px; padding:5px 0; }
.boardList { clear:both; width:100%; margin-bottom:10px;}
.boardList th { text-align:center; font-weight:normal; border-bottom:1px solid #999; border-top:1px solid #999; padding:7px 0; }
.boardList td { border-color:#999 !important; color:#999;border-style:solid none solid none; border-width:0 0 1px 0; line-height:normal; padding:5px; text-align:center; vertical-align:top; white-space:nowrap; }
.boardList .subject { text-align:left; }
.boardList .listCommentCount { font-size:11px; padding:0;}

.boardList2 { clear:both; width:100%; border-color:#999 !important; color:#999; border-style:solid none dotted none; border-width:1px 0 0 0;}
.boardList2 th { text-align:left; font-weight:normal;  padding:7px 0; }
.boardList2 td { line-height:normal; padding:5px; text-align:center; vertical-align:top; white-space:nowrap;}
.boardList2 .subject { text-align:left; }
.boardList2 .subject2 { text-align:left; border-color:#999 !important; color:#999; border-style:solid none dotted none; border-width:0 0 1px 0;}

.boardList3 { clear:both; margin-bottom:10px; width:100%; border-color:#999 !important; color:#999; border-style:solid none dotted none; border-width:1px 0 0 0;}
.boardList3 th { text-align:left; font-weight:normal;  padding:7px 0; }
.boardList3 td { line-height:normal; padding:5px; text-align:center; vertical-align:top; white-space:nowrap;}
.boardList3 .subject { text-align:left; }
.boardList3 .subject3 { text-align:left; border-color:#999 !important; color:#999; border-style:solid none solid none; border-width:0 0 1px 0;}

.boardList .webzineTable { padding:0px; border-style:none; border-top:1px solid #999;}
.boardList .webzineContent { text-align:left; line-height:140%; white-space: -moz-pre-wrap; }
.boardList .wContent {width:200px; overflow:hidden; white-space: -pre-wrap; border:0px solid red;}
.boardList .wContent_title01 {width:100%; margin-bottom:4px; border:0px solid red;}


.boardList .webzineThumb { padding: 0px; margin: 0px; border:1px solid #DEDEDE;}
.boardList .webzineText { text-align:left; height:70px; padding-top:15px;}

#galleryList { margin:0; float:left; display:inline; border:0px solid red;}
#galleryList .input-checkbox { margin:10px 13px 5px 13px; }
#galleryList .gallery-img { margin:0 0 10px 0; overflow:hidden; border:1px solid #DEDEDE; }
#galleryList .gallery-text {line-height:18px; border:0px solid red;}
#galleryList .gallery-name {line-height:22px; border:0px solid red;}

/* css-3 */ 
	white-space: pre-wrap;
	width:300px; 

/* Internet Explorer 5.5+ and Firefox 3.5+ */ 
	word-wrap:break-word; 
	word-break:keep-all;
	word-wrap:break-word;  
	word-break:break-all;
	line-height:140%; 
}


.boardControl { border:0px solid red; padding:10px 0; text-align:center;}
.boardControl .btnLeft { float:left; }
.boardControl .pagination { text-align:center; padding:5px 0;font-family:"Arial","돋움",Tahoma,Sans-serif; font-size:22px; line-height:normal; font-weight:bold;}
.boardControl .btnRight { float:right; }
.boardSearch { clear:both; text-align:center;}

/* board view */
.boardViewFont { padding:5px 0; text-align:right; }
.boardContents {}

.boardViewInfo { float:left; width:100%; border-bottom:1px solid #DFDFDF; border-top:1px solid #DFDFDF; padding:7px 0;}
.boardViewInfo .titleSubject {width:100%; float:left; padding-top:2px; font-weight:bold; width:100%; word-wrap: break-word; }
.boardViewInfo .titleEtc {width:100%; float:left; padding-top:4px; }
.boardViewInfo .num { font-size:11px; }
.boardViewInfo .sect {color:#dfdfdf; font-size:10px; margin:0 1px; }
.boardAuthor { float:left; width:100%; padding:10px 0 10px; 0; }
.boardAuthor .membersIcon { float:left;}
.boardAuthor .author { float:left; font-weight:bolder; border:0px solid red;}

.wContents { word-wrap:break-word; padding: 10px 0; line-height:140%; }

.boardViewEtc a { color:#999999; }
.boardViewEtc .boardFiles { padding:5px 0; }
.boardViewEtc .boardFiles a:hover { text-decoration:underline }
.boardViewEtc .tag { padding:5px 0; color:#999999; }
.boardViewEtc .rss { padding:5px 0; color:#999999; }
.boardViewEtc .authorOrg { padding:5px 0; color:#999999; }
.boardViewEtc .dateOrg { padding:5px 0; color:#999999; }
.boardViewEtc .urlOrg { padding:5px 0; color:#999999; }

.boardViewEtc .recommend { width:100%; text-align:center; padding:10px 0; border:0px solid red; }

.boardBottomList { clear:both; padding:10px 0; }
.boardBottomList .bottomPrevious { height:20px; padding-top:7px; border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; }
.boardBottomList .bottomPrevious .or2 { padding:0 12px; height:30px; }
.boardBottomList .bottomNext { height:20px; padding-top:7px; border-bottom:1px solid #DFDFDF; }
.boardBottomList .bottomNext .or2 { padding:0 12px; height:30px; }

.board_content { float:left; width:100%; padding:10px 10px; }
.board_content .bl {margin:0 0 15px 0;}
.board_content .or2 {padding:0 0 0 12px; width:85%; height:30px; }
.board_content .wp1 {background-color:#f7f7f7; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; height:30px; padding:0 0 0 12px}
.board_content .wp1.end {border-right:none; padding:0 12px 0 0; font-size:11px;}
.board_content .sect {color:#dfdfdf; font-size:10px; margin:0 8px}
.board_content .wp2 {height:30px; padding:20px 12px; line-height:24px}
.board_img {text-align:center}

/* Author */
.boardWrite .Author { padding:10px 20px; width:258px; height:110px; background-color:#F7F7F7; border:1px solid #999; overflow:hidden;}
.boardWrite .Author .Author_wrap { height:26px; border:0px solid red; }
.boardWrite .Author .AuthorText { width:60px; float:left; padding:3px 0px; border:0px solid red;}
.boardWrite .Author .PasswordText { width:60px; float:left; padding:3px 0px; border:0px solid red;}
.boardWrite .Author .CodeText { width:60px; float:left; padding:3px 0px;}

/* etcField */
.boardWrite .etcField{ padding:10px; margin:0; border:0px solid #DFDFDF; }
.field_text { color: #999; }

.tx_content { width:300px; height:140px; }

.inp_d1 {width:100%; height:13px; border:1px solid #ccc; padding:4px 2px 2px 2px; margin: 0; font-size:12px; vertical-align:top; }
.inp_d2 {width:200px; height:13px; border:1px solid #ccc; padding:4px 2px 2px 2px; margin: 0; font-size:12px; vertical-align:top; }
.inp_d3 {width:400px; height:20px; border:1px solid #ccc; vertical-align:top; font-size:12px}
.inp_d4 {width:350px; height:15px; border:1px solid #ccc; vertical-align:top; font-size:12px}
.inp_d5 {width:100px; height:13px; border:1px solid #ccc; padding:4px 2px 2px 2px; margin: 0; font-size:12px; vertical-align:top;}

.board_control {margin:0 0 15px 0}
.board_control .pagelist {float:left; width:10%}
.board_control .pagenum {float:left; width:80%; *width:69%; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:10px}
.board_control .btn_left {float:left; width:10%; text-align:left; margin-top:-1px}
.board_control .btn_left a {text-decoration:none;}
.board_control .btn_left a:hover {color:#86a1c6}
.board_control .btn_right {float:right; width:10%; text-align:right; margin-top:-1px; }
.board_control .btn_right a {text-decoration:none;}
.board_control .btn_right a:hover {color:#86a1c6}
.board_control .search {clear:left; text-align:center; padding:5px 0 0 0; *margin-top:-10px}

.btn_write01 { width:100%; margin:8px 0; text-align:center; border:0px solid red;}

.boardComment { clear:both; border:1px solid #EDEDED; color:#666; }
.boardComment .commentList {background-color:#F7F7F7; text-align:center; padding:5px 20px; }
.boardComment .commentList .commentRow { border:0px solid red;}
.boardComment .commentList .commentRow .commentTitle { float:left; width:100%; padding-top: 10px;}
.boardComment .commentList .commentRow .commentInfo { float:left; }
.boardComment .commentList .commentRow .commentContents { line-height:140%; clear:both; width:auto !important; overflow-y:auto;overflow-x:hidden;word-wrap:break-word; overflow:hidden; text-align:left; padding:5px 0; border-color:#DDDDDD !important; color:#4D4D4D;border-style:none none dotted; border-width:1px 0; vertical-align:top;}
.boardComment .commentList .commentRow .commentBtn { float:right;}

.boardComment .commentWrite { clear:both; background-color:#F7F7F7; padding:10px 20px;}
.boardComment .commentWrite .commentAuthor { height:26px; border:0px solid red;}
.boardComment .commentWrite .commentAuthor .cAuthorText { width:50px; float:left; padding:3px 5px; border:0px solid red;}
.boardComment .commentWrite .commentAuthor .cAuthorInput { width:190px; float:left; border:0px solid red;}
.boardComment .commentWrite .commentAuthor .cPasswordText { width:50px; float:left; padding:3px 5px; border:0px solid red;}
.boardComment .commentWrite .commentAuthor .cAuthorInput { float:left;}
.boardComment .commentWrite .commentAuthor .cCodeText { float:left; padding:3px 5px;}
.boardComment .commentWrite .commentAuthor .cCodeImage { float:left; padding:0px 5px;}
.boardComment .commentWrite .commentAuthor .cCodeInput { float:left;}
.boardComment .commentWrite .commentAuthor .cCodeResult { float:left; padding:2px 5px;}

.boardComment .commentWrite .cWrite { background-color:#f7f7f7;}
.boardComment .commentWrite .cWrite .commentWContent { float:left;}
.boardComment .commentWrite .cWrite .commentButton { text-align:right; }
.boardComment .commentWrite .cWrite .wcontent { width:160px; height:40px; border:1px solid #ccc; padding:4px 2px 2px 2px; margin: 0; font-size:12px; vertical-align:top; }
.boardComment .commentWrite .commentOption { text-align:left; padding:5px 0; }