@charset "utf-8";

* {margin:0; padding:0}
ul, li {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:#3f5579; text-decoration:none}
A:visited {color:#3f5579; text-decoration:none}
A:active {color:#3f5579; text-decoration:none}
A:hover {color:#3f5579; text-decoration:underline}

.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%; border-top:1px solid #7f7f7f;}
.boardList th { font-weight:normal; border-bottom:1px solid #7f7f7f; border-top:1px solid #7f7f7f; padding:7px 0;}
.boardList td { !important; line-height:normal; padding:8px 6px 7px; text-align:center; vertical-align:top; white-space:nowrap; }
.boardList .subject { text-align:left; }
.boardList .listCommentCount { color:#FF0000; font-size:11px; }

.boardList .webzineTable { padding:4px 0; border-style:none;}
.boardList .webzineContent { text-align:left; line-height:140%; white-space: -moz-pre-wrap; }
.boardList .wContent { 
    white-space: -pre-wrap;
/* css-3 */ 
    white-space: pre-wrap;
    float:left;
    border:0px solid red;
 /* 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%; 
}

.boardList .webzineThumb { padding: 0px; margin: 0px; border:0px 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 { margin:0; height:16px; text-align:left; }
#galleryList .gallery-name { margin:0; height:16px; text-align:left; }

.boardControl { border-color:#dfdfdf !important; border-top:1px solid; margin:-1px 0 0; padding:15px 0; text-align:center; }
.boardControl .btnLeft { float:left; }
.boardControl .pagination { text-align:center; padding:5px 0; font-size:18pt;}
.boardControl .btnRight { float:right; }
.boardSearch { clear:both; text-align:center;}

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

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

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


.boardComment { clear:both; border:1px solid #EDEDED; color:#666}
.boardComment .commentList {background-color:#F7F7F7; text-align:center; padding:5px 20px; }
.boardComment .commentList .commentRow { }
.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;  text-align:center; }
.boardComment .commentWrite .commentAuthor { background-color:#F7F7F7; width:100%; height:30px; border:0px solid red; padding-top:3px;}
.boardComment .commentWrite .commentcode { width:100%; height:18px;}
.boardComment .commentWrite .commentAuthor .cAuthorText { float:left; padding:3px 5px 3px 0px; width:45px; text-align:left; }
.boardComment .commentWrite .commentAuthor .cAuthorInput { float:left;}
.boardComment .commentWrite .commentAuthor .cPasswordText { float:left; padding:3px 5px 3px 0px; width:45px; text-align:left; }
.boardComment .commentWrite .commentAuthor .cAuthorInput { float:left;}
.boardComment .commentWrite .commentAuthor .cCodeText { float:left; padding:3px 5px 3px 0px; width:45px; text-align:left; }
.boardComment .commentWrite .commentAuthor .cCodeImage { float:left; padding:0px 5px 0px 0px;}
.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; width:65%; }
.boardComment .commentWrite .cWrite .commentButton { text-align:right; }
.boardComment .commentWrite .cWrite .wcontent { width:100%; 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; }


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


/* board write */
.boardWrite {}
.boardWrite .btn_right {float:right; text-align:right; padding:10px 0; }
.boardWrite .btnCancel { float:left; }
.boardWrite .btnModify { padding-left:5px; float:left; }
.boardWrite .btnWrite { padding-left:5px; float:left; }
.boardWrite .subject { padding:5px 0; }
.boardWrite .wcontents { padding:5px 0; }
.boardWrite .tag { padding:5px 0; }
.boardWrite .rss { padding:5px 0; }
.boardWrite .cWriter { padding:5px 0; }
.boardWrite .cUrl { padding:5px 0; }
.boardWrite .file { padding:5px 0; }
.btnWrite input { vertical-align: middle; }
.btn_write01 {padding:5px 0px; text-align:center;}

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

/* editor */
.boardWrite .field { padding: 2px 0px; margin:0px; }
.boardWrite .field input { background:#fafafa; height:15px; padding:2px 0 0 2px; border-color:#bdbdbd #d1d1d1 #d1d1d1 #bdbdbd; border-style:solid; border-width:1px; color:#666666; font-size:12px; }
.boardWrite .field .checkbox { border:0px; }

.board_content .rp1 {background-color:#f7f7f7; border-bottom:1px solid #9EAEC7; height:30px; text-align:center}
.board_content .rp1.end {padding:0 17px 0 12px; text-align:left; background-color:#FFF}
.board_content .rp1.editor {background-color:#FFF; padding:7px 12px}

/* Author */
.boardWrite .Author { padding: 10px; border:1px solid #dfdfdf; background:#f7f7f7;}
.boardWrite .Author .Author_wrap { width:100%; height:22px; border:0px solid red; padding-top:3px;}
.boardWrite .Author .Author_wrap .cAuthorText { float:left; padding:3px 5px 3px 0px; width:45px; text-align:left; }
.boardWrite .Author .Author_wrap .PasswordText { float:left; padding:3px 5px 3px 0px; width:45px; text-align:left; }
.boardWrite .Author .Author_codewrap { width:100%; height:14px;}
.boardWrite .Author .AuthorText { padding:0 5px;}
.boardWrite .Author .PasswordText { padding:0 5px; }
.boardWrite .Author .Author_wrap .CodeText { float:left; padding:3px 5px 3px 0px; width:45px; text-align:left; }



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

.user_captcha {font-family:"굴림", "돋움"; font-size:13px; color:BLUE; width:80px; height:16px;  font-weight:bold;  border:1px solid #ccc; padding-top:2px;}
.cCodeResult {color:RED;}

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

.tx_content {width:100%; font-size:12px;}

/* 20130627 추가분 */

.subject3 {font-size:12px; padding:0; border-bottom:1px solid #7f7f7f; height:38px;}