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

@import url(common.css);
@import url(layout.css);

/* TITLE : HS Main page
 * UPDATE: 20091222
 * AUTHOR: KANG WOL SUNG */
 

/** body_background **/
body { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bg_repeat_top.gif) repeat-x; width:100%; background-color:#ffffff; }

/** wrap_bottom_copyright_bg **/
.wrap_body { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bg_bottom.jpg) no-repeat center bottom; width:100%; }

/** wrap_main_bg(100504-업데이트때 수정) **/
.Main_wrapOut { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_main_100427.jpg) no-repeat center top; width:100%; }

/** wrap **/
#wrap { width:984px; margin:0 auto; }
#Main_header { height:334px; display:inline-block; z-index:2000; }
#container { width:952px; clear:both; margin:0 auto; }
.snb { width:237px; float:left; }
#colgroup { width:713px; float:left; }
.Main_content { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_center.gif) no-repeat 0 0; width:458px; float:left; display:inline-block; text-align:center; }
.Main_Rside { width:227px; float:left; display:inline-block; }





/* main_banner */
.bannerWrap { width:100%; margin-top:20px; text-align:center; }
.banner { margin-bottom:10px; }

.TopBanner { position:absolute; top:-175px; left:-5px; z-index:500; }


/* btn_up */
.UpWrap { clear:both; position:relative; z-index:1000; font-size:0; line-height:0; }
.UpWrap_frame { position:absolute;  top:50px; left:952px; width:40px; height:240px; }
.UpWrap_bg { position:absolute;  top:50px; left:952px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/btn_up.gif) no-repeat 0 0; width:40px; height:235px; }
.UpWrap_btn { width:21px; height:34px; position:absolute; left: 11px; top: 147px; }



/** main_snb **/

/* Qick_menu */
.left_Qmenu { width:237px; margin-top:10px; }
.Qmenu { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_Qmenu.gif) no-repeat 0 0; height:98px; padding-left:15px; padding-top:9px; }
.Qmenu li { float:left; height:46px; overflow:hidden; }

