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



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


/* gnb */
#gnb { background:url(http://image.howlingsword.co.kr/HSver0.1/img/gnb/gnb_bg.gif) repeat-x; height:35px; width:100%; min-width:1000px; z-index:3000; }
.estsoft_logo { float:left; margin-top:11px; margin-left:15px; display:inline; }
.estsoft_logo li { float:left; margin-right:8px; }
.gnb_ad { float:left; margin-left:10px; }
.gnb_r { float:right; margin-top:10px; margin-right:15px; line-height:18px; height:20px; display:inline; }
.gnb_r li { float:left; margin-left:8px; line-height:16px }
.pcRoom { float:right; margin-right:15px; position:relative; z-index:3000; }
.pcRoom li { float:left; margin-top:8px; height:25px; line-height:18px; }
.pcRoom_onoff img { float:left; display:block; margin-top:3px; }
.pcRoom_txt { font-size:11px; color:#4d4d4d; letter-spacing:-1px; margin-left:5px; margin-right:10px; margin-top:3px; }
.pc_layer { position:absolute; top: -1px; right: 0; display:none; }
#pc_layers { position:absolute; top:-1px; right:0; display:none; }


/* account 
.account { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bg_login.gif) no-repeat 0 0; width:237px; height:107px; position:relative; overflow:hidden; }
.login_chk { position:absolute; top: 0; left: 26px; }
.login_chk .check { width:13px; height:13px; margin:0; vertical-align:middle; }
.login_chk label { position:relative; top:1px; margin:0 10px 0 0; cursor:pointer; }
.check_font { font-size:11px; color:#529da1; }
.account .id { position:absolute; top:19px; left:26px; }
.account .pw { position:absolute; top:42px; left:26px; }
.account .id, .account .pw { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bg_login_input.gif) no-repeat 0 0; width:111px; height:21px; }
.account .id input, .account .pw input { width:105px; height:15px; padding-left:4px; padding-top:4px; background-color:transparent; border:0; font-size:11px; color:#265355; }
.account .login { position:absolute; top:14px; left:129px; }
.account .logout { position:absolute; top:5px; left:20px; }
.account .hello { position:absolute; top: 0; left: 115px; font-size:11px; color:#529da1; }
.account .hello span { color:#265355; }
.account .state_on { color:#d34280; }
.account .state_off { color:#529da1; }
.account .state_on img, .account .state_off img { vertical-align:baseline; *vertical-align:middle; }
.account .state_on span { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bg_message_on.gif) no-repeat 0 0; }
.account .state_off span { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bg_message_off.gif) no-repeat 0 0; }
.account .state_on, .account .state_off { position:absolute; top:32px; left:115px; font-size:11px; line-height:17px; }
.account .state_on span, .account .state_off span { vertical-align:baseline; *vertical-align:middle; padding:2px 5px; text-align:center; font-size:11px; letter-spacing:-1px; color:#ffffff; }
.member_btn { position:absolute; top:74px; left:26px; }
.member_btn li { float:left; margin-right:20px; } */

/* account - 101102 */
.loginTab { margin-left:11px; }
.loginTab li { float:left; font-size:0; line-height:0 }
.account { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bg_login_2Tab.gif) no-repeat 0 0; width:237px; height:118px; position:relative; overflow:hidden; clear:both; }
.login_chk { position:absolute; top: 10px; left: 26px; }
.login_chk .check { width:13px; height:13px; margin:0; vertical-align:middle; }
.login_chk label { position:relative; top:1px; margin:0 10px 0 0; cursor:pointer; }
.check_font { font-size:11px; color:#529da1; }
.account .id { position:absolute; top:31px; left:26px; }
.account .pw { position:absolute; top:54px; left:26px; }
.account .id, .account .pw { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bg_login_input.gif) no-repeat 0 0; width:111px; height:21px; }
.account .id input, .account .pw input { width:105px; height:15px; padding-left:4px; padding-top:4px; background-color:transparent; border:0; font-size:11px; color:#265355; }
.account .login { position:absolute; top:26px; left:129px; }
.account .logout { position:absolute; top:17px; left:20px; }
.account .hello { position:absolute; top: 10px; left: 115px; font-size:11px; color:#529da1; }
.account .hello span { color:#265355; }
.account .state_on { color:#d34280; }
.account .state_off { color:#529da1; }
.account .state_on img, .account .state_off img { vertical-align:baseline; *vertical-align:middle; }
.account .state_on span { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bg_message_on.gif) no-repeat 0 0; }
.account .state_off span { background:url(http://image.howlingsword.co.kr/HSver0.1/img/common/bg_message_off.gif) no-repeat 0 0; }
.account .state_on, .account .state_off { position:absolute; top:42px; left:115px; font-size:11px; line-height:17px; }
.account .state_on span, .account .state_off span { vertical-align:baseline; *vertical-align:middle; padding:2px 5px; text-align:center; font-size:11px; letter-spacing:-1px; color:#ffffff; }
.member_btn { position:absolute; top:86px; left:26px; }
.member_btn li { float:left; margin-right:20px; }



/** DAUM privacy **/
.Daum_privacy { width:175px; margin:0 auto; text-align:center; }
.Daum_privacy p { color:#265355; line-height:17px; }
.Daum_privacy b { color:#589700; }
.Daum_privacy img { margin-top:4px; }



/* footer */
#footer { width:952px; height:210px; display:inline-block; clear:both; margin:auto 0; margin-top:45px; }
.footer_logo { width:200px; float:left; text-align:center; margin-top:10px; }
.gameinfo { width:700px; float:left; margin-top:-10px; }
.gameinfo .menu { height:12px; margin-top:5px; margin-bottom:17px; overflow:hidden; float:left; }
.gameinfo .menu li { float:left; margin-right:8px; line-height:12px; }
/* footer_2011/03/14 추가 */
#footer .copyright { width:435px; clear:both; }
#footer .copyright li { margin-bottom:13px; line-height:12px; }
#footer .hs_grade { clear:both; }
#footer .hs_grade img { margin-right:7px; }
.family_site { float:left; margin-left:10px; display:inline; position:relative; z-index:9999; }
.family_site p { cursor:pointer; }
.family_site .list { position:absolute; top:-176px; left:0; }
.family_site .list li { line-height:0; font-size:0; }

/* footer_삭제예정 */
.copyrights { width:435px; float:left; }
.copyrights li { margin-bottom:10px; line-height:12px; }
.grade { float:left; }
.gradeMark { text-align:right; margin-right:25px; }
.gradeMark img { margin-top:5px; }


/* DAUM footer */
#DaumFooter { width:910px; height:190px; margin:45px 0 0 27px; display:inline-block; clear:both; padding-top:20px; }
.Daumlogo { width:68px; float:left; }
.Daumlogo p { margin-bottom:8px; }
.privacy { width:563px; float:left; }
.privacy .menu li { float:left; margin-right:10px; margin-bottom:13px; font-size:0; }
.copyright { }
.grade { }

/* 100503 시즌2 간략보기 플래시 추가 */
.season2 { position:absolute; width:100%; height:370px; z-index:2001; margin:0 auto; text-align:center; }