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


/* TITLE : HS Game information page
 * UPDATE: 20100107
 * AUTHOR: KANG WOL SUNG */
 
 
 
 



 
/* 탭 */
.infoTab { width:635px; height:26px; overflow:hidden; background:url('http://image.howlingsword.co.kr/HSver0.1/img/common/tab_BG.gif') repeat-x; }
.infoTab li { float:left; margin-right:2px; }

.tabPlus { width:620px; height:70px; display:block; overflow:hidden; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/tab_plusBG.gif') no-repeat; padding-left:15px; margin-bottom:20px; }
.tabPlus2 { width:635px; height:100px; display:block; overflow:hidden; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/tab_plusBG2.gif') no-repeat; padding-left:15px; margin-bottom:20px; }
.tabPlus li,
.tabPlus2 li { float:left; line-height:0; font-size:0; }
.tabS_1 img, .tabS_2 img, .tabS_3 img, .tabS_4 img { margin:0 8px; }
.tabS_1_111013 img, .tabS_2_111013 img, .tabS_3_111013 img, .tabS_4_111013 img, .tabS_5_111013 img, .tabS_5_111013 img { margin:0 5px; }
.tabS_2_111013_2 img {margin:0 2px;}
.tabS_2_111228_2 {clear:both;}
.tabS_2_111228_2 img {margin:0 6px 6px;}
.tabS_1 { clear:both; }
.tabS_1_111013 { clear:both; margin-left:0; }
.tabS_2 { clear:both; margin-left:60px; }
.tabS_2_111013 { clear:both; margin-left:45px; }
.tabS_2_111013_2 { clear:both; margin-left:0; }
.tabS_3 { clear:both; margin-left:155px; }
.tabS_3_111013 { clear:both; margin-left:215px; }
.tabS_3_111013_2 { clear:both; margin-left:210px; }
.tabS_3_111228 { clear:both; margin-left:80px; }
.tabS_4 { clear:both; margin-left:260px; }
.tabS_4_111228 { clear:both; margin-left:100px; }
.tabS_4_111013 { clear:both; margin-left:290px; }
.tabS_5_111013 { clear:both; margin-left:390px; }
.tabS_6_111013 { clear:both; margin-left:525px; }

.tab_Scenario {margin-bottom:14px;}
.tab_Scenario li {float:left; margin-right:5px}
.tab_Scenario li.last {margin-right:0;}

.tab_Dungeon_drop {margin:25px 0 10px 25px;}
.tab_ItemSystem {margin:25px 0 10px 0;}
.tab_Dungeon_drop li,
.tab_ItemSystem li {float:left; margin-right:1px}

.lay_tabView_Con2, .lay_tabView_Con3, .lay_tabView_Con4, .lay_tabView_Con5, .lay_tabView_Con6, .lay_tabView_Con7 {display:none;} 


/*** 캐릭터와 스킬 ***/

/* 캐릭터&무비___101103_UPDATE */
.charac { position:relative; }
.charac .mov_01 { position:absolute; top:372px; left:35px; width:207px; height:168px; }
.charac .mov_1_1 { position:absolute; top:538px; left:35px; width:565px; height:328px; }
.charac .mov_01_111006 { position:absolute; top:386px; left:35px; width:207px; height:168px; }
.charac .mov_1_2 { position:absolute; top:555px; left:35px; width:565px; height:328px; }

.charac .mov_02 { position:absolute; top:407px; left:35px; width:207px; height:168px; }
.charac .mov_2_1 { position:absolute; top:522px; left:35px; width:565px; height:328px; }
.charac .mov_2_2 { position:absolute; top:516px; left:35px; width:565px; height:328px; }

.charac .mov_03 { position:absolute; top:423px; left:35px; width:207px; height:168px; }
.charac .mov_3_1 { position:absolute; top:495px; left:35px; width:565px; height:328px; }
.charac .mov_3_1_111006 { position:absolute; top:557px; left:35px; width:565px; height:328px; }
.charac .mov_3_1_111228 { position:absolute; top:555px; left:35px;}
.charac .mov_3_2 { position:absolute; top:498px; left:35px; width:565px; height:328px; }

.charac .mov_04 { position:absolute; top:408px; left:35px; width:207px; height:168px; }


/* 스킬 */
.skill {  }
.skill_btn { height:33px; overflow:hidden; margin-bottom:10px; }
.skill_btn li { float:left; margin-right:4px; height:33px; }

.skill_Wrap { margin-bottom:10px; }
.skill_Wrap .bottom { background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/bg_skillBoxBottom.gif') no-repeat 0 0; width:635px; height:5px; clear:both; overflow:hidden; }
.sk_style { background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/bg_skillBoxTop.gif') no-repeat top; width:615px; padding:10px; border-bottom:1px solid #adbacf; letter-spacing:-1px; }
.sk_style .name { font-weight:bold; color:#607fc2; }
.sk_style .info { color:#50596d; }
.sk_thum { width:56px; height:53px; border-left:1px solid #adbacf; border-right:1px solid #adbacf; background-color:#f2f5f9; text-align:center; float:left; }
.sk_thum img { margin-top:12px; }
.sk_body { width:576px; height:53px; border-right:1px solid #adbacf; float:left; }
.sk_tb { width:100%; }
.sk_tb th { height:29px; font-size:11px; text-align:center; letter-spacing:-1px; color:#adbacf; }
.sk_tb td { height:24px; font-size:11px; text-align:center; letter-spacing:-1px; color:#50596d; background-color:#f2f5f9; }

#content {overflow:visible; margin-bottom:50px;}

.charac_skill {position:relative; left:35px; top:-20px;}
.charac_skill h2 {font-size:14px; color:#198fd2; margin-bottom:14px;}
.charac_skill h3 {color:#6aa700; letter-spacing:-1px;}
.charac_skill h2 img {margin-right:11px; vertical-align:-2px;}
.charac_skill p {color:#787878; margin-bottom:20px; letter-spacing:-1px;}
.charac_skill .em_green {color:#6aa700;}

.charac_skill_lay {display:none; position:absolute; left:0; top:0; z-index:100; padding:5px; border:1px solid #f4f4f4; background:#3c3d3d; width:250px;}
.charac_skill_lay_mov {padding-bottom:5px; border-top:1px solid #4d4d4d; border-bottom:1px solid #4d4d4d; border-left:1px solid #3e3e3e; border-right:1px solid #3e3e3e;}
.charac_skill_lay_text {padding:9px 8px 10px 8px; border-top:1px solid #7f7f7f;}
.charac_skill_lay_text dt {font-weight:bold; color:#ffdb03; margin-bottom:5px;}
.charac_skill_lay_text dd {color:#fff; letter-spacing:-1px; font-size:11px;}

/*** 초보자 가이드 ***/

/* 가이드 탭 */
.guideTabWrap { background:url('http://image.howlingsword.co.kr/HSver0.1/img//Mn/info/bg_guideWrap.gif') no-repeat 0 0; width:635px; height:200px; position:relative; }
.guideTab_1, .guideTab_2, .guideTab_3 { margin-left:248px; width:323px; clear:both; }
.guideTab_1 li { float:left; margin-right:30px; height:24px; margin-top:20px; line-height:0; overflow:hidden; }
.guideTab_2 li { float:left; margin-right:30px; height:20px; margin-top:10px; line-height:0; overflow:hidden; }
.guideTab_3 li { float:left; margin-right:30px; height:30px; margin-top:13px; line-height:0; overflow:hidden; }
.info_con { margin-top:30px; }
.info_con img { display:block; }
.info_con .movie { position:relative; }
.info_con .m_transfer { position:absolute; top:60px; left:30px; }
.info_con .m_control { margin:20px 0 20px 110px; width:420px; }
.info_con .grayS { text-align:center; font-size:11px; color:#888888; font-weight:bold; padding-top:10px; }
.install { position:absolute; top:100px; right:20px; }




/*** 아이템 ***/

.itemSearch_Wrap { background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/bg_itemSearch.gif') no-repeat 0 0; width:635px; height:95px; margin-top:20px; overflow:hidden; }
.itemSearch li { float:left; }
.itemSearch_01 { width:131px; padding-left:35px; }
.itemSearch_02 { width:142px; padding-left:26px; }
.itemSearch .txt { font-weight:bold; color:#198fd2; margin-left:27px; margin-top:23px; line-height:11px; }
.itemSearch .detail { margin-top:22px; color:#7f9db9; font-size:11px; }
.itemSearch .input01 { width:35px; height:17px; border:1px solid #7f9db9; color:#333333; padding:0 0 0 2px; font-family:dotum; }
.itemSearch .input02 { width:116px; height:19px; border:1px solid #7f9db9; color:#333333; font-family:dotum; }
.itemSearch .btn { margin:20px; }

.itemTit { background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/bg_itemBoxTop.gif') no-repeat 0 0; margin-top:30px; }
.itemTitWrap { width:100%; border-collapse: collapse; }
.itemTitWrap th { letter-spacing:-1px; text-align:center; height:45px; border-bottom:1px solid #adbacf; color:#69748d;}
.itemTitWrap .bar { background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/bu_itemTit.gif') no-repeat 0 16px; }

.itemWrap { width:100%; border-left:1px solid #adbacf; border-right:1px solid #adbacf; }
.itemWrap td { height:50px; text-align:center; font-size:11px; }
.itemWrap .name { font-size:12px; font-weight:bold; color:#607fc2; text-align:left; }
.itemWrap .ListBg { background-color:#f2f5f9; }
.itemWrap_bottom { background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/bg_itemBoxBottom.gif') no-repeat 0 0; height:5px; width:635px; }


/* 111007 추가 */
.infoTab_itemSub {position:relative; z-index:100; margin:16px 0 0 0; padding:5px 0 0 14px; width:621px; height:29px; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/infoTab_itemSub_bg.gif') no-repeat left top;}
.infoTab_itemSub li {float:left; margin-right:19px;}
.infoTab_itemSub .itemSub_2menu {position:absolute; top:35px; z-index:100;}
.infoTab_itemSub .itemSub_1 {left:20px;}
.infoTab_itemSub .itemSub_2 {left:5px;}
.infoTab_itemSub .itemSub_1 .arrow {left:23px;}
.infoTab_itemSub .itemSub_2 .arrow {left:125px;}
.infoTab_itemSub .itemSub_2menu ul {overflow:hidden;  height:33px;}
.infoTab_itemSub .itemSub_2menu .arrow {position:absolute; top:-6px; display:block; width:12px; height:10px; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/itemSub_2menu_arrow.png') no-repeat left top;}
.infoTab_itemSub .itemSub_2menu .first {padding-left:15px; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/itemSub_2menu_bg.png') no-repeat left top;}
.infoTab_itemSub .itemSub_2menu .last {padding-right:15px; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/itemSub_2menu_bg.png') no-repeat right -73px;}
.infoTab_itemSub .itemSub_1 a,
.infoTab_itemSub .itemSub_2menu .last a {background:none !important;}
.infoTab_itemSub .itemSub_2menu li {display:inline-block; padding:6px 5px 10px; *padding-top:5px; margin-right:0; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/itemSub_2menu_bg.png') repeat-x center -37px;  line-height:1;}
.infoTab_itemSub .itemSub_2menu li a {color:#6e7190; line-height:1; font-weight:bold; font-size:11px;}
.infoTab_itemSub .itemSub_2menu li span {display:inline-block; line-height:1; font-size:11px; padding-left:10px; color:#7d82a7;}
:root .infoTab_itemSub .itemSub_2menu li {padding-top:7px \0/IE9;}


.itemSearch2 {position:relative; width:635px; height:79px; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/itemSearch2_bg.gif') no-repeat left top;}
.itemSearch2 .txt {float:left; margin:3px 10px 0 0; font-weight:bold; color:#544d91;}
.itemSearch2 select {float:left; border:1px solid #7f95b9; font-family:'돋움'; width:118px;}
.itemSearch2 .iS_wrap_1 {position:absolute; left:50px; top:28px;}
.itemSearch2 .iS_wrap_2 {position:absolute; left:275px; top:28px;}
.itemSearch2 #btnSearch {position:absolute; left:491px; top:21px;}

.item_heading {margin:20px 0 10px 0;}
.item_heading strong {color:#5f6bcb;}

.itemTit2 { background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/bg_itemBoxTop.gif') no-repeat 0 0;}
.itemWrap2 {width:100%; border-left:1px solid #adbacf; border-right:1px solid #adbacf; }
.itemWrap2 td {padding:16px 0; text-align:center; font-size:11px; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/itemWrap2_line.gif') repeat-y left top; letter-spacing:-1px}
.itemWrap2 td li {font-size:11px;}
.itemWrap2 td img {border:1px solid #121212;}
.itemWrap2 .name {padding-left:2px; padding-right:2px; font-size:12px; font-weight:bold; color:#607fc2;}
.itemWrap2 .skill,
.itemWrap2 .info {padding:16px 3px 16px 10px; text-align:left;}
.itemWrap2 .info strong {color:#5dc0ee;}
.itemWrap2 .ListBg td {background:#f2f5f9 url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/itemWrap2_line2.gif') repeat-y left top;}
.itemWrap2 .ListBg td p.top {background-color:#f2f5f9;}
.itemWrap2 .ListBg td p.bottom {background-color:#f2f5f9;}

.itemWrap2_tbl {position:relative;}
.itemWrap2_tbl p.top {position:absolute; left:1px; top:0; height:16px; width:633px; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/itemWrap2_nbsp.gif') no-repeat left top;}
.itemWrap2_tbl p.bottom {position:absolute; left:1px; bottom:0; height:16px; width:633px; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/itemWrap2_nbsp.gif') no-repeat left top;}

.ListEven p.top {position:absolute; left:1px; top:0; height:16px; width:633px; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/itemWrap2_nbsp2.gif') no-repeat left top;}
.ListEven p.bottom {position:absolute; left:1px; bottom:0; height:16px; width:633px; background:url('http://image.howlingsword.co.kr/HSver0.1/img/Mn/info/itemWrap2_nbsp2.gif') no-repeat left top;}


/* 게임소개 */
.Feature_movie {position:relative;}
.Feature_movie p {position:absolute; left:38px; top:569px;}
.Feature_movie .F_movie_2 {display:none;}

/* 페이지 이동 */
/* paging */
.page_btn { margin-top:10px; }
.page_btn td { padding:0 5px; line-height:11px; height:12px; text-align:center; }
.page_btn .page_font { font-size:11px; color:#6e7991; }
.page_btn .page_font a span { color:#6e7991; }
.page_btn .b { color:#6e7991; font-weight:bold; }




/* Layout */
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}
caption {display:none;}