/* notice */
.main_notice { width:215px; margin:0 auto; margin-top:17px; height:145px; background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_tab_bar.gif) repeat-x; position:relative; }
.main_notice h2 { display:none; }
.noticeWrap { float:left; margin-right:1px; }
.notice_list, .event_list { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_notice.gif) no-repeat 0 0; height:109px; width:203px; display:inline-block; clear:both; padding:12px 0 0 12px; position:absolute; top:24px; left:0; }
.notice_list li, .event_list li { margin-bottom:6px; line-height:12px; }
.notice_list img, .event_list img { vertical-align:middle; margin-right:6px; }
.notice_list a:link, .notice_list a:active, .notice_list a:visited, .notice_list a:hover { color:#333333; }
.notice_list a:hover { color:#008bcc; }
.event_list a:link, .event_list a:active, .event_list a:visited, .event_list a:hover { color:#333333; }
.event_list a:hover { color:#67af00; }
.notice_btn_more { float:right; margin-top:11px; }






/** main_content **/

/* article */
.article { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_article_contents.gif) no-repeat; width:422px; height:186px; margin:0 auto; padding-top:21px; text-align:left; position:relative; }
.article h2 { display:none; }
.preface { width:394px; height:100px; margin:0 auto; }
.prefaceThum { float:left; }
.preface_txtWrap { width:200px; height:75px; overflow:hidden; margin:13px 0 0 20px; float:left; }
.preface_txtTit, .preface_txtTit a:link, .preface_txtTit a:active, .preface_txtTit a:visited, .preface_txtTit a:hover { color:#ffffff; font-size:15px; font-weight:bold; margin-bottom:5px; line-height:16px; }
.preface_txtTit a:hover { text-decoration:underline; }
.preface_txt a:link, .preface_txt a:active, .preface_txt a:visited, .preface_txt a:hover { color:#a2def4; line-height:18px; }
.preface_txt a:hover { text-decoration:underline; }
.section { width:400px; margin:0 auto; margin-top:18px; }
.section li { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bu_txt_arrow.gif) no-repeat 0 1px; padding-left:8px; width:184px; height:13px; overflow:hidden; vertical-align:middle; line-height:13px; float:left; margin:0 0 7px 5px; }
.section a:link, .section a:active, .section a:visited, .section a:hover { color:#015075; }
.section a:hover { text-decoration:underline; }

.articlePaging { position:absolute; top:175px; left:350px; width:60px; }
.articlePaging p { float:left; font-size:11px; font-family:tahoma,dotum; color:#3895c0; margin-right:5px; }
.articlePaging span { font-weight:bold; color:#fff; }
.pageBtn { float:left; }
.pageBtn img { display:block; }




/* BEST_community */
.BestCommunity { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_tab_bar2.gif) repeat-x; width:422px; margin-top:24px; clear:both; display:inline-block; position:relative; height:170px; overflow:hidden; }
.BestCommunity h2 { float:left; }
.communiTabWrap { float:right; margin-top:6px; display:inline-block; }
.communiTab { float:left; }
.communiTab p img { margin-left:1px; }
.communiList { width:422px; height:125px; margin-top:12px; position:absolute; left:0; }
.communiList li { float:left; width:130px; }
.communiList_thum { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_community_thum.gif) no-repeat 0 0; width:130px; height:84px; padding-top:4px; margin-bottom:9px; }
.communiList a:link, .communiList a:active, .communiList a:visited, .communiList a:hover { }
.communiList a:hover { color:#008bcc; }

.communiNotice { width:422px; margin-top:12px; position:absolute; left:0; }
.communi_noticeThum { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_playknowhowThum.gif) no-repeat 0 0; width:112px; height:69px; float:left; }
.communi_noticeThum img { margin:4px 0 0 0; }
.communi_noticeTxtWrap { float:left; text-align:left; margin-left:12px; width:280px; }
.communi_noticeTxtWrap .cnTit { margin-top:2px; }
.communi_noticeTxtWrap .cnTit a:link, .communi_noticeTxtWrap .cnTit a:active, .communi_noticeTxtWrap .cnTit a:visited,  .communi_noticeTxtWrap .cnTit a:hover { font-size:14px; color:#008bcc; font-weight:bold; line-height:16px; }
.communi_noticeTxtWrap .cnTxt { margin-top:4px; }
.communi_noticeTxtWrap .cnTxt a:link, .communi_noticeTxtWrap .cnTxt a:active, .communi_noticeTxtWrap .cnTxt a:visited,  .communi_noticeTxtWrap .cnTxt a:hover { color:#575757; line-height:18px; }
.communi_noticeTxtWrap .cnTit a:hover, .communi_noticeTxtWrap .cnTxt a:hover { text-decoration:underline; }
.communiNotice_List { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/line_h_dot_board.gif) repeat-x top; margin-top:8px; padding-top:10px; width:422px; clear:both; display:inline-block; text-align:left; }
.communiNotice_List li { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bu_news_arrow.gif) no-repeat 0 3px; padding-left:10px; height:18px; }
.communiNotice_List a:link, .communiNotice_List a:active, .communiNotice_List, .communiNotice_List a:hover { color:#333333; }
.communiNotice_List a:hover { text-decoration:underline; }





/* news */
.newsWrap { width:422px; display:inline-block; clear:both; margin-top:20px; text-align:left; }
.newsWrap h2 { float:left; margin-bottom:4px; }
.news_btn_more { float:right; margin-top:15px; }
.news { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_news.gif) no-repeat 0 0; width:406px; height:111px; display:inline-block; clear:both; padding-left:16px; }
.news_thum { float:left; margin:16px 0 0 0px; width:122px; height:80px; overflow:hidden; }
.news_txtWrap { float:left; width:255px; margin:17px 0 0 15px; }
.news_txtTit a:link, .news_txtTit a:active, .news_txtTit a:visited, .news_txtTit a:hover {  }
.news_txtTit a:hover { text-decoration:underline; }
.news_txt { margin-top:4px; }
.news_txt a:link, .news_txt a:active, .news_txt a:visited, .news_txt a:hover { color:#9a9a9a; font-size:11px; }
.news_txt a:hover { text-decoration:underline; }
.news_list { width:100%; background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_news_list02.gif) no-repeat bottom; padding-bottom:4px; }
.news_listTxt { width:406px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; padding:9px 0 5px 14px; display:inline-block; }
.news_listTxt li { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bu_news_arrow.gif) no-repeat 0 4px; padding-left:10px; }
.news_listTxt a:link, .news_listTxt a:active, .news_listTxt a:visited, .news_listTxt a:hover { font-size:11px; line-height:17px; }
.news_listTxt a:hover { text-decoration:underline; }






/** main_Rside **/

/* movie */
.movie { position:relative; width:211px; height:147px; margin:0 auto; }
.movie_btn_more { position:absolute; top:-13px; left:140px; }

/* event */
.event { width:205px; margin:0 auto; margin-top:12px; position:relative; }
.event_thum { border:2px solid #dfdfdf; width:201px; height:127px; }
.eventNum_Wrap { width:180px; position:absolute; left:14px; top:109px; }
.eventNum { float:right; }
.eventNum li {  float:left; width:15px; height:14px; margin-left:3px; padding-right:1px; text-align:center;  }
.eventNum_on { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/btn_event_on.gif) no-repeat 0 0; }
.eventNum_off { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/btn_event_off.gif) no-repeat 0 0; }
.eventNum a:link, .eventNum a:active, .eventNum a:visited, .eventNum a:hover { color:#ffffff; font-size:11px; font-weight:bold; vertical-align:middle; }

.issueWrap { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/img_issue.gif) no-repeat top right; width:227px; text-align:left; margin-top:19px; padding-top:5px; }
.issueWrap h2 { margin:0 0 6px 11px; }
.issueList { width:205px; margin:0 auto; }
.issueList li { margin-bottom:2px; height:21px; padding-top:7px; vertical-align:middle; }
.issueList a:link, .issueList a:active, .issueList a:visited, .issueList a:hover { color:#686868; font-weight:bold; margin-left:30px; }
.issueList a:hover { color:#67af00; }
.issueNum01 { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_issueList_01.gif) no-repeat 0 0; }
.issueNum02 { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_issueList_02.gif) no-repeat 0 0; }
.issueNum03 { background:url(http://image.howlingsword.co.kr/HSver0.1/img/main/bg_issueList_03.gif) no-repeat 0 0; }