@charset "utf-8";
body {font:12px/14px dotum,"돋움"; background:#000;  color:#b0987b}
* {margin:0; padding:0;}

input, select, textarea, td, th {font:12px/14px Dotum,"돋움"; color:#b0987b;}
td, th {empty-cells:show; word-break:break-all; text-align:left;}
img, fieldset {border:0 none;}
em {font-style:normal;}
ul,ol,li,dl,dt,dd {list-style-type:none;}
table {border-collapse:collapse; border:0 none;}
fieldset input, fieldset img, fieldset select {vertical-align:middle;}

A {text-decoration:none; color:#b0987b;}

.clearer {clear:both;}
.spacer {font-size:1px; line-height:0em;}
.clearfix:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.clearfix {display:inline-block;}
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
.v_top {vertical-align:top;}
.v_mid {vertical-align:middle;}
.pos_rel {position:relative;}

html {height:100%;}
body {height:100%;}

#bodyWrapper {
_height:1060px; min-height:100%; width:100%; position: absolute; top: 0; left: 0;
}
.visual-bg-left {position:absolute; left:-480px; top:0; width:50%; background-repeat:no-repeat; background-position:right 55px; height:100%;  _display:none;}
.visual-bg-left-ie6 {height:100%; position:absolute; left:0; top:0; width:495px; left:-495px;background-repeat:no-repeat; background-position:right 55px; display:none;
/*position:absolute; left:-495px; top:0px; width:495px; height:100%; background-repeat:no-repeat; background-position:right 34px; display:none;*/}
.visual-bg-right {position:absolute; z-index:1; top:0; left:50%; width:50%; height:100%; background-repeat:no-repeat; background-position:480px 55px;  }		/* ie 7 */

.cont-bg {position:absolute; z-index:0; top:0; left:50%; margin-left:-480px; width:960px; height:100%; background: url('http://s.nx.com/s2/game/heroes/web/images/common/bg_mid_area.gif') repeat-y center top; }
.wrapSection_0 .cont-bg {background:url('http://s.nx.com/s2/game/heroes/web/images/main/bg_main_ptn.jpg') repeat-y left top;}
	.wrapSection_0 .visual-bg-left ,
	.wrapSection_0 .visual-bg-left-ie6 {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_left_0.jpg'); }
	.wrapSection_0 .visual-bg-right {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_right_0.jpg')}
	.wrapSection_1 .visual-bg-left ,
	.wrapSection_1 .visual-bg-left-ie6 {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_left_1.jpg'); }
	.wrapSection_1 .visual-bg-right {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_right_1.jpg')}
	.wrapSection_2 .visual-bg-left ,
	.wrapSection_2 .visual-bg-left-ie6 {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_left_2.jpg'); }
	.wrapSection_2 .visual-bg-right {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_right_2.jpg')}
	.wrapSection_3 .visual-bg-left ,
	.wrapSection_3 .visual-bg-left-ie6 {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_left_3.jpg'); }
	.wrapSection_3 .visual-bg-right {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_right_3.jpg')}
	.wrapSection_4 .visual-bg-left ,
	.wrapSection_4 .visual-bg-left-ie6 {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_left_4.jpg'); }
	.wrapSection_4 .visual-bg-right {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_right_4.jpg')}
	.wrapSection_5 .visual-bg-left ,
	.wrapSection_5 .visual-bg-left-ie6 {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_left_5.jpg'); }
	.wrapSection_5 .visual-bg-right {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_right_5.jpg')}
	.wrapSection_6 .visual-bg-left ,
	.wrapSection_6 .visual-bg-left-ie6 {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_left_6.jpg'); }
	.wrapSection_6 .visual-bg-right {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_right_6.jpg')}
	.wrapSection_temp .visual-bg-left ,
	.wrapSection_temp .visual-bg-left-ie6 {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_left_temp.jpg'); }
	.wrapSection_temp .visual-bg-right {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_right_temp.jpg')}
	.wrapSection_temp2 .visual-bg-left ,
	.wrapSection_temp2 .visual-bg-left-ie6 {background-image:url('http://heroes.nexon.com/Etc/images/bg_left_temp.jpg'); }
	.wrapSection_temp2 .visual-bg-right {background-image:url('http://heroes.nexon.com/Etc/images/bg_right_temp.jpg')}
.ngb_pos {position:absolute; z-index:11; width:100%; left:0;}

.layoutWrap {position:relative; z-index:4; width:960px; margin:0 auto; margin-bottom:235px; _background: url('http://s.nx.com/s2/game/heroes/web/images/common/bg_mid_area.gif') repeat-y center top; }
	.wrapSection_temp .layoutWrap {background:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_content_top.gif') no-repeat left 55px;}
	.wrapSection_temp2 .layoutWrap {background:none;}
	.wrapSection_temp2 span {margin-top:-54px;}
	.wrapSection_temp2 .layoutWrap div {margin-top:-54px;}
	.wrapSection_0 .layoutWrap {background:url('http://s.nx.com/s2/game/heroes/web/images/main/bg_main.jpg') no-repeat left 55px;}
.layoutWrap:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.layoutWrap {display:inline-block;}
	* html .layoutWrap {height: 1%;}
	.layoutWrap {display: block;}
.layoutLeft {float:left; height: auto; width:239px; padding:188px 0 50px 0;}
.game_award {position:absolute; left:-9px; top:58px; z-index:99;}
.sns_link {position:absolute; right:-31px; top:136px; width:31px; overflow:hidden; font-size:0;}

.top_area {position:absolute; left:0; top:55px; padding:0 6px 12px 0; background:url('http://s.nx.com/s2/game/heroes/web/images/main/bg_logo.png') no-repeat left top; z-index:-1;}
.top_area_fx {position:absolute; left:0; top:55px; padding:0 6px 12px 0; background:url('http://s.nx.com/s2/game/heroes/web/images/main/bg_logo.png') no-repeat left top; z-index:12;}

.layoutCont {position:relative; z-index:3; float:right; width:721px;  padding:55px 0 50px; height: auto; /*overflow:hidden;*/ }
.layoutFoot {position: absolute; bottom: 0; _bottom:-1px; left: 0;  z-index:3; width:960px; left:50%; margin-left:-480px;padding:0px 0 60px; height: 175px; background:#000 url('http://s.nx.com/s2/game/heroes/web/images/common/bg_foot.jpg') no-repeat center top; height:175px;}
.layoutFoot:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.layoutFoot {display:inline-block;}
	* html .layoutFoot {height: 1%;}
	.layoutFoot {display: block;}

/*서브메뉴 높이 산출 방법 = 32  x 각메뉴수 (커뮤니티 예외) - 그랜드오픈*/
.snb_navi_1 {height:155px; overflow:hidden; padding-bottom:24px}
.snb_navi_2 {height:212px; overflow:hidden; padding-bottom:24px}
.snb_navi_3 {height:318px; overflow:hidden; padding-bottom:24px}
.snb_navi_4 {height:133px; overflow:hidden; padding-bottom:24px}
.snb_navi_5 {height:155px; overflow:hidden; padding-bottom:24px}
.snb_navi_6 {height:219px; overflow:hidden; padding-bottom:24px}

.sub_ban {display:block; font-size:0em; padding-left:27px;}
.sub_ban .ad {margin-bottom:10px;}
.sub_ban .shift_ban {margin:5px 0;}
.sub_ban .shift_ban img {margin-bottom:6px;}
.sub_ban .imp_ban {margin-top:15px;}
.sub_ban .imp_ban img {margin-bottom:4px;}
.sub_ban .top {margin-bottom:5px;}
.sub_ban .regular_ban {width:183px; border:1px solid #473e31; border-width:1px 1px 0 1px; margin-top:9px;}
.sub_ban .regular_ban img {border-bottom:1px solid #473e31;}

.login_area {height:155px; background:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_left_login.gif') no-repeat left top; overflow:hidden;}
.login_form {background:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_aside_loginform.gif') no-repeat 27px 16px; padding:13px 0 0 27px;}
.login_form .action_join {padding:0 0 3px 138px; height:25px;}		/* ie */
.login_form fieldset {position:relative; width:187px;}
.login_form fieldset input,
.login_form fieldset img  {vertical-align:top;}
.login_form .tfield1 {width:99px; background-repeat:no-repeat; background-position:left center; margin:0 0 5px;}		/* ie */
.login_form .action {position:absolute; left:111px; top:0;}		/* ie */
.login_form .login_opt {padding:2px 0 0; margin-left:-1px; height:26px;}		/* ie */
.login_form .login_opt:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.login_form .login_opt {display:inline-block;}
	.login_form .login_opt {display: block;}
.login_form .play_opt {border-bottom:1px solid #51483a; padding:3px 0 4px 0; margin-bottom:4px;}
.login_form fieldset .login_opt img {vertical-align:bottom;}
.login_form .login_opt1 {float:left; }
.login_form .login_opt2 {float:right; padding-right:2px;}
.login_form .login_opt img {vertical-align:top;}
.login_form .login_opt input {}		/* ie */
.login_form .login_opt label {position:relative; }
.login_form .login_opt label em {position:absolute; left:0; top:0; width:100%;height:15px; text-indent:-5000px; background:url('http://s.nx.com/s2/game/heroes/web/images/common/blank.gif'); _display:none;}
.login_form .btnspace_l img,
.login_form .btnspace_r img {margin:0;}
.game_start_opt {height:23px; background:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_aside_membership_start_opt.gif') no-repeat left top; padding:12px 0 0 12px; font-size:0;}
.game_start_opt .btn_space {margin-right:4px;}
.after_login {padding-top:9px; background:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_aside_loginform.gif') no-repeat 27px 13px; }
.after_login .action_logout {position:relative; padding-left:166px; height:18px;}
.after_login .action_logout .gm_memo {position:absolute; right:78px;}
.after_login_alarm {padding-top:55px; color:#e9e2ce; text-align:center; line-height:17px;}
.after_login_alarm img {margin:8px 0}
.user_info {padding:8px 0 0 27px; width:187px;}
.user_info em {float:left; color:#e9e2ce; font-weight:bold; width:120px; padding:0 0 6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.user_info .lev {font:10px/14px tahoma; color:#bba978; float:right; width:50px; text-align:right; }
.user_info .select-layer-wrap {margin-bottom:5px;}
.user_info .select1-box .select-label ,
.user_info .select1-list li {padding-left:20px;}
.user_info .character_list .select1-box .select-label ,
.user_info .character_list .select1-list li {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/ico_user_char.gif'); background-repeat: no-repeat;background-position: 3px 3px;}
.user_info .guild_list .select1-box .select-label ,
.user_info .guild_list .select1-list li {background-image:url('http://s.nx.com/s2/game/heroes/web/images/common/ico_user_guild.gif'); background-repeat: no-repeat; background-position: 3px 3px;}
.msg_guild_ready  {background:#443c31 url('http://s.nx.com/s2/game/heroes/web/images/board/ico_guild_mark.png') no-repeat 3px 3px; border:1px solid #373027;  font-size:11px; line-height:14px; padding:3px 0 2px 20px; color:#a59a83; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:163px;}
.msg_char_ready  {background:#443c31 url('http://s.nx.com/s2/game/heroes/web/images/common/ico_user_char.gif') no-repeat 3px 3px; border:1px solid #373027;  font-size:11px; line-height:14px; padding:3px 0 2px 20px; margin-bottom:5px; color:#a59a83; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:163px;}

.after_login .usermenu {padding:10px 0 0 16px; font:10px/14px tahoma;}
.after_login .usermenu:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.after_login .usermenu {display:inline-block;}
	* html .after_login .usermenu {height: 1%;}
	.after_login .usermenu {display: block;}
.after_login .usermenu li {float:left; margin-left:11px; _display:inline;}
.after_login .memo {padding-left:38px;; background:url('http://s.nx.com/s2/game/heroes/web/images/common/ico_user_memo.png') no-repeat left top;}
.after_login .friends {padding-left:36px;; background:url('http://s.nx.com/s2/game/heroes/web/images/common/ico_user_friends.png') no-repeat left top;}
.after_login .usermenu em {color:#e79d00; font-weight:bold;}

.left_search {height:40px; background:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_left_search.gif') no-repeat left top; padding-left:78px;}
.left_search li {float:left; margin-top:11px;}
.left_search .input_box {width:113px; background:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_left_search_input_box.gif') no-repeat left top; overflow:hidden;}

.layoutFoot .logo {float:left; padding-top:120px;}
.layoutFoot .logo .corp {margin-left:25px;}
.layoutFoot .logo .award {margin-left:28px;}
.layoutFoot .footer_cont {float:right; width:721px; padding:112px 0 0; height:63px; }
.layoutFoot .footer_cont ul {height:22px; }
.layoutFoot .footer_cont ul:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.layoutFoot .footer_cont ul {display:inline-block;}
	.layoutFoot .footer_cont ul {display: block;}
.layoutFoot .footer_cont li {float:left; padding:0 8px 0 9px; background:url('http://s.nx.com/s2/game/heroes/web/images/common/bdr_footer_util.gif') no-repeat left 1px;}
.layoutFoot .footer_cont li.first {padding-left:0; background:none;}
.layoutFoot .footer_cont li img {vertical-align:top;}
.layoutFoot .footer_company {padding:12px 0 6px 406px; background:url('http://s.nx.com/s2/game/heroes/web/images/common/txt_footer_company.gif') no-repeat left top; height:12px; overflow:hidden; }
.layoutFoot .footer_company A {background:url('http://s.nx.com/s2/game/heroes/web/images/common/blank.gif'); display:block; width:180px; height:100%; text-indent:-5000px;}
.layoutFoot .footer_info {padding-bottom:6px; height:25px; overflow:hidden; }
.gnb_pos {position:relative; height:80px; background:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_top_navi.gif') no-repeat left bottom; z-index:0; }
.page_cont {padding:0 31px 0 30px; background:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_top.gif') no-repeat left top; zoom:1;}
.section_tit {padding:0 0 20px;}
	.section_tit_space1 {padding-bottom:0px;}
	.section_tit_space2 {padding-bottom:12px;}
	.section_tit_space3 {padding-bottom:10px;}
.section_tit em  {display:block; padding:10px 0;}
.section_tit img {vertical-align:top;}
.section_tit .url {position:absolute; right:32px; top:137px; color:#7a6e5c; font-size:11px; letter-spacing:-1px;}
.section_tit .url A, A:link {color:#7a6e5c;}
.section_tit .url A:hover {color:#7a6e5c; text-decoration:underline;}
.section_tit .url .tit {background:url('http://s.nx.com/s2/game/heroes/web/images/board/ico_url_tit.gif') no-repeat left top; padding-left:14px; color:#b0987b;}
.section_tit .url .address {font-family:tahoma; letter-spacing:0;}
.section_tit .url .copy {background:url('http://s.nx.com/s2/game/heroes/web/images/board/ico_arrow1.gif') no-repeat 2px 3px; padding-left:9px;}
.subtit1 {padding:0 0 6px;}
.subtit1 img {vertical-align:top;}
	.clearfix .subtit1 {float:left;}
.subtit1_more {float:right; padding:4px 0 0;}
.subtit1_select {float:right; padding:0;}
.subtit1_cat {float:left;   height:21px; overflow:hidden;line-height:14px;}
.subtit1_cat A,
.subtit1_cat span {color:#bc9f6f; float:left;  padding:4px 0 3px 17px; background:url('http://s.nx.com/s2/game/heroes/web/images/common/bul_subtit_cat.gif') no-repeat 0px 0px; }
.subtit1_cat A:hover {text-decoration:underline;}
.subtit1_cat .cartoon_cat {font-weight:bold; text-decoration:none; color:#bc9f6f; }
.subtit1_cat span {color:#7c6447; text-decoration:underline;}
.subtit2 {padding:0 0 8px;}
.subtit2_more {float:right; padding:6px 0 0;}
.subtit3 {padding:0 0 11px;}
.subtit4 {height:20px; background:url('http://s.nx.com/s2/game/heroes/web/images/common/bg_subtit_header.gif') repeat-x; text-align:center;}
.subtit_top_ban {position:absolute; left:334px; z-index:0;}
.page_tit {overflow:hidden;}

.topbtn_pos {position:relative;}
.topbtn {position:absolute; right:-18px;}

.layout2_wrap, .layout2_pos {height: 100%;}
.layout2_wrap {
	margin: 0 auto; 
	display: table; background: url('http://heroes.nexon.com/Etc/images/bg_content.gif');
}
.layout2_pos {
	display: table-cell;
	vertical-align: middle;
}
/**/
.layout2_pos {
	white-space: nowrap;
}
.layout2 { width:960px;}
.temp_cont {width:620px; margin:34px auto 0; background:url('http://heroes.nexon.com/Etc/images/bg_frame.gif') repeat-y left top; position:relative; z-index:2;}
.temp_cont .login {width:520; height:105px; background:url('http://heroes.nexon.com/Etc/images/bg_inspect_login.jpg') no-repeat 50px top; padding-top:27px;}
.temp_cont .login .login_opt {padding-top:10px;}
.temp_cont .start_opt {padding-top:12px;}
.temp_cont .character_select {width:245px; background:url('http://heroes.nexon.com/Etc/images/bg_character_select.gif') no-repeat left 5px; padding-top:3px;}
.temp_cont_table {width:100%;}
.temp_cont_cell {height:285px; text-align:center;}
.temp_cont_cell .tit {padding-top:25px;}
.temp_cont_cell .list_style1 {font-family:gulim,"굴림";  margin:5px 0 0; padding:0 0 05px 11px; line-height:14px; background:url('http://heroes.nexon.com/Etc/images/bul_square_1.gif') no-repeat left 3px; text-align:left; vertical-align:top;}
.temp_cont_cell .btnspace img {margin:0 3px 0 2px;} 


.introBody {width:100%; height:100%;  background:#000 url('http://s.nx.com/s2/game/heroes/web/images/intro/bg_visual.jpg') no-repeat center top}

.intro_wrap, .intro_pos {height: 100%;}
.intro_wrap {
	margin: 0 auto; display: table; width:980px;
}
.intro_pos {
	display: table-cell; 
	vertical-align: middle;
}
.intro {width:100%; height:558px; background:url('http://s.nx.com/s2/game/heroes/web/images/intro/bg_box.png') no-repeat center center;}
.intro_cont {height:588px; position:relative; text-align:center;}








.tfield1 {border:1px solid #363027; border-color:#363027 #40382d #40382d #363027; background:#40382d; height:15px; padding:2px 0 0 4px; font-size:11px; color:#a59a83;}
.tfield2 {border:1px solid #1c1513; background:#7a6e5c;padding:3px 0 0 4px; height:16px; color:#241d16; font-size:12px;}
.tfield3 {background:#2c221c; border:1px solid #1c1513; border-color:#1c1513 #453625 #453625 #1c1513; color:#7c6447; font-size:12px; letter-spacing:0; padding:3px 0 0 5px; height:16px; }
.tfield4 {border:0; background:none; padding:3px 0 0 4px; font-size:12px; color:#241d16; letter-spacing:-1px;}
textarea.tfield3 {height:auto; line-height:18px; padding:7px 0 0 9px;}

.select_char_box {background:#443c31; border:1px solid #373027; color:#a59a83; font-size:12px; line-height:14px;}
.select_box {background:#62513e; color:#b0987b; font-size:12px; line-height:14px;}
.select_box1 {background:#62503d; color:#1c1513; font-size:12px; line-height:14px;}

.select1-box {background:#443c31 url('http://s.nx.com/s2/game/heroes/web/images/common/select_arrow1.gif') no-repeat right 0px; border:1px solid #373027; height:19px; cursor:pointer; font-size:11px; line-height:14px; }
.select1-box .select-label {display:block; background-color:#443c31;  margin:0 20px 0 0px; padding:3px 0 2px 4px; color:#a59a83; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.select1-open {background-position:right -18px;}
.select1-list {position:absolute; color:#a59a83; background-color:#443c31;  z-index:101; border:1px solid #393126; margin:-1px 0 0;  overflow:auto; font-size:11px;line-height:14px;  overflow:auto; display:none; }
.select1-list li { padding:3px 0 2px 4px; cursor:default; text-align:left;}
.select1-list .selected {background-color:#393126;  color:#e9e2ce;}
.select1-list .over {background-color:#393126;  color:#e9e2ce;}

.select2-box {background:#62513e url('http://s.nx.com/s2/game/heroes/web/images/common/select_arrow2.gif') no-repeat right 0px; border:1px solid #1c1513; height:19px; cursor:pointer; font-size:12px; line-height:14px; }
.select2-box .select-label {display:block; background-color:#62513e;  margin:0 17px 0 0px; padding:3px 0 2px 5px; color:#241d16;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.select2-open {background-position:right -19px;}
.select2-list {position:absolute; color:#241d16; background-color:#62513e;  z-index:101; border:1px solid #1c1513; margin:-1px 0 0;  overflow:auto; font-size:12px; line-height:14px; overflow:auto; display:none; }
.select2-list li { padding:3px 0 2px 5px; cursor:default; text-align:left;}
.select2-list .selected {background-color:#413324;  color:#b0987b;}
.select2-list .over {background-color:#413324;  color:#b0987b;}

.select3-box {background:#62513e url('http://s.nx.com/s2/game/heroes/web/images/common/select_arrow3.gif') no-repeat right 0px; border:1px solid #1c1513; height:24px; cursor:pointer; font-size:12px; line-height:14px; }
.select3-box .select-label {display:block; background-color:#62513e;  margin:0 17px 0 0px; padding:5px 0 5px 6px; color:#241d16;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.select3-open {background-position:right -24px;}
.select3-list {position:absolute; color:#241d16; background-color:#62513e;  z-index:101; border:1px solid #1c1513; margin:-1px 0 0;  overflow:auto; font-size:12px; line-height:14px; overflow:auto; display:none; }
.select3-list li { padding:3px 0 1px 6px; cursor:default; text-align:left;}
.select3-list .selected {}
.select3-list .over {text-decoration:underline;  color:#c97910;}

.btnspace {font-size:1px; line-height:0em;}
.btnspace:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.btnspace {display:inline-block;}
	* html .btnspace {height: 1%;}
	.btnspace {display: block;}
.btnspace img, .btnspace input {vertical-align:top;}
.btnspace_l {text-align:left;}
	.btnspace .btnspace_l {float:left;}
	.btnspace_l img, .btnspace_l input {margin-right:4px;}
	.btnspace_l A:hover {text-decoration:underline;}
	.btnspace .btnspace_l .prev {background:url('http://s.nx.com/s2/game/heroes/web/images/bul/bul_arrow_prev.gif') no-repeat left 1px; font-size:12px; line-height:17px; padding-left:11px; margin-right:7px;}
	.btnspace .btnspace_l .next {background:url('http://s.nx.com/s2/game/heroes/web/images/bul/bul_arrow_next.gif') no-repeat right 1px; font-size:12px; line-height:17px; padding-right:11px; margin-right:7px;}
	.btnspace .btnspace_l .block {height:12px; background:url('http://s.nx.com/s2/game/heroes/web/images/board/bdr_view_10.gif') no-repeat left 2px; padding:0 5px; display:inline-block;}
.btnspace_r {text-align:right;}
.btnspace .btnspace_r {float:right;}
	.btnspace_r img, .btnspace_r input {margin-left:4px;}
	.btnspace_r .s_btn {margin:5px 5px 0 0;}
.btnspace_c {text-align:center;}
	.btnspace_c img, .btnspace_c input {margin:0 2px;}
.btnspace_1 {padding-top:15px;}
.btnspace_2 {padding-top:20px;}
.btnspace_view_top {text-align:right; padding:0 0 5px;}
.btnspace_view_ucc_top {text-align:right; padding:0 0 5px; margin-top:-10px;}

.tab_wrap {padding-bottom:9px;}
.tab_wrap:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.tab_wrap {display:inline-block;}
	* html .tab_wrap {height: 1%;}
	.tab_wrap {display: block;}
.tab_wrap ul {float:left;}
.tab_wrap ul:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.tab_wrap ul {display:inline-block;}
	* html .tab_wrap ul {height: 1%;}
	.tab_wrap ul {display:block;}
.tab_wrap li {float:left; padding:0 2px 0 0;}
.tab_wrap img {vertical-align:top;}
.tab_wrap .last {float:left; padding:0;} /*풀로 꽉찬 상태의 탭에서 가장 오른쪽 탭에 주는 클래스*/
.tab_wrap .board_sch2 {float:right; padding:2px 0 0; margin-bottom:-1px;}
.tab_wrap .board_sch2 fieldset {_display:inline;}
.tab_wrap .board_sch2 input, .tab_wrap .board_sch2 img {vertical-align:top;}

.tab_wrap2 {overflow:hidden; zoom:1; background:url('http://s.nx.com/s2/game/heroes/web/images/community/bg_cartoon_tab.gif') repeat-x left bottom;}
	.tab_wrap2_view {margin-bottom:-1px;}
.tab_wrap2 ul {margin-left:-4px; width:664px;}
.tab_wrap2 ul:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.tab_wrap2 ul {display:inline-block;}
	* html .tab_wrap2 ul {height: 1%;}
	.tab_wrap2 ul {display: block;}
.tab_wrap2 li {float:left; padding-left:4px; position:relative; }
.tab_wrap2 img {vertical-align:top;}

.tab_wrap3 {padding-top:20px;}
.tab_wrap3:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.tab_wrap3 {display:inline-block;}
	* html .tab_wrap3 {height: 1%;}
	.tab_wrap3 {display: block;}
.tab_wrap3 ul {float:left;}
.tab_wra3p ul:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.tab_wrap3 ul {display:inline-block;}
	* html .tab_wrap3 ul {height: 1%;}
	.tab_wrap3 ul {display:block;}
.tab_wrap3 li {float:left; padding:0 2px 0 0;}
.tab_wrap3 img {vertical-align:top;}

.tab_wrap_spacing {padding-top:7px;}

.pagenavi {font:bold 11px/14px tahoma; color:#634c2f; padding:14px 0; overflow:hidden; position:relative; height:14px; }
.pagenavi:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.pagenavi {display:inline-block;}
	.pagenavi {display: block;}
.pagenavi .page_wrap {/*float:left;*/ margin-left:-4px;}
	.cont_2col .pagenavi {float:left; left:50%; overflow:visible;}
	.cont_2col .pagenavi .page_wrap {float:left; left:-50%; position:relative;}
.space_minus8 {margin-top:-8px} /*자유게시판일 경우 pagenavi의 상단 여백을 8px줄임*/
.space_plus8 {margin-bottom:8px} /*자유게시판일 경우 pagenavi의 상단 여백을 8px늘임*/
.page_wrap:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.page_wrap {display:inline-block;}
	* html .page_wrap {height: 1%;}
	.page_wrap {display: block;}
.page_wrap .page_btn {float:left; padding:0 4px;}
.page_wrap .page_btn img {vertical-align:top; margin:3px 0 0;}
.page_wrap .page_print {float:left; overflow:hidden;}
.page_wrap .page_numbering {float:left; margin-left:-1px;}
.page_wrap .page_numbering:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.page_wrap .page_numbering {display:inline-block;}
	* html .page_wrap .page_numbering {height: 1%;}
	.page_wrap .page_numbering {display: block;}
.page_wrap .page_numbering A {color:#634c2f;}
.page_wrap .page_numbering A:hover {color:#fae7bd;}
.page_wrap .page_numbering span  {float:left; padding:0 3px 0 4px; background:url('http://s.nx.com/s2/game/heroes/web/images/board/bdr_page.gif') no-repeat left top; }
.page_wrap .page_numbering .now_page {padding:0 7px 0 8px; color:#c5700f;}
.page_wrap .page_numbering span A {display:block; padding:0 4px; _display:inline-block;}
.pagenavi .btnspace_r {position:absolute; right:0; margin-top:-6px; }
.pagenavi .btnspace_r2 {position:absolute; right:0; margin-top:-3px; }
.pagenavi .btnspace_r2 img {margin-left:4px;}

.board_sch_wrap {padding:25px 0 0; }
.board_sch_wrap:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	.board_sch_wrap {display:inline-block;}
	* html .board_sch_wrap {height: 1%;}
	.board_sch_wrap {display: block;}
	.cont_2col .board_sch_wrap {padding-top:17px;}
.board_sch {float:left; position:relative; left:50%;text-align:left;}
.board_sch fieldset {_float:left; position:relative; left:-50%;}
/*
.board_sch fieldset :after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
*/
	.board_sch fieldset  {display:inline-block;}
	* html .board_sch fieldset  {height: 1%;}
	.board_sch fieldset  {display: block;}
.board_sch .select-layer-wrap ,
.board_sch img,
.board_sch input {float:left; margin:0 2px; _display:inline;}
.board_sch .select2-box {font-size:11px;}
.board_sch .select2-list {font-size:11px; }

.level_wrapper {float:right; padding-top:3px; _padding:0;}

.cont_2col_left {float:left; width:323px; }
.cont_2col_right {float:right; width:323px; }

.settle_space_15 {padding-top:15px;}
.settle_space_20 {padding-top:20px;}
.settle_space_30 {padding-top:30px;}
.settle_space_10 {padding-top:10px;}