@charset "utf-8";
/* CSS Document */


/* TITLE : HS Board page (news, community)
 * UPDATE: 20100113
 * AUTHOR: KANG WOL SUNG */
 
 
/* 게시판 탭 */
.notice_tab_box { display:inline-block; }
.notice_tab { width:635px; height:26px; overflow:hidden; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/tab_BG.gif) repeat-x; margin-bottom:10px; }
.notice_tab li { float:left; margin-right:2px; }

/* 게시판 common input */
.chck, .radio { width:13px; height:13px; vertical-align:middle; border:0; }/* 동영상 체크박스 및 radio */


/* 목록 */
.notice_list_box { border-top:1px solid #97cceb;  }
.notice_board_title { width:635px; height:34px; border-bottom:1px solid #97cceb; background-color:#e0eef4; }
.notice_board_title td { text-align:center; color:#4c8cb1; font-weight:bold; }
.notice_list_box .title_bar { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bu_tit_bar.gif) no-repeat 0 11px; }
.notice_list_box .no { width:85px; text-align:center; }
.notice_list_box .name { width:305px; padding-left:5px; }
.notice_list_box .writer { width:98px; text-align:center; }
.notice_list_box .date { width:75px; text-align:center; }
.notice_list_box .hit { width:67px; text-align:center; }
.notice_list_table { width:635px; }
.notice_list_table .no { font-family:tahoma,arial; font-size:10px;  }
.notice_list_table .date { font-family:tahoma,arial; font-size:10px; }
.notice_list_table .hit { font-family:tahoma,arial; font-size:10px; font-weight:bold;  }
/* 목록_font */
.noticeImpact a:link, .noticeImpact a:active, .noticeImpact a:visited, .noticeImpact a:hover { color:#008bcc; font-weight:bold; }
.eventImpact a:link, .eventImpact a:active, .eventImpact a:visited, .eventImpact a:hover { color:#67af00; font-weight:bold; }
.updateImpact a:link, .updateImpact a:active, .updateImpact a:visited, .updateImpact a:hover { color:#9b8900; font-weight:bold; }

.noticeTxt a:link, .noticeTxt a:active, .noticeTxt a:visited { color:#333333; }
.noticeTxt a:hover { color:#008bcc; }
.eventTxt a:link, .eventTxt a:active, .eventTxt a:visited { color:#333333; }
.eventTxt a:hover { color:#67af00; }
.updateTxt a:link, .updateTxt a:active, .updateTxt a:visited { color:#333333; }
.updateTxt a:hover { color:#9b8900; }

.line_h_dot { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/line_h_dot_board.gif) repeat-x 0 bottom; height:35px; }
.line_h_end { height:35px; }

/* 읽기 */
.notice_list { width:635px; border-top:1px solid #97cceb; }
.notice_list ul { overflow:hidden; }
.notice_list li { background-color:#f7f7f7; border-bottom:1px solid #d7d7d7; clear:both; float:left; width:635px; overflow:hidden; position:relative; }
.notice_list_txtA { height:32px; }
.notice_list_txtA dl { overflow:hidden; }
.notice_list_txtA dt { width:74px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bu_tit_bar.gif) no-repeat 73px 11px; padding-top:10px; float:left; padding-right:12px; text-align:center; color:#548cab; font-weight:bold; }
.notice_list_txtA dd { padding-top:10px; float:left; padding-right:12px; }
.notice_list_txtA dd.txt { width:120px; float:right; }
.notice_list_txtA dd.txt span { color:#548cab; }
.notice_list_txtA .b { font-weight:bold; }

.notice_list_txtA input { width:13px; height:13px; vertical-align:middle; margin:0 3px 0 10px; }
.notice_list_txtA img { margin-top:-3px; }

.notice_list_txtB { height:39px; }
.notice_list_txtB dt { width:74px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bu_tit_bar.gif) no-repeat 73px 14px; padding-top:13px; float:left; padding-right:12px; text-align:center; color:#548cab; font-weight:bold; }
.notice_list_txtB dd { padding-top:10px; float:left; }
.notice_list_txtB dd.txt { width:549px; float:right; }
.notice_name { float:left; }
.notice_list_txtB p { float:right; display:block; padding-top:3px; padding-right:10px; overflow:hidden; color:#548cab; }
.notice_list_txtB .nameTxt { float:left; margin-top:3px; font-weight:bold; }

.notice_title_inputbox { border:1px solid #7f9db9; background-color:#e0e0e0; color:#575757; font-weight:bolder; font-size:12px; height:15px; width:500px; padding-left:4px; padding-top:3px; }
.notice_list_txtB select { width:150px; height:20px; margin-bottom:4px; font-family:dotum; background-color:#e0e0e0; }

/* 쓰기_ 이미지 등록 */
.notice_list_file { }
.notice_list_file dt { width:74px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bu_tit_bar.gif) no-repeat 73px 14px; padding-top:13px; float:left; padding-right:12px; text-align:center; color:#548cab; font-weight:bold; }
.notice_list_file dd { padding:10px 0; float:left; }
.notice_list_file p { padding-top:8px; }
.imgfile { border:1px solid #7f9db9; background-color:#e0e0e0; color:#575757; font-size:12px; height:20px; width:300px; padding-left:4px; padding-top:3px; }
.Upload_txtWrap { font-size:11px; color:#8f8f8f; line-height:15px; }
.Upload_txtWrap .gray { font-size:11px; color:#575757; font-weight:bold; }

/* 블루 가로 줄*/
.notice_list_end { border-bottom:1px solid #97cceb; overflow:hidden; height:0px; clear:both; }

/* txt 입력 출력 - 추후 삭제 */
.notice_txt_box { width:635px; background-color:#eeeeee; }
.notice_txt_box li { padding:9px; width:615px; overflow:hidden; }
.notice_txt_box li .imgBOX { width:615px; overflow:hidden; border:1px solid #bfbfbf; }
.notice_txt_box textarea { width:610px; height:146px; padding-left:4px; padding-top:4px; font-size:12px; font-family:dotum; }
.notice_txtarea { margin:0 auto; width:575px; padding:20px; line-height:17px; border:1px solid #bfbfbf; background-color:#ffffff; }
.notice_txtarea p { line-height:17px; }
.board_img { border:1px solid #bfbfbf; width:615px; }
.boardWrap { border:1px solid #bfbfbf; width:615px; background-color:#ffffff; }

/* list 윗글, 아랫글 */
.notice_list_select { border-top:1px solid #d0d0d0; border-bottom:1px solid #97cceb; margin-top:25px; }
.notice_list_select dl {  }
.notice_list_select dt { height:38px; }
.notice_list_select dd { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/line_h_dot_board.gif) repeat-x; height:1px; overflow:hidden; }
.notice_list_select p { padding-top:13px; }
.pageUp_icon { padding-left:16px; padding-right:16px; float:left; display:block; margin-top:2px; }
.pageDown_icon { padding-left:16px; padding-right:16px; float:left; display:block; margin-top:2px; }
.pageUpDown_title { width:52px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bu_tit_bar.gif) no-repeat 51px 0; display:block; float:left; color:#548cab; font-weight:bold; }
.pageUpDown_txt { padding-left:13px; }
.pageUpDown_txt a:link, .pageUpDown_txt a:active, .pageUpDown_txt a:visited { color:#333333; }
.pageUpDown_txt a:hover { color:#008bcc; }

/* 게시판 목록 선택 bg color */
.select_bg { background-color:#f4f9fb; }

/* 게시판 버튼 */
div.notice_btn { width:635px; }
.notice_btn_box { margin-top:10px; display:block; height:23px; }
.notice_btn_box dt { float:left; }
.notice_btn_box dd { float:right; padding-left:5px; }
.notice_btn_box img, notice_btn_box a { display:block; }

/* 페이지 이동 */
.page_btn { text-align:center; margin-top:10px; clear:both; overflow:hidden;  }
.page_btn td { height:12px; line-height:11px; text-align:center; padding:0 5px; }
.page_btn img { vertical-align:middle; }
.page_btn .page_font { font-size:11px; color:#548cab; }
.page_btn .b { font-weight:bold; }

/* 게시판 검색 */
.search_box { background-color:#f3f3f3; height:42px; margin-top:10px; padding-top:10px; }
.search_box dl { margin:0 auto; width:320px; height:20px; }
.search_box dt, .search_box dd { float:left; }
.search_box select { width:70px; height:20px; margin-top:5px; font-family:dotum; }
.search_box dt input { margin:3px; border:1px solid #b9b9b9; background-color:#fff; color:#575757; font-weight:bolder; font-size:12px; height:17px; width:165px; padding-left:4px; padding-top:3px; }
.search_box dd { margin-top:3px; }

/* event */
.event_box { width:635px; clear:both; margin-bottom:20px; float:left; overflow:hidden; }
.event_thum { width:160px; height:110px; padding:2px; background-color:#0ca859; border:4px solid #e9e9e9; float:left; }
.event_txt { width:451px; float:right; }
.event_txt p, .event_txt img { padding:0 10px; }
.event_txt .title { width:451px; padding:8px 0; background-color:#f1f5e5; }
.event_txt .title a:link, .event_txt .title a:active, .event_txt .title a:visited { color:#333333; font-weight:bold; }
.event_txt .title a:hover { color:#67af00; font-weight:bold; }
.event_txt .sample { padding:7px 0; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/line_h_dot_board.gif) repeat-x 0 bottom; }
.event_txt .sample p { color:#888888; font-size:11px; line-height:16px; }
.event_txt .date { padding-top:7px; padding-bottom:6px; color:#575757; font-size:11px; }
.green_page_bar { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bu_green_pagebar.gif) no-repeat 17px 0px; padding-right:10px; padding-left:3px; }
.event_pageEnd { border-bottom:1px solid #9dd9bb; overflow:hidden; height:0px; }

/* update review */
.review_box { width:635px; clear:both; margin-bottom:20px; float:left; overflow:hidden; }
.review_thum { width:210px; height:130px; padding:2px; background-color:#97cceb; border:4px solid #e9e9e9; float:left; }
.review_txt { width:403px; float:right; }
.review_txt img { padding:0 10px; }
.review_txt .title { width:383px; padding:10px; background-color:#f5f5f5; }
.review_txt .title a:link, .review_txt .title a:active, .review_txt .title a:visited { color:#333333; font-weight:bold; font-size:14px; }
.review_txt .title a:hover { color:#008bcc; font-weight:bold; }
.review_txt .sample { padding:7px 10px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/line_h_dot_board.gif) repeat-x 0 bottom; color:#888888; font-size:11px; line-height:16px; }
.review_txt .date { padding:7px 10px; color:#575757; font-size:11px; }



/* 코멘트 */
#comment { margin-top:20px; clear:both; }
.comment_box { background-color:#eeeeee; padding-bottom:7px; margin-top:10px; }
.comment_title { height:30px; }
.comment_title p { padding-top:10px; }
.comment_title span { padding-left:10px; }
.comment_title .comTxt { font-weight:bold; float:left; }
.comment_title .purple { color:#607fc2; font-weight:bold; float:left; }

.commentWrite { background:#eeeeee; padding:10px; margin-top:20px; }
.commentWrite table { width:100%; }
.commentWrite th { text-align:center; color:#548cab; padding-bottom:5px; }
.commentWrite textarea { width:455px; height:35px; color:#939393; padding-left:4px; padding-top:5px; font-family:dotum; }
.commentWrite .btn { padding-left:10px;}
.commentWrite .byte { font-size:11px; color:#888888; text-align:right; padding-top:5px; }
.commentWrite .byte span { color:#575757; }
.commentWrite .point { font-size:11px; color:#548cab; padding-bottom:5px; }
.commentWrite .point span { margin-right:20px; }
.icoStar { position:relative; }
.icoStar p { position:absolute; top:-10px; left:-10px; }

/*### 코멘트 추후 삭제본 ###*/
.comment_write { height:75px; background:#eeeeee; margin-top:20px; clear:both; display:block; }
.comment_write dl { height:75px; padding-top:10px; }
.comment_write dt { width:86px; float:left; margin-top:15px; text-align:center; color:#548cab; font-weight:bold; }
.comment_write p { clear:both; margin-top:5px; margin-left:370px; }
.comment_write dd { float:left; }
.comment_write .btn { width:75px; float:right; }
.comment_write textarea { width:455px; height:35px; color:#939393; padding-left:4px; padding-top:5px; font-family:dotum; }
.comment_write .byte { font-size:11px; color:#888888; }
.comment_write .byte span { color:#575757; }



/* 아트갤러리_목록 */
.galleryList_Wrap { width:635px; }
.galleryList_Wrap ul { width:100%; }
.galleryList_Wrap .ML8 { margin-left:8px; }
.galleryList_Frame { float:left; display:inline-block; }
.galleryList { width:184px; margin-bottom:15px; margin-left:17px; margin-right:5px; }
.galleryList .thumBG_off { background:url(http://image.howlingsword.co.kr/HSver0.1/img/Mn/community/bg_galleryIMG_off.gif) no-repeat 0 0; width:184px; height:137px; }
.galleryList .thumBG_on { background:url(http://image.howlingsword.co.kr/HSver0.1/img/Mn/community/bg_galleryIMG_on.gif) no-repeat 0 0; width:184px; height:137px; }
.galleryList .thumIMG { margin:7px; }
.galleryTit_txt { margin:7px 0 0 10px; }
.galleryTit_txt a:link, .galleryTit_txt a:active, .galleryTit_txt a:visited { color:#333333; }
.galleryTit_txt a:hover { color:#008bcc; }
.gallerytxt_Wrap p { margin:5px 0 0 10px; line-height:16px; font-size:11px; color:#888888; }
.galleryline_h_dot { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/line_h_dot_board.gif) repeat-x; height:1px; overflow:hidden; margin-bottom:15px; clear:both; }



/* 동영상 */
.tabL { width:100%; height:35px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/tab_LBG.gif) no-repeat 0 0; overflow:hidden; padding-left:15px; margin-bottom:25px; }
.tabL li { float:left; }

.sTit { float:left; background:url(http://image.howlingsword.co.kr/HSver0.1/img/Mn/community/bu_subtit_icon.gif) no-repeat 0 1px; padding-left:18px;margin-bottom:8px; }
.sTit img { vertical-align:middle; }
.sTit span { font-size:11px; color:#888888; font-weight:normal; padding-left:8px; }
.listType_Wrap { position:relative; float:right; }
.listType { }
.listType li { float:left; background:url(http://image.howlingsword.co.kr/HSver0.1/img/Mn/community/bu_ListType_bar.gif) no-repeat right 2px; padding:0 10px; }
.listType a:link, .listType a:active, .listType a:visited, .listType a:hover { font-size:11px; color:#444444; cursor:pointer; }
.listType .last { background:none; }
.listType img { vertical-align:middle; padding-left:6px; }
.listType .select a:link, .listType .select a:active, .listType .select a:visited, .listType .select a:hover { font-weight:bold; }

.Type_pop { position:absolute; top:23px; right:10px; width:58px; border-bottom:1px solid #97cceb; text-align:center; font-size:11px; }
.Type_pop p { position:absolute; top:-4px; left:24px; }
.Type_pop ul { border-left:1px solid #97cceb; border-right:1px solid #97cceb; border-top:1px solid #97cceb; background-color:#fff; padding:0 5px; }
.Type_pop li { height:20px; padding-top:6px; border-bottom:1px solid #ebebeb; cursor:pointer; }
.Type_pop .last { border:0; }
.Type_pop a:link, .Type_pop a:active, .Type_pop a:visited, .Type_pop a:hover { font-size:11px; }

.movieBoard_info { width:100%; height:140px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/Mn/community/bg_movieAll.jpg) no-repeat 0 0; overflow:hidden; margin-bottom:20px; }
.bestMovieWrap { clear:both; width:100%; height:233px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/Mn/community/bg_bestMovie.gif) no-repeat 0 0; margin-bottom:20px; }
.bestMovie { width:619px; padding:20px 8px; }
.bestMovie li { float:left; width:182px; padding:0 12px; display:inline; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/line_v_dot_violet.gif) repeat-y right; }
.bestMovie .bestWrap { position:relative; }
.bestMovie .best { position:absolute; top:0; left:0; }
.bestMovie .thum { width:182px; height:135px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/Mn/community/bg_bestMovieThum.gif) no-repeat 0 0; }
.bestMovie .thum img { width:172px; height:125px; margin:5px; }
.bestMovie .tit { width:100%; margin:10px 0 5px 0; }
.bestMovie .tit a:link, .bestMovie .tit a:active, .bestMovie .tit a:visited, .bestMovie .tit a:hover { font-weight:bold; color:#444444; }
.bestMovie .tit a:hover { text-decoration:underline; }
.bestMovie .txt { width:100%; font-size:11px; color:#888888; line-height:17px; }
.bestMovie .none { background:none; }

.movieList { width:100%; border-top:1px solid #97cceb; border-bottom:1px solid #97cceb; display:inline-block; clear:both; }
.movieList li { height:137px; padding:15px 0; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/line_h_dot_board.gif) repeat-x bottom; font-size:0; }
.movieThum { padding:2px; background-color:#97cceb; border:4px solid #e9e9e9; float:left; }
.movieTxtWrap { width:441px; margin-left:10px; float:left; }
.movieTxt { background-color:#f5f5f5; padding:10px; }
.movieTxt .tit a:link, .movieTxt .tit a:active, .movieTxt .tit a:visited, .movieTxt .tit a:hover { font-size:14px; font-weight:bold; color:#444444; }
.movieTxt .tit a:hover { text-decoration:underline; }
.movieTxt .writer { font-size:11px; color:#888888; font-weight:normal; margin-top:7px; }
.movieTxtWrap .info { margin:10px; line-height:17px; }
.movieList .none { background:none; }

/* 동영상_하쏘동영상 */
.movie_box { width:635px; height:422px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/Mn/download/bg_movie.jpg) no-repeat; position:relative; clear:both; }
.movie_flash { position:absolute; top: 15px; left: 17px; }
.btn_down { position:absolute; top:195px; left:550px; }
.btn_copyurl { position:absolute; top:271px; left:550px; }
.flash_movie_txt { position:absolute; top:357px; left:17px; }
.flash_movie_txt dt { margin-bottom:3px; }
.flash_movie_txt dt p {  color:#008bcc; font-weight:bold; font-size:14px; }
.movie_list_box { width:635px; height:114px; margin-top:20px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/line_h_dot_board.gif) repeat-x bottom; padding-bottom:20px; }
.movie_list_last { width:635px; height:114px; margin-top:20px; padding-bottom:20px; }
.movie_thum { width:181px; height:102px; padding:2px; background-color:#97cceb; border:4px solid #e9e9e9; float:left; }
.movie_txt { width:432px; float:right; }
.movie_txt p { padding-left:8px; padding-right:8px; }
.movie_txt img { padding-right:3px; }
.movie_txt .title { width:432px; height:30px; background-color:#f5f5f5; }
.movie_txt .title a:link, .movie_txt .title a:active, .movie_txt .title a:visited { color:#444444; font-weight:bold; }
.movie_txt .title a:hover { color:#008bcc; font-weight:bold; }
.movie_txt .sample { padding-top:8px; padding-bottom:8px; }
.movie_txt .sample p { color:#888888; font-size:11px; }

/* 동영상올리기 */
.movieWrite_info { width:317px; height:34px; overflow:hidden; float:left; }
.movieWrite_info dt { width:74px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bu_tit_bar.gif) no-repeat 73px 12px; float:left; text-align:center; color:#548cab; font-weight:bold; padding:10px 12px 10px 0; }
.movieWrite_info dd { padding:9px 0; }

.movieWrite_info .selectBox { width:190px; height:20px; border:1px solid #7f9db9; background-color:#e0e0e0; color:#575757; font-size:12px; font-family:dotum; font-weight:bold; }

/* 동영상 입력 출력 */
.boardDetail { width:617px; background-color:#eeeeee; padding:9px; }
.boardDetail .imgBOX { width:615px; overflow:hidden; border:1px solid #bfbfbf; margin-bottom:9px; background-color:#ffffff; }
.boardDetail .imgBOX img { width:615px; }
.boardDetail .txtBOX { margin:0 auto; width:575px; padding:20px; border:1px solid #bfbfbf; background-color:#ffffff; }
.boardDetail textarea { width:610px; height:146px; padding-left:4px; padding-top:4px; font-size:12px; font-family:dotum; }

/* 이벤트 페이지 입력 출력 */
.boardDetail .eventBOX { width:615px; overflow:hidden; border:1px solid #bfbfbf; background-color:#ffffff; }
.boardDetail .eventBOX img { width:615px; }