@charset "utf-8";

/* *** layout *** */
#heroes_contents {
	width:1260px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sub_01.gif) right 0 repeat-y;
}
#heroes_top {height:78px;}

/* bt_top */
.bt_top {display:none;position:fixed;bottom:216px;right:50%;margin-right:-686px;}

/* ** heroes_contents ** */
#heroes_contents #contents {
	float:left;
	width:892px;
	margin-left:30px;
	padding :50px 0 210px 0;
/*	outline:1px solid pink;*/
}
#heroes_contents #aside {
	float:right;
	width:248px;
	height:100%;
	margin-left:30px;
	padding:30px 30px 50px 30px;
}

/* * aside * */
/* login */
#login {
	margin-bottom:30px;
	padding-bottom:30px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;
}
.login_form {padding-top:0;}
.login_form .bt_login {background:#61616a}
.login_form .type2.bt_login {border-color:#61616a;}

/* side_menu */
.side_menu {
	margin-bottom:25px;
}
.side_menu .bt_all {float:right;}
.side_menu h2 {
	font-size:24px;
	color:#fff;
}
.side_menu .menu {clear:both;padding-top:20px}
.side_menu .menu li {margin-bottom:5px;border-bottom:1px solid #36363c;}
.side_menu .menu li a {
	display:block;
	padding:15px 18px;
	color:#a1a7b2;
	font-size:15px;
	border:1px solid #1a1a1e;
	background:#25252b;
}
.side_menu .menu li a:hover {color:#fff;}
.side_menu .menu li a img {margin:-2px 0 0 8px;vertical-align:middle;}
.side_menu .menu .on {color:#ff3633;border-bottom-color:#3c3c42}
.side_menu .menu .on a:hover {color:#ff3633;}
.side_menu .menu .on a {
	color:#ff3633;
	font-weight:600;
	background:#0b0d11 url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_menu_arr.png) 219px center no-repeat;
}

/* side_event */
.side_event {
	clear:both;
	position:relative;
	padding-bottom:30px;
}
.side_event:after {display:block;clear:both;content:"";}
.side_event h2 {
	margin-bottom:19px;
	font-size:24px;
	color:#fff;
}
.side_event p {
	font-size:16px;
	border-bottom:1px solid #3c3c42;
	background: #0b0d11 url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_event_02.gif);
}
.side_event p a {
    display:block;
    height:39px;
    padding:18px 2px 2px 18px;
    color:#ffd800;
}
.side_event p span {
	display:inline-block;
	width:211px;
	height:20px;
	overflow:hidden;
}
.side_event .evt_all {
	position:absolute;
	top:0;
	right:0;
}

input[type="text"] {
	height:32px;
	padding:0 10px;
	color:#565b66;
	border:1px solid #707070;
	vertical-align:middle;
}
select {color:#565b66;vertical-align:middle;}

/* quick_menu */
.quick_menu .type1 a {margin:0 0 7px 8px;}
.quick_menu .type1 a:nth-child(2n-1) {margin-left:0;}
.quick_menu .type1 a.best_a {display:none;}

.quick_menu .type2 a:nth-child(3){margin-left:8px;}

/* * contents * */
#contents a {color:#848e9f;}
#contents a:hover,
#contents a.on {color:#fff;}
#contents textarea {vertical-align:top;}
#contents h2 {
	position:relative;
	height:46px;
	margin-bottom:40px;
	font-size:24px;
	color:#fff;
}
#contents h2:after {
	display:block;
	content:"";
	position:absolute;
	bottom:-4px;
	left:0;
	width:100%;
	height:3px;

	outline:1px solid #1e1e22;
	background:#25252b;
}
#contents h2 .i {position: relative;display: inline-block;min-width: 23px;height: 23px;cursor: pointer;vertical-align: middle;margin-top:-8px}
#contents h2 .i span {position: absolute;left:30px;top:-7px;display: none;width: auto; padding:10px 12px;font-size: 13px;color:#fff;font-weight: normal;background-color: #25252b;border-radius: 4px;white-space: nowrap;}
#contents h2 .i::before {content: '';position: absolute;left:1px;top:3px;display: inline-block;width: 23px;height: 23px;background:url(https://lwi.nexon.com/heroes/home/common/icon_info.png) no-repeat;}
#contents h2 .i:hover span {display: block;}

#contents h2+.history {
	position:absolute;
	top:55px;
	right:338px;
	text-align:right;
	color:#747981;
	font-family: "나눔스퀘어";
}
#contents h2+.history a {margin:0 6px;color:#747981;font-family: "나눔고딕"}
#contents h2+.history a:last-child {color:#8e96a2;}
#contents h2+.history button {
	margin-left:5px;
	padding:5px 16px 3px 16px;
	border:1px solid #27272c;
	border-radius: 22px;
	background:#27272c;
	color:#fff;
	font-size:12px;
}
#contents h3.t1 {margin-top:-4px;padding:0 0 15px 0;font-size:16px;color:#c6c6cd;}
#contents h3.t1 span {padding-left:16px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -364px no-repeat}
#contents h3.t2, #contents h4.t1, h5 {
	padding-left:14px;
	margin:36px 0 12px 0;
	color:#ff3633;
	font-size:16px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -385px no-repeat;
}
#contents h3.t3, #contents h4.t5{margin-bottom:18px;padding-bottom:20px;color:#ff2421;font-size:16px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
#contents h3.t3 span, #contents h4.t5 span {padding-left:15px;font-size:16px;color:#ff3633;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -340px no-repeat}
#contents h3.t4 {margin-bottom:11px;color:#ff3633;}

#contents h3.t5 {padding:30px 0 13px 0;font-size:16px;color:#c6c6cd;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_04.gif) repeat-x;}
#contents h3.t5 span {padding-left:19px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -364px no-repeat}

#contents h4.t2 {margin-top:-4px;padding-left:19px;margin-bottom:14px;font-size:16px;color:#c6c6cd;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -362px no-repeat;}
#contents h4.t3 {clear:both;margin-bottom:12px;padding-left:14px;font-size:16px;color:#d1d3dc;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -764px no-repeat;}
#contents h4.t4 {padding:0 15px 15px 15px;font-size:16px;color:#00b6d7;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}

#contents h5.t2 {padding:18px 0;font-size:16px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_04.gif) repeat-x;}
#contents h5.t3 {font-size:15px;background: none;padding-left: 0;}
p.ts1 {float:right;margin-top:-34px;color:#747981;}
p.ts1 strong {font-family:Arial;color:#d1d3dc;}
p.ts2 {float:right;margin-top:-32px;font-family:Arial;color:#b7bdc7;}

/* 동영상 유튜브 ie 지원 가이드 */
#contents p.yt_ie_guide {clear: both;padding-left:21px; margin-bottom:26px; background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/ytg_ic.png) no-repeat left 3px; font-size:13px; line-height:22px;}
#contents p.yt_ie_guide a {color:#7db2fc;}

.con_tab {
	position:relative;
	margin-bottom:30px;
	padding:1px;
	background:#1e1e22;
}
.con_tab ul {padding-bottom:1px;border:9px solid #b01415;}
.con_tab ul:after {display:block;clear:both;content:"";}
.con_tab .n2 li {width:25%;}
.con_tab .n3 li {width:33%;}
.con_tab .n3 li:first-child {width:34%;}
.con_tab .n4 li {width:25%;}
.con_tab .n5 li {width:20%;}
.con_tab .n6 li {width:16.6%;}
.con_tab .n6 li:nth-child(6n-5) {width:17%;}
.con_tab .n7 li {width:14.2%;}
.con_tab .n7 li:first-child {width:14.8%;}
.con_tab .n8 li {width:12.5%;}
.con_tab li {float:left;height:50px;margin-bottom:-1px;background:#25252b;}
.con_tab li span {display:block;border:1px solid #0b0d11;border-left:none;}
.con_tab li:first-child span {border-left:1px solid #0b0d11;}
.con_tab li a, .con_tab li em {
	display:block;
	height:35px;
	padding-top:11px;
	border:1px solid #2e2f32;
	text-align:center;
	font-size:15px;
	font-weight:600;
}
.con_tab li a:hover, .con_tab .link button:hover {color:#fff;}
.con_tab li.on {background:#19191e;}
.con_tab li.on a, .con_tab li.on em {height:36px;padding-top:12px;border:none;color:#ff3633 !important;}

.con_tab .link {
	position:absolute;
	top:24px;
	right:10px;
	text-align:right;
}
.con_tab .link a {
	display:inline-block;
	padding :0 18px;
	vertical-align:top;
	color:#848e9f;
	border-left:1px solid #323338;
}
.con_tab .link a:first-child {border-left:none;}
.con_tab .link .on {color:#fff;font-weight:400;text-decoration:underline;}

.con_tab2 {margin-bottom:30px;border-bottom:2px solid #0d0d11;}
.con_tab2:after {display:block;clear:both;content:"";}
.con_tab2 li {float:left;margin-left:-1px;border:1px solid #0b0d11;border-bottom:none;}
.con_tab2 li:first-child {margin-left:0;}
.con_tab2 li a, .con_tab2 li span {
	display:block;
	width:121px;
	height:35px;
	padding-top:13px;
	text-align:center;
	border:1px solid #313135;
	border-bottom:none;
	background:#25252b;
}
.con_tab2 li span {cursor:pointer}
.con_tab2 li a:hover, .con_tab2 li span:hover {text-decoration:none;}
.con_tab2 li.on {border-width:2px;}
.con_tab2 li.on a, .con_tab2 li.on span {
	height:37px;
	margin-bottom:-2px;
	padding-top:13px;
	color:#fff !important;
	border:none;
	background:#37373d;
}

.con_tab3 {height:38px;margin-bottom:24px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tab_03.gif) 0 bottom repeat-x;}
.con_tab3:after {display:block;clear:both;content:"";}
.con_tab3 li {float:left;height:35px;margin-left:-1px;border:1px solid #0b0d11;border-bottom:none;}
.con_tab3 li:first-child {margin-left:0;}
.con_tab3 li a {display:block;width:94px;height:23px;margin-bottom:3px;padding:10px 0 0 0;text-align:center;border:1px solid #2e2f32;border-bottom:none;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tab_02.jpg) repeat-x;}
.con_tab3 li a:hover {text-decoration:none;}
.con_tab3 li.on {margin-top:-1px;height:36px;border-width:2px;}
.con_tab3 li.on a {height:26px;margin-bottom:0;color:#d1d3dc;font-weight:bold;border-color:#37373d;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tab_04.jpg) 0 bottom}

.sns_btn {position:absolute;top:0;right:-310px;width:41px;}
.sns_btn a {display:block;margin-bottom:4px;}

.tab_con .memberType {display:none;} /* .con_tab2와 같이 쓰임 길드 */
.con_menu1 {
	margin-bottom:40px;
	border:1px solid #0d0d11;
	background-color:#25252b;
	background-position:right bottom, 0 bottom;
	background-repeat:no-repeat, repeat-x;
	background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tab_02.gif), url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tab_01.gif);
}
.con_menu1 ul {margin-bottom:-1px;}
.con_menu1 ul:after {display:block;clear:both;content:"";}
.con_menu1 li {position:relative;float:left;}
.con_menu1 .n4 li {width:25%;}
.con_menu1 .n5 li {width:20%;}
.con_menu1 .n6 li {width:16.5%;}
.con_menu1 .n6 li:nth-child(6n){width:17.5%;}
.con_menu1 .less li:last-child:after{
	content:"";
	display:block;
	position:absolute;
	top:1px;
	right:-1px;
	width:1px;
	height:46px;
	background:#313135;
}
.con_menu1 li h3 {
	border-right:1px solid #0d0d11;
	border-bottom:1px solid #0d0d11;
}
.con_menu1 .n4 li:nth-child(4n) h3,
.con_menu1 .n5 li:nth-child(5n) h3,
.con_menu1 .n6 li:nth-child(6n) h3{border-right:none;}
.con_menu1 li a {
	display:block;
	height:33px;
	padding-top:13px;
	text-align:center;
	font-size:16px;
	font-weight:600;
	border:1px solid #313135;
	background:#25252b;
}
.con_menu1 li.on a {color:#ff2421 !important;border-color:#19191e;background:#19191e}
.characterType li .new {
	position:absolute;
	top:0;
	right:12px;
}

/* test sever */
.menu_guide {position:relative;width:890px;height:240px;margin:0px 0 30px 0;border:1px solid #111317;background:#19191e;overflow: hidden;text-align: center;}
.menu_guide .stit {float:left;width:544px;height:102px;margin:0;padding:26px 0 0 30px; color:#848e9f;font-size:14px;text-align: left;background:#2c2e33;border-right: 1px solid #111317;
border-bottom: 1px solid #111317;box-sizing: border-box;letter-spacing: -1px;}
.menu_guide .stit strong {display: block;margin-bottom:6px;color:#808fbc;font-size:15px;	font-weight:600;}
.menu_guide .check {float: left;width: 346px;height:102px;border-bottom: 1px solid #111317;box-sizing: border-box;background:#24242a}
.menu_guide .btn_test_svr1,
.menu_guide .btn_test_svr2 {position: relative;display: inline-block; width: 307px;height: 62px;line-height: 62px;margin:39px 13px 0;color:#b7bdc7;box-sizing: border-box;border:1px solid #38383e;background-color: #2f2f35;font-size: 15px;font-weight: bold;}
.menu_guide span.btn_test_svr1,
.menu_guide span.btn_test_svr2 {opacity: 0.4;}
.menu_guide .btn_test_svr1::before,
.menu_guide .btn_test_svr2::before {content: '';position: absolute;left:-2px;top:-2px;width: 307px;height: 62px;height: 62px;border:1px solid #0d0d11}
.menu_guide .check span {display:block;height:40px;padding-top:24px;text-align:center;color:#b7bdc7;font-size:16px;}
.menu_guide .check strong {display:inline-block;height:22px;margin-right:12px;padding-left:30px;font-family:Arial;background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png);background-repeat:no-repeat;}
.menu_guide .check strong {color:#d01414;background-position:0 -597px}
.menu_guide .open strong {color:#00b6d7;background-position:0 -624px}

.menu_guide2 {margin-bottom:40px;}
.menu_guide2 p {border:1px solid #0d0d11;background:#25252b;}
.menu_guide2 p strong {
	position:relative;
	display:block;
	height:34px;
	padding:12px 0 0 37px;
	color:#ff3633;
	font-size:16px;
	border:1px solid #313135;
	
}
.menu_guide2 p strong:before{
	display:block;
	content:"";
	position:absolute;
	top:17px;
	left:18px;
	width:14px;
	height:14px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -318px no-repeat;
}
.menu_guide2 .tbl {padding:12px 30px 13px 30px;background:#19191e;}
.menu_guide2 .tbl td {padding:3px 0;text-align:right;}
.menu_guide2 .tbl .tit {text-align:left;}
.menu_guide2 .tit em {display:inline-block;width:45px;}
.menu_guide2 .tit a:hover {color:#fff;text-decoration:none;}
.menu_guide2 .premier em {display:inline-block;}

.menu_search {width:890px;margin-left:-1px;border:1px solid #0d0d11;background:#19191e;}
.menu_search p {height:26px;margin-bottom:10px;padding:14px 40px 0 40px;}
.menu_search p strong {
	display:inline-block;
	height:18px;
	padding-left:20px;
	color:#fff;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -287px no-repeat;
}
.menu_search .tbl_sch {border-top:1px solid #0d0d11;}
.menu_search .tbl_sch tr {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tbl_08.gif) 0 bottom repeat-x;}
.menu_search .tbl_sch table div {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tbl_11.gif) repeat-x;}
.menu_search .tbl_sch th {width:17%;vertical-align:top;color:#848e9f;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tbl_09.gif) 0 bottom no-repeat}
.menu_search .tbl_sch th div {padding:16px 23px;}
.menu_search .tbl_sch td {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tbl_09.gif) right bottom no-repeat}
.menu_search .tbl_sch fieldset {position:relative;padding:16px 0 6px 20px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tbl_10.gif) 0 bottom no-repeat;}
.menu_search .tbl_sch label {display:inline-block;width:80px;margin:0 0 9px 15px;vertical-align:top;color:#798292;}
.menu_search .tbl_sch .check {position:absolute;top:15px;right:25px;width:auto;}
.menu_search .tbl_sch label input {margin-right:6px;vertical-align:middle;}
.menu_search .tbl_sch input[type="text"] {
	width:143px;
	height:34px;
	margin:-7px 14px 0 15px;
	padding:0px 8px;
	color:#d1d3dc;
	border:1px solid #0b0d11;
	background:#27272c;
	box-shadow: 2px 2px 4px 2px #202024 inset;
}
.menu_search .bt {padding:20px 0;text-align:center;border:1px solid #27292e;}
.menu_search .bt .btn.v2 span {height:24px;padding:12px 50px 10px 50px;background-color:#2f2f35;}

/* list,view,write */
col.cv1 {width:auto;}
col.cv2 {width:10%;}
col.cv3 {width:21%;}
col.cv4 {width:18%;}
col.cv5 {width:7%;}
col.cv6 {width:30%;}
col.cv7 {width:56%;}
col.cv8 {width:198px;}
col.cv9 {width:60px}
col.cv10 {width:13%;}
col.cv11 {width:15%;}
col.cv12 {width:17.5%;}
.new {margin-left:5px;color:#ffba00 !important;font:600 12px Arial;}
table .cmt, .list_v3 .cmt {
	display:inline-block;
	margin-left:8px;
	padding:3px 10px 2px 10px;
	color:#d1d3dc;
	font:600 12px Arial;
	border:1px solid #6c737c;
	border-radius: 20px;
	background:#2b2a31;
}
table .cmt span,.list_v3 .cmt span {display:inline-block;}
table .date, table .ac {padding-left:0 !important;text-align:center;}
table .person em {margin-right:3px;font:bold 14px Georgia;}
table .gm {color:#5f9aeb;}
table .heroes {color:#f55600;}
table .dev {color:#ffa800;}
table .deal1 {margin-right:10px;color:#b94d4a}
table .deal2 {margin-right:10px;color:#808fbc}
table .finish, table .normal {margin-right:10px;color:#6c737c}
table .none {background:none !important;}
table .none td {
	width:670px;
	height:292px;
	padding-top:24px;
	color:#8e96a2;
	text-align:center;
	vertical-align:middle !important;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tbl_15.png) 0 24px no-repeat;
}
table .none td span {display:block;padding-top:6px;}
table span.gm_c_ic {display:inline-block;vertical-align:-1px;width:50px;height:21px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/gm_c_ic.png) no-repeat;text-indent:-9999px;}
table span.raid_t, .tbl_list01 td a span.raid_t:hover {color:#73829c;}

.tbl_list01 .premier em, 
.premier em, 
.tbl_list01 .test em, 
.test em, 
.tbl_list01 .gm em, 
.gm em {
	display:inline-block;
	padding:0 0 0 16px !important; 
	vertical-align:top;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/ic_premier_01.png) 0 5px no-repeat;
}
.premier span, .test span, .gm span {display:inline-block;width:1px;height:1px;font-size:0;}
table .premier em, table .test em, table .gm em {display:block;}
strong.premier, strong.test, strong.gm {display:inline-block;/*height:15px;*/padding-left:17px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/ic_premier_01.png) 0 center no-repeat;}
strong.premier em, strong.test em, strong.gm em {padding:0 !important;color:#00b6d7 !important;background:none;}
.comment strong.premier em, .comment strong.test em, .comment strong.gm em,
.corner strong.premier em, .corner strong.test em, .corner strong.gm em {color:#a1a7b2;}
.premier.v1, .test.v1, .gm.v1 {font-weight:bold;}
.tbl_list01 .test em, .test em, strong.test {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/ic_test_01.png)}
.tbl_list01 .gm em, .gm em, strong.gm {background-image:none}
.tbl_view01 .premier {padding-left:17px; background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/ic_premier_01.png) 0 center no-repeat;}
.tbl_view01 .test {padding-left:17px; background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/ic_test_01.png) 0 center no-repeat;}
.tbl_view01 .gm, strong.gm {padding-left:0;background:none;}

table input[type="text"] {
	width:470px;
	height:40px;
	padding:0 8px;
	color:#b7bdc7;
	vertical-align:middle;
	line-height:32px;
	border:1px solid #090b0e;
	background:#27272c;
}
table .inputText {
	display:inline-block;
	width:488px;
	border:1px solid #47474e;
}
/*table input[type="text"].title {width:400px;}*/
table input[type="text"].t1 {width:93%}
table input[type="text"].t2 {width:55%;}
input[type="file"] {height:27px;}
input[type="file"].t1 {width:418px;}
input[type="radio"]:checked+span, input[type="radio"]:checked+label {color:#ff3633;font-weight:600;}

.board_wrap>h3 { /* 글쓰기 전용 */
	height:53px;
	padding:0 0 0 15px;
	font-size:18px;
	color:#ff3633;
} 

.board_wrap table {margin-bottom:60px;}

/* sub_ba_banner */
.board_wrap.best_bw {position:relative;}
.board_wrap.best_bw .sub_ba_banner {position:absolute;top:0; left:-150px; z-index:90;}

.board_sorting { max-width:892px;box-sizing: border-box;float: right; display: inline-block;margin-bottom:16px;padding:8px 9px;border:1px solid #0b0d11;background-color: #27272c;}
.board_sorting select {max-width:872px;background-color: #fff;border:1px solid #707070;height: 32px;font-size: 14px;color:#565b66;letter-spacing: -1px; word-break: break-all;}

.tbl_list01 {margin-bottom:60px;color:#b7bdc7;}
.tbl_list01.yt_ie {margin-bottom:13px;}
.tbl_list01 thead tr {height:50px;border-left:1px solid #0b0d11;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_01.gif) repeat-x;}
.tbl_list01 thead th {
	width:auto;
	height:50px;
	font-weight:normal;
	background-repeat:no-repeat;
	background-position:right 0;
	background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_02.gif), url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_02.gif);
}
.tbl_list01 thead th:first-child {background-position:-2px 0, right 0}
.tbl_list01 thead th:last-child {background-position:101% 0;}
.tbl_list01 tbody td {
	padding:13px 0 15px 15px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif)0 bottom repeat-x;
}

#contents .tbl_list01 td a {display:block;color:#b7bdc7;}

.tbl_list01 img {vertical-align: middle;}
.tbl_list01 img.mobile {margin-right:5px;}
.tbl_list01 .tit {padding-left:0;text-align:left;}
.tbl_list01 .tit em {
	display:inline-block;
	width:56px;
	height:23px;
	padding-top:1px;
	margin-right:10px;
	text-align:center;
	font-size:12px;
	vertical-align:top;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_01.png) no-repeat;
}
.tbl_list01 .tit .tx, .tbl_view01 th .tx  {display:inline-block;width:80%;vertical-align:top;}
.tbl_list01 .order th {padding:0;text-align:center;}
.tbl_list01 .order th button {display:block;width:100%;height:35px;color:#8e96a2;}
.tbl_list01 .order th button:hover {text-decoration:none;}
.tbl_list01 .order th button strong {position:relative;font-weight:normal;padding-right:14px;}
.tbl_list01 .order th .down, .tbl_list01 .order th .up {margin:0;padding:0;}
.tbl_list01 .order th .down strong {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_down_01.png) right 5px no-repeat;}
.tbl_list01 .order th .up strong {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_up_01.png) right 5px no-repeat;}
.tbl_list01 .order td {}

.tbl_list01 .gtit a {color:#a1a7b2;}
.tbl_list01 .rank_top .gtit a {color:#d1d3dc;}

.tbl_list01 .num {padding-right:10px !important;text-align:right !important;font-family:Arial}
.tbl_list01 .notice, .rank_top {background:#27272c;}
.tbl_list01 .notice td, .rank_top td {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.tbl_list01 .notice a {color:#ff3633;}
.tbl_list01 .notice em {background:none;}
.tbl_list01.v1 td {padding:16px 0 14px 0;vertical-align:top;text-align:center;}
.tbl_list01.v1 td a {padding:0;}
.tbl_list01.v1 .info {text-align:left;}
.tbl_list01 .info .img {display:inline-block;position:relative;width:65px;height:65px;vertical-align:top;border:1px solid #111317;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/img_basic_03.jpg) no-repeat;}
.tbl_list01 .info .img img {width:65px;height:65px;}
.tbl_list01 .info .img .border {position:absolute;top:0;left:0;}
.tbl_list01 .info .tx {display:inline-block;padding-left:12px;vertical-align:top;}
.tbl_list01 .info .tx strong {color:#d1d3dc;}
.tbl_list01 .info a:hover strong {color:#fff;}
.tbl_list01 .info .tx em {color:#6c737c;}
.tbl_list01 .info .tx .g_num {display:block;padding:3px 0 6px 0;font-family:Arial;}
.tbl_list01 .info .tx .g_num em {padding:0 8px 0 9px;color:#a1a7b2;border-left:1px solid #45474e;}
.tbl_list01 .info .tx .g_num em:first-child {padding-left:0;border-left:none;}
.tbl_list01 .info .tx .g_num em span {padding-right:3px;color:#808fbc; font-family:"나눔고딕"}
.tbl_list01 td a>span {display:inline-block;max-width:88%;vertical-align: top;}
.tbl_list01 td a span:hover {color:#fff;}
.tbl_list01.v1 .tx {max-width:85%;}
.tbl_list01.v1 .premier a {display:inline-block;padding-left:17px !important;}
.tbl_list01 .at + span {
	position:relative;
	display:inline-block;
	margin-left:15px;
	padding-left:11px;
	vertical-align:middle;
	font-family: Arial;
}
.tbl_list01 .up {color:#d01414;}
.tbl_list01 .down {color:#808fbc;}
.tbl_list01 .at + span span {
	display:inline-block;
	position:absolute;
	top:7px;
	left:0;
	width:7px;
	height:7px;
	overflow:hidden;
	font-size:0;
}
.tbl_list01 .up span {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -419px no-repeat;}
.tbl_list01 .down span {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) -8px -419px no-repeat;}

.tbl_list01 .same {display:inline-block;width:7px;height:1px;margin-left:7px;vertical-align:middle;overflow:hiddden;font-size:0;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) -16px -419px no-repeat;}
.tbl_list01 .rank_top .ranking {color:#ffba00;font-weight:bold;}
.tbl_list01 .ranking .at {display:inline-block;width:40px;text-align:right;}
.tbl_list01.v2 td {padding:15px 0 17px 0;text-align:center;color:#8e96a2;}
.tbl_list01.v2 .player {display:block;text-align:left;}
.tbl_list01.v2 .player .img {display:inline-block;width:40px;height:40px;margin-right:10px;vertical-align:middle;border:1px solid #0b0d11;}
.tbl_list01.v2 .player .img img {width:40px;height:40px;}
.tbl_list01.v2 .player .premier {display:inline-block;vertical-align:middle;width:70%;font-weight:bold;}
.tbl_list01.v2 .player .premier a {color:#a1a7b2}
.tbl_list01.v2 .approval {padding-right:10px;color:#808fbc;}
.tbl_list01.v2 .refusal {padding-left:13px;color:#8e96a2;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_bar_04.gif) no-repeat;}
.tbl_list01.v2 button:hover {text-decoration:underline;}

.tbl_deal .tbl_list01 {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.tbl_deal .tbl_list01 tbody {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;}
.tbl_deal .tbl_list01 .none td {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.tbl_deal .tbl_list01 thead+tbody {background:none;}
.tbl_deal .tbl_list01 td {background:none}
.tbl_deal .tbl_list01 td a {margin-bottom:9px;padding-top:12px;}
.tbl_deal .tbl_list01 .item {padding:0 0 0 0;background:none;}
.tbl_deal .tbl_list01 .item div {
	height:41px;
	margin-bottom:19px;
	padding:20px 22px;
	color:#848e9f;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_02.png) 0 -237px no-repeat;
}
.tbl_list01 td a:hover, .tbl_list01 .order th a:hover, .tbl_deal .tbl_list01 td a:hover {color:#fff;text-decoration:none;}
.tbl_deal .finish+.tx, .tbl_deal .finish + img +.tx {color:#6c737c}
.tbl_deal .tbl_list01 td:first-child {position:relative;}
.tbl_deal .tbl_list01 td:first-child a:hover + .layer {display:block;}
.tbl_deal .tbl_list01 td .img {width:14px; height:14px; margin-left:5px;vertical-align: middle;}
.tbl_deal .tbl_list01 .layer {
    display:none;
    position:absolute;
    top:78%;
    left:100px;
    z-index:10;
    width:661px;
    padding:20px;
    color:#8e96a2;
    line-height: 22px;
    border:1px solid #19191e;
    background:#25252b;
}
.tbl_deal .tbl_list01 .layer span {display:inline-block;vertical-align: top;float:left;margin-right:15px;border:1px solid #111317;}
.tbl_deal .tbl_list01 .layer img {max-width:147px;max-height:94px;border:1px solid #323337;}

.tbl_list02 td {padding:21px 0 20px 0;vertical-align:top;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.tbl_list02 tr:first-child td {padding-top:5px;}
.tbl_list02 td:first-child img {border:1px solid #151a21;}
.tbl_list02 .tit {position:relative;}
.tbl_list02 .tit > a {padding-top:0px;color:#b7bdc7 !important}
.tbl_list02 a {display:block;color:#d1d3dc;}
.tbl_list02 a:hover {color:#fff !important;text-decoration:none;}
.tbl_list02 a:hover strong {text-decoration:underline;}
.tbl_list02 a:hover .new {text-decoration:none;}
.tbl_list02 .img {position:relative;margin-right:12px;}
.tbl_list02 .img .border {position:absolute;top:0;left:0;}
.tbl_list02 .img .point {position:absolute;}
.tbl_list02 .img .point img {border:none;}
.tbl_list02 .img .c1 {top:0;left:0;z-index:5;}
.tbl_list02 .img .end {
    display:block;
    position:absolute;
    top:1px;
    left:1px;
    width:238px;
    height:105px;
    background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/dim_60.png) repeat;
}
.tbl_list02 .img .end span {visibility:hidden;}
.tbl_list02 .person {font-weight:bold;}
.tbl_list02 em {margin-right:4px;color:#ff3633;}
.tbl_list02 p {padding-top:5px;color:#848e9f;}
.tbl_list02 p span {display:block;}
.tbl_list02 p span.date {height:auto;padding-top:20px;text-align:left;color:#f55600;font-family:Arial;}
.tbl_list02 .evt_end strong {color:#8e96a2;}
.tbl_list02 .evt_end a:hover strong {color:#fff;}
.tbl_list02 .evt_end span.date {color:#6c737c;font-weight:normal;}
.tbl_list02 .dev {color:#8e96a2;}
.tbl_list02 .dev span {display:block;min-height:20px;max-height:40px; overflow:hidden;}
.tbl_list02 .dev .person, .tbl_list02 .keyword {height:auto;padding-top:8px;font-size:11px;background:none;}
.tbl_list02 .dev .person em {font:bold 10px Georgia;color:#ff9000;}
.tbl_list02 .keyword {color:#f5691f;}
.tbl_list02 .btn_sns {position:absolute;top:84px;right:0;}
.tbl_list02 .btn_sns a {display:inline;margin-left:3px;}

.tbl_list03 {margin-bottom:10px;color:#b7bdc7;}
.tbl_list03 thead tr {height:50px;border-left:1px solid #0b0d11;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_01.gif) repeat-x;}
.tbl_list03 thead th {
	width:auto;
	height:50px;
	font-weight:normal;
	background-repeat:no-repeat;
	background-position:right 0;
	background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_02.gif), url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_02.gif);
}
.tbl_list03 td {padding:4px 0;text-align:center;}
.tbl_list03 tr:first-child td {padding-top:16px;}
.tbl_list03 .order button {margin:0 1px}
.tbl_list03 .btn span {font-weight:normal;}

.g_tit + .tbl_list04 {margin-top:-7px;}
.tbl_list04 {clear:both;margin-bottom:60px;}
.tbl_list04 td {padding:17px 0;vertical-align:top;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.tbl_list04 .img {width:120px;}
.tbl_list04 .img a {display:block;width:100px;height:72px;overflow:hidden;border:1px solid #0b0d11;background:#0b0d11}
.tbl_list04 .img a:hover {border-color:#ff3d3a}
.tbl_list04 .img img {width:100px;}
.tbl_list04 .tit li {margin-bottom:4px;}
.tbl_list04 .tit strong {margin-right:4px;font-weight:normal;color:#848e9f;}
.tbl_list04 .tit li:first-child a {color:#fff !important; font-weight:600;}
.tbl_list04 .update {margin-left:5px;font:12px Arial;color:#ffba00;}
.tbl_list04 .tit li:nth-child(2) a {color:#a1a7b2 !important;}
.tbl_list04 .tit li a:hover {color:#fff !important; text-decoration: underline}
.tbl_list04 .date {margin-left:5px;font-family: Arial;color:#6c737c;}
.tbl_list04 .tit strong + em {color:#d1d3dc;font-weight:600;}
.tbl_list04 td.none {text-align:center;}

/* bgm */
.all_tl {padding-bottom:23px; background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.all_tl button {display:block;}
.all_tl button span.bgm_sp {display:block; width:125px; height:42px;}

.bgm .player {position:relative; height:180px; background:#25252b;background:#25252b url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.bgm .player .cover, .bgm .player .info .artist, .bgm .player .controls .stop, .bgm .player .volume {display:none;}

.bgm .player .info {position:absolute; bottom:30px; left:0; right:0;}
.bgm .player .info .title {overflow:hidden; width:680px; margin:0 auto; color:#575d65;}
.bgm .player .progressbar {position:absolute; top:0; left:0; right:0; height:5px;}
.bgm .player .progressbar .bar-loaded {position:absolute; width:100% !important; height:5px; background:#111317;}
.bgm .player .progressbar .bar-played {position:absolute; height:5px; background:#7670c0;}
.bgm .player .controls {position:absolute; top:25px; left:0; right:0; overflow:hidden; width:204px; margin:0 auto;}
.bgm .player .controls > div {float:left; cursor:pointer; background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bgm/main_bgm_sp.png) no-repeat;}
.bgm .player .controls .rew {width:22px; height:13px; margin-top:35px; background-position:-5px -101px;}
.bgm .player .controls .play {width:80px; height:80px; margin:0 40px; background-position:-2px -2px;}
.bgm .player .controls .play.hidden {display:none;}
.bgm .player .controls .pause {display:none; width:80px; height:80px; margin:0 40px; background-position:-91px -2px;}
.bgm .player .controls .pause.visible {display:block;}
.bgm .player .controls .fwd {width:22px; height:13px; margin-top:35px; background-position:-38px -101px;}

.bgm .player .timeHolder {position:absolute; top:50px; right:30px;}
.bgm .player .timeHolder > div {float:left;}
.bgm .player .timeHolder .time-duration {color:#8e96a2;}
.bgm .player .timeHolder .time-separator, .bgm .player .timeHolder .time-duration {color:#575d65;}

ul.playlist {margin-bottom:60px;}
ul.playlist li {display:table; cursor:pointer; width:100%; position:relative; padding:20px 0 23px 0; background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
ul.playlist li a {display:table-cell; position:relative; min-height:70px;}
ul.playlist li a .thumbs {display:table-cell; position:relative; width:124px;}
ul.playlist li a .thumbs img {display:block; width:122px; height:68px; border:1px solid #111317;}
ul.playlist li a p.bgm_title {display:table-cell; vertical-align:middle; padding-left:20px;}
ul.playlist li:hover a p.bgm_title, ul.playlist li.active p.bgm_title {color:#fff;}
ul.playlist li .time {display:table-cell; vertical-align:middle; text-align:right; width:110px; padding-right:15px;}

.bgm_btn {position:fixed;bottom:217px;right:50%;margin-right:-686px;}
.bgm_btn > div {height:57px; margin-top:10px;}
.bgm_btn > button {display:block; width:56px; height:57px;}
.bgm_btn > button img {display:block;}

.list_v1 {clear:both;}
.list_v1 li {clear:both;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;}
.list_v1 li:after, .list_v3:after, .list_v4:after, .list_v7:after {display:block;clear:both;content:"";}
.list_v1 li strong {display:block;padding:12px 0 12px 0;font:normal 14px Arial;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.list_v1 li strong span {display:block;height:15px;padding-left:20px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -267px no-repeat;}
.list_v1 li .img {float:left;width:110px;height:69px;margin:14px 14px 29px 0;padding:20px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_spr_01.png) -389px 0 no-repeat;}
.list_v1 li ul {float:left;padding-top:20px;}
.list_v1 li li {padding-left:11px;line-height:24px;}
.list_v1 li li a:hover {text-decoration:none;color:#fff;}
.list_v2 {
	margin-bottom:40px;
	padding:21px 0 23px 0;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x, url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;
}
.list_v2 li {line-height:24px;}
.list_v2 li a {color:#a1a7b2 !important;}
.list_v2 li a:hover {text-decoration:none;color:#fff;}
.list_v2 li strong {color:#d1d3dc;}
.list_v2 .check {padding:20px 0;background:none;text-align:center;}
.list_v2 .check strong {display:block;font-weight:normal;}
.list_v2 .check em {font-weight:bold;}
.list_v2 .check em span {margin-left:8px;color:#ff3633;font-weight:normal;}

.list_v3 {clear:both;margin:0 0 37px -23px;}
.list_v3 + .con_tab, .list_v3 + h3.t8 {margin-top:-20px;}
.list_v3 li {
	float:left;
	width:278px;
	margin:0 0 23px 23px;
	border:2px solid #111317;
	text-align:center;
	color:#8e96a2;
}
.list_v3 li a {
	display:block;
	position:relative;
	width:244px;
	margin:0 auto;
	padding:16px;
	color:#d1d3dc !important;
	border:1px solid #323337;
	background:#27272c url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_dash_01.png) 0 178px repeat-x;
}
.list_v3 .label, 
.list_v4 .label {position:absolute;top:-2px;left:-2px;width:39px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_01.png) no-repeat;}
.list_v3 .label span, 
.list_v4 .label span {visibility:hidden;}
.list_v3 .label, 
.list_v4 .label {height:31px;background-position: -92px -59px;}
.list_v3.top .label, 
.list_v4.top .label {height:39px;background-position: -50px -59px}
.list_v3 li .img {
	margin-bottom:33px;
	height:144px;
	overflow:hidden;
	border:1px solid #0b0d11;
    background:#000;
}
.list_v3 li .img img {width:257px;}
.list_v3 li a:hover {text-decoration:none;}
.list_v3 li a:hover .img, 
.list_v3 li a:focus .img, 
.list_v4 li a:hover .img, 
.list_v4 li a:focus .img, 
.list_v7 li a:hover .img, 
.list_v7 li a:focus .img, 
.list_v7 li.on .img {border-color: #b01415;}
.list_v3 li a:hover .tit, 
.list_v4 li a:hover .tit, 
.list_v4.t1 li a:hover .txt {color:#fff;}

.list_v3.t1 li a {width:205px;padding:16px 35.5px;}
.list_v3.t1 li .img {height:146px;}
.list_v3.t1 li .img img {width:203px;}
.list_v3.t2 li a {width:229px;padding:16px 23.5px;background:#27272c}
.list_v3.t2 li .img {height:146px;margin-bottom:0;}
.list_v3.t2 li .img img {width:227px;}
.list_v3 li.none {border:none;}
.list_v3 li.none span {display:block;padding-top:6px;}
.list_v3 .tit, .list_v4 .tit {
	display:inline-block;
	vertical-align: top;
	max-width:244px;
	height:24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list_v3 .person {display:block;margin:-2px 0 3px 0;}
.list_v3 .recom {color:#6c737c;}
.list_v3 .recom strong {font-family:Arial}
.list_v3 .recom .date {font-family:Arial}

.list_v4 {clear:both;margin:0 0 16px -8px;}
.list_v4 li {float:left;width:216px;height:185px;margin:0 0 16px 8px;text-align:center;border:1px solid #111317;}
.list_v4 li a {display:block;position:relative;height:165px;padding-top:22px;}
.list_v4 li .img {width:139px;height:100px;margin:0 auto 33px auto;border:1px solid #0b0d11;}
.list_v4 li .img img {width:139px;height:100px;}
.list_v4.t1,.list_v4.t2 {margin:0 0 16px -11px;}
.list_v4.t1 li {border:none;border-bottom:1px solid #111317;margin:0 0 16px 11px;}
.list_v4.t1 li a:hover {text-decoration:none;}
.list_v4.t2 li {float:left;width:216px;height:153px;margin:0 0 16px 11px;border:none;}
.list_v4.t2 a {height:auto;padding-top:17px;}
.list_v4.t2 .img {width:180px;height:116px;margin:0 auto;}
.list_v4.t2 .img img {width:180px;height:116px;}

.list_v5 {margin-bottom:20px;}
.list_v5 li {position:relative;padding:0 0 9px 24px;line-height:20px;}
.list_v5 li:before {
	display:block;
	content:"";
	position:absolute;
	top:2px;
	left:0;
	width:17px;
	height: 17px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -889px no-repeat;
}
.list_v5 li em {color:#6c737c;}
.list_v5 li strong {font-weight:normal;color:#d1d3dc;}
.list_v5 li a {color:#d1d3dc}
.list_v5 li a:hover {color:#fff;text-decoration:none;}
.list_v5 li span.ex {display:inline-block;line-height:20px;color:#848e9f;font-size:11px;}
.list_v5.t1 li span {color:#d1d3dc}
.list_v5.t1 li strong {color:#ff5b19}
.list_v5.t1 li .link {margin-left:10px;text-decoration:underline;color:#ff9b19;}
.list_v5.t2 {padding-top:27px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;}
.list_v5.t2 + .btn {position:absolute;top:274px;right:0;}

.list_v6 {clear:both;}
.list_v6:after, .list_v6 li:after, .list_v7 ul:after {display:block;clear:both;content:"";}
.list_v6.line {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tab_03.gif) repeat-x;}
.list_v6 li {clear:both;padding:30px 0;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.list_v6 li .img {float:left;margin-right:25px;border:1px solid #0b0d11;}
.list_v6 li .img img {width:447px;}
.list_v6 li .tx {float:left;width:400px;padding-top:5px;color:#a1a7b2;}
.list_v6 li .tx strong, .list_v6.t1 p strong {display:block;margin-bottom:10px;color:#00b6d7;}
.list_v6 li .tx em {display:block;margin:10px 0;color:#848e9f;}
.list_v6 li .tx .btn span {padding:6px 12px 4px 12px;}
.list_v6.t1 {margin-bottom:40px;padding-top:2px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;}
.list_v6.t1 li {padding:20px 0 22px 0;}
.list_v6.t1 li p {position:relative;padding-left:90px;color:#c6c6cd;}
.list_v6.t1 li p:before {display:block;content:"";position:absolute;top:0;left:0;width:90px;height:76px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_01.png) no-repeat;}
.list_v6.t1 .code:before {background-position:-334px 0;}
.list_v6.t1 .otp:before {background-position:-334px -76px;}
.list_v6.t1 .play:before {background-position:-334px -152px;}
.list_v6.t1 li span {display:block;}
.list_v6.t1 .btn {position:absolute;top:50%;right:0;margin-top:-18px;}
.list_v6.t1 .btn:hover {text-decoration:none;}
.list_v6.t1 .btn span, .list_v6.t2 .btn span {height:23px;padding:6px 12px 4px 12px;}
.list_v6.t2 {padding-top:3px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;}
.list_v6.t2 li {padding:19px 0 23px 0;}

.list_v7 {
	margin-bottom:60px;
	padding-bottom:6px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x,url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;
}
.list_v7.t2 {margin-bottom:0;background:none;} 
.list_v7 ul {margin:0 0 0 -16px;padding-top:32px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tbl_22.png) no-repeat;}
.list_v7.t2 ul {margin:0 0 0 -16px;padding-top:0;background:none;} /* 공식 스크린샷 */
.list_v7 li {float:left;width:211px;margin:0 0 30px 16px;}
.list_v7 li .img {border:1px solid #0b0d11;}
.list_v7 li .img img {width:209px;height:121px;}
.list_v7 li .tit {display:block;height:38px;padding:10px 0 0 0;text-align:center;color:#8e96a2;}
.list_v7 li a:hover .tit, .list_v7 li.on .tit  {color:#fff;}
.list_v7.t1 {margin-bottom:74px;background:none;}
.list_v7.t1 ul {margin:20px 0 0 0;padding-top:22px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x}
.list_v7.t1 li {width:212px;margin:0 0 0 15px;}
.list_v7.t1 li:first-child {margin:0 -1px 0 0;}
.list_v7.t1 li .img img {width:210px;height:118px;}

.list_v8 li {margin-bottom:7px;padding-left:28px;color:#c6c6cd;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) no-repeat;}
.list_v8 .n1 {background-position:0 -928px}
.list_v8 .n2 {background-position:0 -959px}

.list_v9 {clear:both;margin-bottom:32px;padding-top:4px;;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tbl_03.gif) repeat-x;}
.list_v9 li {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.list_v9 li a {display:block;padding:15px 0 17px 0;color:#a1a7b2;}
.list_v9 li a strong {display:inline-block;vertical-align:top;width:577px;padding-left:13px;text-indent:-13px;line-height:18px;font-weight:normal;}
.list_v9 li a strong span {font-weight:bold;font-family:Georgia;}
.list_v9 li a:hover {text-decoration:none;}
.list_v9 li a:hover strong {font-weight:bold;color:#fff;}
.list_v9 li a em {display:inline-block;vertical-align:top;width:73px;padding-left:2px;color:#00b6d7;}
.list_v9 .on a {font-weight:bold;}
.list_v9 .on strong, .list_v9 .on a:hover strong {font-weight:bold;color:#ff3633;}
.list_v9 .answer {display:none;padding-bottom:24px;}
.list_v9 .answer div.tx_view {border:1px solid #0b0d11;line-height:21px;}
.list_v9 .answer .tit {display:block;padding:9px 20px;font:bold 14px georgia;color:#d1d3dc;border-bottom:1px solid #0b0d11;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_contents_02.png)}
.list_v9 .answer .tx {display:block;padding:14px 20px 20px 20px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_contents_01.png)}
.list_v9 .answer .tx img {max-width:100%;margin-top:16px;}
.list_v9 .none {width:670px;height:162px;padding-top:154px;color:#8e96a2;text-align:center;font-size:12px;}
.list_v9 .none span {display:block;padding-top:6px;}

.nodata {text-align: center;padding:150px 0 202px;margin-bottom:20px;background: url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif)0 bottom repeat-x;}
.list_v3.ncc_list {margin-bottom:10px}
.list_v3.ncc_list li {height: 280px;}
.list_v3.ncc_list .channel {display: block;color:#8e96a2;font-size: 14px;height: 18px;margin-bottom:4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list_v3.ncc_list .num, .list_v3.ncc_list .date {font-size: 14px;color:#6c737c;}
.list_v3.ncc_list+.yt_ie_guide {padding-bottom: 20px;text-align: center;padding-left: 0 !important;background: none !important;}
.list_v3.ncc_list+.yt_ie_guide::before {content: '';display: inline-block;width: 19px;height: 15px;vertical-align: middle;margin-top:-2px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/ytg_ic.png) no-repeat;}


.no_contents {text-align:center;padding:127px 0;color:#8e96a2;}

/* 리스트 none */
.list_v3 li.none {
	width:100%;
	height:162px;
	padding-top:130px;
	color:#8e96a2;
	text-align:center;
	vertical-align:middle !important;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_tbl_15.png) 0 0 no-repeat;
}

.view_wrap {/*padding:36px 0;*/}
.tbl_view01 tr {clear:both;}
.tbl_view01 th {
	padding:12px 15px 14px 15px;
	text-align:left;
	color:#fff;
	font-weight:600;
	border-top:3px solid #0b0d11;
	background:#27272c;
}
.tbl_view01 th .tx {
/*
	display:inline-block;
	width:550px;
	height:18px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	background:#ccc;
*/
}
.tbl_view01 th em {display:inline-block;margin-right:9px;text-align:center;vertical-align:top;}
.tbl_view01 th em.theme2 {color:#ff3633;}

.tbl_view01 td {padding:14px 14px 12px 14px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;}
.tbl_view01 .cont {padding:30px 0;line-height:24px;}
.tbl_view01 .cont img {margin:0 15px 20px 15px;}

.tbl_view01 .cont .tx {min-height:100px;padding:0 15px;} /* 공지 style */
.tbl_view01 .cont .tx img {margin:5px 0;}
.tbl_view01 .cont .tx .t_st {border:2px solid #111317;}
.tbl_view01 .cont .tx .t_st thead tr {height:37px;background:#1d1e21;}
.tbl_view01 .cont .tx .t_st tbody tr {height:35px;background:#2c2e33}
.tbl_view01 .cont .tx .t_st thead th {padding:13px 0 15px 0;line-height:20px;text-align:center;color:#848e9f;background:none;border:none;border-left:1px solid #111317;}
.tbl_view01 .cont .tx .t_st tbody td {width: auto !important;padding:13px;border-left:1px solid #111317;border-bottom:1px solid #111317;background:none;}
.tbl_view01 .cont .tx .t_st tbody td strong font {color:#ff3633 !important;}
.tbl_view01 .cont .tx .t_st img {width:auto;}
.tbl_view01 .cont .tx .t_st img.size100 {width:100%;}
.tbl_view01 .cont .tx .t_st .font18 {font-size:18px;}
.tbl_view01 .cont .tx a.btn {
	height:16px;
	margin:20px 0;
	padding:12px 24px 20px;
	background:#25252b;
}
.tbl_view01 .cont .tx a.btn:hover {text-decoration:none;color:#fff;}
.tbl_view01 .cont .tx a.btn u {text-decoration:none;}
.tbl_view01 .cont .tx a.btn span {padding:0;border:none;background:none;}
.tbl_view01 .cont .tx img {max-width:862px;}
.tbl_view01 .cont .tx .t_st .t_st thead tr {background:#1d1e21;}
.tbl_view01 .cont .tx .t_st .t_st thead th {padding:8px 0 10px 0;}
.tbl_view01 .cont .tx .t_st .t_st tbody td {padding:8px}

.tbl_view01 .img {margin-bottom:20px;text-align:center}
.tbl_view01 .date {text-align:right;}
.tbl_view01 .date em {margin-left:14px;padding-left:14px;border-left:1px solid #27272c}
.tbl_view01 .date em:first-child {margin:0;padding:0;border-left:none;}
.tbl_view01 .date em span {padding-left:8px}
.tbl_view01 .date .re {color:#d1d3dc}

.tbl_view01 .date span,
.tbl_view01 .date em span,
.tbl_view01 .url strong, 
.tbl_view01 .url a:first-child,
.tbl_view01 .url span {font-family:Arial}
.tbl_view01 .premier {font-weight:bold;}
.tbl_view01 .premier a {display:inline-block;}
.tbl_view01 .url {font-size:13px;color:#9599a0;}
.tbl_view01 .url strong {margin-right:7px;}
.tbl_view01 .url span {margin-right:5px; color:#72767d}
.tbl_view01 .url .sns {float:right;}
.tbl_view01 .url .sns a {margin:0 0 0 9px;color:#1cc7ff !important;font-family:ng ,"나눔고딕";}
.tbl_view01 .url .sns a:first-child {color:#5e9deb !important;}
.tbl_view01 .url .copyurl {position:relative;color:#9599a0;font-weight:600;} /* 개발요청 */
.tbl_view01 .dot_box {margin-bottom:0;}
.tbl_view01 .dot_box .box_wrap {padding:20px 22px 15px 22px}
.tbl_view01 .dot_box p.file {padding-bottom:4px;font-family: Arial;color:#6c737c;}
.tbl_view01 .dot_box p.file strong {display:inline;margin-right:5px;font-family:ng ,"나눔고딕";color:#808fbc;}
.tbl_view01 .notice_box {margin:10px 0;border:1px solid #4c4e53}
.tbl_view01 .notice_box td {color:#787c83;background:none;}
.tbl_view01 .edit_center {text-align:center;}

.tbl_view02 {margin-bottom:36px;border:2px solid #111317;}
.tbl_view02 thead tr {height:50px;background:#1d1e21;}
.tbl_view02 thead th {border-left:1px solid #111317;}
.tbl_view02 thead th span {display:block;height:35px;padding-top:12px;border:1px solid #27282c;}
.tbl_view02 tbody tr {background:#2c2e33;}
.tbl_view02 tbody th {padding:12px;font-weight:normal;color:#a1a7b2;border-top:1px solid #111317;}
.tbl_view02 tbody td {padding:12px;color:#d1d3dc;border-top:1px solid #111317;border-left:1px solid #111317;text-align:center;}
.tbl_view02 tbody th + td {color:#808fbc;}

.tbl_write01 {margin-bottom:0 !important;border-top:3px solid #0b0d11;}
.tbl_write01 th {
	width:100px;
	padding:16px 15px 14px 15px;
	color:#fff;
	text-align:left;
	font-weight:600;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;
}
.tbl_write01 .thum {padding-top:22px;vertical-align:top;}
.tbl_write01 th span {font-weight:normal;font-size:11px;}
.tbl_write01 th .ess {margin-right:3px;color:#ffba00;}
.tbl_write01 td {
	padding:16px 15px 14px 15px;
	color:#8e96a2;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;
}
.tbl_write01 tr:first-child th, .tbl_write01 tr:first-child td {background:none;}
.tbl_write01 td strong {color:#d1d3dc}
.tbl_write01 td em.refer, .tbl_write02 td em.refer {margin-left:13px;color:#b7bdc7;}
.tbl_write01 td em.refer span, .tbl_write02 td em.refer span {color:#d1d3dc;}
.tbl_write01 td label {margin:0 39px 0 6px;}

.tbl_write01 td input.v1 {width:200px;}
.tbl_write01 td input {vertical-align:middle;}
.tbl_write01 td input#fight:checked + label[for="fight"]{margin:0 7px 0 6px;}
.tbl_write01 td select.fight_select {display:none;width:180px;height:36px;margin-right:39px;}
.tbl_write01 td input#fight:checked ~ select.fight_select{display:inline-block;}

.tbl_write01 .editor {position:relative;padding:2px 15px 39px;}
.tbl_write01 .editor .bt_upload {position:absolute;top:12px;right:15px;}
.tbl_write01 .editor_wrap textarea {width:94%;padding:16px 3%;color:#a1a7b2;background:#363b43;}
.tbl_write01 .editor_wrap iframe {border:1px solid #47474e;background:#27272c;}
.tbl_write01 td .img  {width:196px;height:122px;margin-top:7px;border:1px solid #0b0d11;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/img_thum_no.jpg) no-repeat;}
.tbl_write01 td .img img {width:196px;height:122px;}

.tbl_write02 {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;}
.tbl_write02 th {color:#848e9f;text-align:left;padding:9px 15px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.tbl_write02 td {padding:9px 0 11px 0;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.tbl_write02 .refer2 {display:block;margin-top:5px;color:#8e96a2;font-size:12px;}
.tbl_write02 .refer2 span {color:#fff;}
.tbl_write02 .btn {margin-left:5px;}

.sell_item .item, .sell_item .effects {padding:27px 15px 0;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;}
.sell_item .item {padding-bottom:24px;}
.sell_item h4 {margin-bottom:11px;;}
.sell_item h4 span {display:inline-block;width:160px;vertical-align:top;color:#fff}
.sell_item h4 em {color:#b7bdc7;font-weight:600;}
.item_box {width:858px;border:2px solid #111317;border-bottom-width:3px;background-color:#1d1e21;}
.item_box ul:after {display:block;clear:both;content:"";}
.item_list {min-height:56px;}
.item_list li {
	position:relative;
	float:left;
	width:285px;
	height:58px;
	border-left:1px solid #111317;
	border-top:1px solid #111317;
	background:#2c2e33;
}
.item_list li:nth-child(3n-2) {width:284px;}
.item_list .tx {
	display:block;
	height:37px;
	padding:7px 35px 12px 13px;
	color:#a1a7b2;
	line-height:21px;
	border:1px solid #393a3f;
}
.effects .item_list a:hover, .effects .item_list a:hover .tx {color:#d1d3dc;text-decoration:none;}
.item_list .close {position:absolute;top:4px;right:4px;width:18px;height:18px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_01.png) 0 -25px no-repeat;}
.item_list .close span,.item_box .move span {visibility:hidden;font-size:0;}
.item_list .move {position:absolute;top:3px;right:3px;width:18px;height:18px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_01.png) -19px -25px no-repeat;}
.effects_list {position:relative;height:40px;border:1px solid #111317;background:#2c2e33;}
.effects_list ul {height:34px;padding:4px 0 0 14px;border:1px solid #323337;}
.effects_list li {float:left;width:37px;height:29px;margin-right:3px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_01.png) no-repeat;}
.effects_list li a {display:block;width:37px;height:29px;}
.effects_list .basic a {width:24px;}
.effects_list li span {display:inline-block;width:1px;height:1;font-size:0;}
.effects_list .b1, .effects_list .b2, .effects_list .b3 {width:24px;margin-right:7px;background-position:-58px 0;}
.effects_list .b1.on, .effects_list .b2.on, .effects_list .b3.on {background-position:-58px -29px;}
.effects_list .b4 {background-position:-89px 0px;}
.effects_list .b4.on {background-position:-89px -29px;}
.effects_list .b5 {background-position:-129px 0px;}
.effects_list .b5.on {background-position:-129px -29px;}
.effects_list .b6 {background-position:-169px 0px;}
.effects_list .b6.on {background-position:-169px -29px;}
.effects_list .b7 {background-position:-209px 0px;}
.effects_list .b7.on {background-position:-209px -29px;}
.effects_list .b8 {background-position:-249px 0px;}
.effects_list .b8.on {background-position:-249px -29px;}
.effects_list .b9 {background-position:-289px 0px;}
.effects_list .b9.on {background-position:-289px -29px;}
.effects_list p {position:absolute;top:9px;right:9px;font-size:13px;color:#6c737c;}

.guide_box {clear:both;position:relative;margin:0 15px 40px;border:2px solid #111317;background:#111317}
.guide_box.v1 {margin:0;border-top-width:0;}
.guide_box.none .player {color:#6c737c;}
.guide_box h3, 
.g_section .guide_box h5 { 
	position:relative;
	height:33px;
	padding:17px 0 0 17px;
	border-bottom:2px solid #111317;
	background:#1d1e21;
}
.guide_box h3.v1 {border-bottom:0;}
.guide_box h3:before {
	display:block;
	content: "";
	position:absolute;
	top:0;
	left:0;
	width:99.8%;
	height:48px;
	border:1px solid #27282c;
	border-top-color:#2e2f33;
}
.guide_box h4.tit, .guide_box h3.tit {
	width:auto;
	height:35px;
	margin-bottom:2px;
	padding:13px 0 0 15px;
	border:1px solid #27282c !important;
	border-top-color:#2e2f33;
	color:#a1a7b2;
	font-size:15px;
	background:#1d1e21;
}
.guide_box h3.tit:before {display:none;}
.guide_box h4.tit span {display:inline-block;}
.guide_box h4.tit img, 
.guide_box h3.tit img {margin-right:10px;vertical-align:text-bottom;}
.guide_box .link, .guide_box .guide {
	position:absolute;
	z-index: 2;
	top:14px;
	right:15px;
	height:27px;
}
.guide_box .link a {
	display:inline-block;
	height:17px;
	margin-left:11px;
	padding-left:11px;
	font-size:13px;
	line-height:15px;
	color:#8e96a2;
	border-left:1px solid #323338;
}
.guide_box .link a:first-child {border-left:none;}
.guide_box .link img {margin:-3px 0 0 5px; vertical-align: middle}
.guide_box .guide {font-size:11px;color:#6c737c;}

.guide_box .player {
	clear:both;
	width:860px;
	height:218px;
	padding-top:18px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_02.png) no-repeat
}
.guide_box .player:after {display:block;clear:both;content:""}
.guide_box .player .avatar {float:left;width:201px;height:200px;margin:0 18px;}
.guide_box .player .avatar img {display:inline-block;width:100px;height:200px;margin-left:1px;}
.guide_box .player .avatar img:first-child {margin-left:0}
.guide_box .player .info {float:left;width:589px;padding-left:17px;color:#8e96a2;}
.guide_box .player .name {position:relative;height:51px;}
.guide_box .player .name strong {
	display:inline-block;
	max-width:290px;
	height:22px;
	padding:0 0 0 26px;
	
	color:#00b6d7;
	overflow:hidden;
}
.guide_box .player .name .premier {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -97px no-repeat;}
.guide_box .player .name .test {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -566px no-repeat;}
.guide_box .player .name strong span {display:inline-block;font-size:0;width:1px;height:1px;}
.guide_box .player .master img {margin:2px 0 0 4px;vertical-align:top;font-size:11px;}
.guide_box .player .level {position:absolute;top:0;right:0;font-weight:600;color:#d1d3dc;}
.guide_box .player .level span {margin-right:3px;font-weight:normal;font-family:Arial}
.guide_box .player .level .n1 {color:#bdbdbd;} /* 1 ~ 9 */
.guide_box .player .level .n2 {color:#f4c638;} /* 10 ~ 19 */
.guide_box .player .level .n3 {color:#98d4cb;} /* 20 ~ 29 */
.guide_box .player .level .n4 {color:#e087c6;} /* 30 ~ 39 */
.guide_box .player .level .n5 {color:#cafb74;} /* 40 ~ 49 */
.guide_box .player .level .n6 {color:#7cb5f2;} /* 50 ~ 59 */
.guide_box .player .level .n7 {color:#fb7474;} /* 60 ~ 69 */
.guide_box .player .level .n8 {color:#70ffcc;} /* 70 ~ 79 */
.guide_box .player .level .n9 {color:#db31ff;} /* 80 ~ 89 */
.guide_box .player .level .n10 {color:#d63268;} /* 90 ~ 99 */
.guide_box .player .level .n11 {color:#ffc000;} /* 100 ~ */
.guide_box .player .level .n12 {color:#6df07d;} /* 만렙 110 */


.guide_box .player .creation {position:absolute;top:18px;right:0;color:#6c737c;font-size:12px;}
.guide_box .player .creation span {font-family:Arial}
.guide_box .player .cmt {clear:both;height:22px;overflow:hidden;margin-bottom:29px;padding:0 16px;}
.guide_box .player .info ul {height:78px;}
.guide_box .player .info li {font-size:13px;line-height:15px;}
.guide_box .player .info li em {display:inline-block;width:54px;height:13px;visibility:hidden;}
.guide_box .player .my_title {margin-bottom:10px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/tx_guide_03.png) no-repeat;}
.guide_box .player .my_guild {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/tx_guide_04.png) no-repeat;}
.guide_box .player .my_guild a {display:inline-block;width:530px;color:#8e96a2;word-break:break-all;}
.guide_box .player .my_guild .guilma {margin-left:3px;color:#808fbc;font-weight:600;}
.guide_box .player.v1 {height:auto;}
.guide_box .player.v1 .avatar {margin-bottom:12px;}
.guide_box .player .message {display:inline-block;margin:4px 0 0 5px;padding-left:15px;color:#848e9f;vertical-align:top;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -697px no-repeat;}
.guide_box .player .message:hover {color:#d1d3dc;}
.guide_box p.none {height:132px;padding-top:90px;text-align:center;color:#8e96a2;border:1px solid #323337;background:#24252a}
.guide_box p.none strong {display:block;margin-bottom:5px;color:#d1d3dc;font-weight:normal;}
.guide_box.none .my_title {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/tx_guide_03-1.png)}
.guide_box.none .my_guild {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/tx_guide_04-1.png)}
.guide_box.none .player .name strong {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -541px no-repeat;}
.guide_box .player .info li img {margin-top:2px;vertical-align:top;}
.guide_box .player .info .reput {overflow:hidden;font-size:12px;}
.guide_box .player .info .reput img {margin:0 5px 0 0;vertical-align:middle;}
.guide_box .guild {clear:both;padding:20px 29px;border:1px solid #3a3c3f;background:#2c2e33}
.guide_box .guild:after, .guide_box .corner:after {display:block;clear:both;content:"";}
.guide_box .guild .img {float:left;margin-right:17px;border:1px solid #323337;border-bottom-color:#48494d;}
.guide_box .guild .img img {width:90px;height:90px;border:1px solid #111317}
.guide_box .guild .tx {float:left;width:510px;}
.guide_box .guild .tx h4 {
	margin-bottom:5px;
	height:21px;
	padding:0 0 0 25px;
	color:#ffba00;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -124px no-repeat;
}
.guide_box .guild .tx li, .guide_box.v2 .corner .tx li {margin-bottom:1px;color:#8e96a2;}
.guide_box .guild .tx li span, .guide_box.v2 .corner li span {padding-right:4px;color:#808fbc;}
.guide_box .guild .tx li strong, .guide_box.v2 .guild .tx li strong {color:#d1d3dc;font-family:Arial;}
.guide_box .guild .tx li strong.premier, .guide_box .guild .tx li strong.test {font-family:"나눔고딕"}
.guide_box .guild .tx li strong span {padding-right:0;color:#8e96a2;}
.guide_box .premier button {font-size:11px;color:#8e96a2;}
.guide_box .premier button:hover {color:#fff;text-decoration:underline;}
.guide_box .set {
	clear:both;
	height:31px;
	margin-top:2px;
	padding:10px 15px 0 0;
	text-align:right;
	border:1px solid #323337;
	background:#24252a;
}
.guide_box .set button {padding-left:17px;color:#a1a7b2;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -676px no-repeat;}
/*
.guide_box .set span {
	position:relative;
	display:inline-block;
	padding-left:16px;
	line-height:20px;
	color:#d1d3dc;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -676px no-repeat;
}
.guide_box .set button:hover span {color:#fff;}
*/
.guide_box.v2 {margin:0 0 40px 0;}
/*
.guide_box.v2.t1 {margin-bottom:36px;}
.guide_box.v2.t2 {margin-bottom:16px;}
*/
.guide_box.v2 .guild {padding:0;border:none;background:#111317;}
.guide_box.v2 .guild .img {
	width:94px;
	margin:0 1px 0 0;
	padding:29px;
	border:1px solid #3a3c3f;
	background:#2c2e33;
}
.guide_box.v2 .guild .img div {border:1px solid #3a3c3f;}
.guide_box.v2 .guild .img img {border:1px solid #111317;}
.guide_box.v2 .guild .tx {
	width:675px;
	height:124px;
	padding:28px 28px 0 28px;
	border:1px solid #3a3c3f;
	background:#2c2e33;
}
.guide_box.v2 .guild .tx.v1.t1 {margin-bottom:2px;}
.guide_box.v2 .guild .tx.v2 {width:632px;height:auto;padding:20px 16px;}
.guide_box.v2 .guild .tx h4 {padding:10px 0;color:#d1d3dc;background:none;}
.guide_box.v2 .guild .tx p {
	position:relative;
	height:25px;
	padding-top:25px;
	color:#8e96a2;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.guide_box.v2 .guild .tx p strong {position:absolute;top:0;left:0;color:#808fbc;}
.guide_box.v2 .guild .tx .name {font:14px ng,"나눔고딕",NanumGothic;color:#ff3633;}
.guide_box.v2 .skill {
	position:absolute;
	top:7px;
	right:11px;
    z-index:5;
}
.guide_box.v2 .btn span {height:28px;padding:4px 20px 0 20px;font-size:14px !important;border:1px solid #424248;background:#2f2f35;}
.guide_box.v2 .skill .layer {
	display:none;
	position:absolute;
	top:40px;
	right:0;
	width:481px;
	border:2px solid #000;
	background:#36373f;
}
.guide_box.v2 .skill .layer h4 {
	height:34px;
	padding: 10px 0 0 24px;
	color:#808fbc;
	border-bottom:2px solid #000;
	background:#212125;
}
.guide_box.v2 .skill ul {max-height:544px;padding:0 20px;overflow-y: auto;}
.guide_box.v2 .skill li {
	clear:both;
	padding:20px 0 17px 0;
	border-top:1px solid #4a4b53;
}
.guide_box.v2 .skill li:first-child {border-top:none;}
.guide_box.v2 .skill li img {width:40px;height:40px;margin-right:8px;vertical-align: top; border:1px solid #000;background:#212125;}
.guide_box.v2 .skill li .tit {display: inline-block;margin-top:-1px;vertical-align: top;color:#fff;}
.guide_box.v2 .skill li .tit strong {display:block;color:#ff2421;font-size:16px;}
.guide_box.v2 .skill li .rank {float:right;color:#7785ae;font-size:16px;vertical-align: top;}
.guide_box.v2 .skill li .rank span {
	display:inline-block;
	height:13px;
	margin: -2px 6px 0 0;
	padding:0 5px;
	line-height:11px;
	vertical-align: middle;
	font-size:11px;
	border:1px solid #7785ae;
	border-radius: 4px;
}
.guide_box.v2 .skill li p {clear: both;padding-top:5px;line-height:20px;word-break: break-all;}
.guide_box.v2 .skill .bt_close {
	position:absolute;
	top:0;
	right:0;
}
.guide_box.v2 .tx .premier a {color:#d1d3dc;}
.guide_box.v2 .tx .premier a:hover {text-decoration:none;color:#fff;}
.guide_box.v2 .sns {clear:both;height:29px;padding:10px 19px;border:1px solid #393a3f;background:#2c2e33;}
.guide_box.v2 .sns:after {display:block;clear:both;content:"";}
.guide_box.v2 .sns label {float:left;margin-top:4px;padding-left:15px;cursor: default;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -441px no-repeat; }
.guide_box.v2 .sns select {float:right;width:210px;height:25px;margin-top:2px;color:#373c44;vertical-align:middle;}
.guide_box.v2 .sns select option {line-height:27px;vertical-align:middle;}
.guide_box.v2 .corner {clear:both;background:#111317;}
.guide_box.v2 .corner .img {float:left;margin:0 1px 0 0;padding:16px;border:1px solid #3a3c3f;background:#2c2e33;}
.guide_box.v2 .corner .img img {width:139px;height:100px;border:1px solid #3a3c3f;}
.guide_box.v2 .corner .tx {
	float:left;
	width:680px;
	height:109px;
	padding:25px 15px 0 15px;
	border:1px solid #393a3f;
	background:#2c2e33
}
.guide_box.v2 .corner .tx .name {margin-bottom:14px;color:#d1d3dc}
.guide_box.v2 .corner .tx .name.special {color:#ff3633}
.guide_box.v2 .tx.v2 li {
	margin-bottom:8px;
	padding-left:11px;
	color:#a1a7b2;
	line-height:20px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_dash_01.gif) 0 8px no-repeat;
}
/*.guide_box.v2 .guild .tx.v2 li strong {font-weight:normal;color:#d1d3dc;font-family:ng,"나눔고딕",NanumGothic;}*/
.guide_box.v2 .tx.v2 p {color:#a1a7b2;line-height:21px;}
.guide_box.v2 .tx.v2 p strong {display:inline;color:#d1d3dc;}
.guide_box.v2 .tx.v2 li span {color:#ffba00}
.guide_box.v2 .policy {padding:15px 20px;border:1px solid #393a3f;background:#2c2e33}
.guide_box.v2 .policy:after {display:block;clear:both;content:"";}
.guide_box.v2 .policy > ul {margin-right:130px;}
.guide_box.v2 .policy ul {float:left;}
.guide_box.v2 .policy li {line-height:23px;}
.guide_box.v2 .policy a:hover {color:#fff;text-decoration:none;}
.guide_box.v2 .tx, .guide_box.v2.t1 .tx {
	padding:18px 15px 13px 15px;
	border:1px solid #3a3c3f;
	background:#2c2e33;
}
.guide_box.v2.t1 .tx p {padding-bottom:6px;}
.guide_box.v2.t1 .none {background:#2c2e33;}
.guide_box .items {clear:both;background:#111317;}
.guide_box .items ul {background:#fff url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_list_02.jpg) repeat-y;}
.guide_box .items .tx ul {background:none;}
.guide_box .items ul:after {display:block;clear:both;content:"";}
.guide_box .items li {
	float:left;
	width:428px;
	height:144px;
	margin:2px 2px 0 0;
	background:#2c2e33;
}
.guide_box .items li:nth-child(2n) {margin-right:0;}
.guide_box .items .tit {
	position:relative;
	height:42px;
	padding:10px 15px;
	line-height:21px;
	border:1px solid #3a3c3f;
	border-bottom:none;
}
.guide_box .tit .del {position:absolute;top:4px;right:5px;width:20px;height:20px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_spr_01.png) -161px 0 no-repeat;}
.guide_box .tit .del span {display:inline-block;width:1px;height:1px;font-size:0;}
.guide_box .items .img {width:40px;height:40px;margin-right:4px;border:1px solid #0b0d11;vertical-align:top;}
.guide_box .items .tit span {display:inline-block;width:245px;}
.guide_box .items .tx {
	height:69px;
	padding:11px 12px 0 12px;
	font-size:11px;
	border:1px solid #3a3c3f;
	border-top:none;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_guide_01.gif) repeat-x;
}
.guide_box .items .tx p {height:57px;padding-top:20px;text-align:center;color:#8e96a2;font-size:11px;}

.guide_box .items li.none {
	width:330px;
	height:78px;
	padding-top:60px;
	text-align:center;
	color:#6c737c;
	border:1px solid #323337;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_spr_01.png) -251px -214px no-repeat;
}
.guide_box .items .tx ul {padding-top:3px;}
.guide_box .items .tx li {
	float:none;
	width:auto;
	height:auto;
	margin:0 0 6px 0;
	padding-left:12px;
	line-height: 14px;
	color:#8e96a2;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -160px no-repeat;
}
.guide_box .items .tx .point {color:#808fbc;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -149px no-repeat;}

.guide_box2 {
	clear:both;
	position:relative;
	border:2px solid #111317;
	background:#111317;
}

.guide_box2 h3, .guide_box2 h4 {
	height:36px;
	margin-bottom:2px;
	font-size:15px;
	padding:14px 0 0 73px;
	color:#a1a7b2;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_02.png) 0 -375px no-repeat;
}
.guide_box2 .link1 {position:absolute;top:14px;right:15px;}
.guide_box2 .link1 img {
	display:inline-block;
	margin-left:5px; 
	vertical-align: text-top;
}
.guide_box2 .link1 button {color:#848e9f;}
.guide_box2 .link1 button:hover, .guide_box2 .link2 button:hover {color:#fff;text-decoration:none;}
.guide_box2 .link2 {position:absolute;top:0;right:0;width:142px;height:50px;border-left:1px solid #111317;}
.guide_box2 .link2 a {
	display:block;
	height:35px;
	padding-top:13px;
	text-align:center;
	color:#848e9f;
	font-weight:600;
	border:1px solid #3a3c3f;
	background:#2c2e33;
}
.guide_box2 .guide_list {
	padding:15px 20px 13px 20px;
	border:1px solid #3a3c3f;
	background:#2c2e33
}
.guide_box2 .guide_list ul >li {
	margin-bottom:5px;
	padding-left:11px;
	color:#8e96a2;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_dash_01.gif) 0 10px no-repeat;
}
.guide_box2 .guide_list li strong {color:#d1d3dc;font-weight:normal;}
.guide_box2 .guide_list li ul {padding-top:8px;}
.guide_box2 .guide_list li li {
	padding-left:9px;
	line-height: 18px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -225px no-repeat;
}
.guide_box2 .guide_list li li strong {color:#8e96a2;font-weight:600;}
.guide_box2 h5 {margin:20px 0 10px 0;color:#d1d3dc;}
.guide_box2 .dot_box {width:622px;margin:0 0 11px 0;padding-bottom:2px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_guide_05-1.png) 0 bottom no-repeat;}
.guide_box2 .dot_box ul {width:586px;padding:17px 18px 15px 18px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_guide_05.png) no-repeat;}
.guide_box2 .dot_box li {padding-left:8px;line-height:16px;font-size:11px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -245px no-repeat;}

.guide_box3 {border:1px solid #47474e;}
.guide_box3 .box_wrap {padding:15px 16px 18px 16px;line-height:18px;color:#b7bdc7;border:1px solid #232328;background:#2d2d32;}
.guide_box3 strong {font-weight:normal;color:#ffba00;}
.guide_box3.v1 {position:relative;margin-bottom:32px;} /* 동영상, 갤러리 */
.guide_box3.v1 .box_wrap {padding:15px 20px 16px;line-height:22px;border:1px solid #111317;}
.guide_box3.v1 li {margin-bottom:5px;}
.guide_box3.v1 .qr {position:absolute;top:1px;right:1px;padding:9px;border-left:1px solid #111317;background:#2d2d32;}
.guide_box3.v1.v2 {clear:both;margin-bottom:20px;}
.guide_box3.v1.v2 .box_wrap {padding:20px 20px 20px 20px;}
.guide_box3.v2 {margin-bottom:30px;border-color:#37373d;}
.guide_box3.v2 .box_wrap {padding:20px 0;text-align:center;border-color:#111317;}
.guide_box3.v2 .box_wrap a {margin:0 6px;vertical-align:top;}
.guide_box3.v2.info {margin:-20px 0 37px 0;}
.guide_box3.v2.info .box_wrap {padding:12px 16px;text-align: left;}
.guide_box3.v2.info p {line-height:21px;}
.guide_box3.v2.info p span {color:#fff;}
.guide_box3.v2.info strong {display:block;margin-bottom:4px;color:#00b6d7;}
.guide_box3.suggestion  p {padding:15px 0}
.guide_box3.suggestion .box_wrap {padding-bottom: 30px;}

.guide_txt {margin-bottom:27px;padding:11px 15px;color:#8e96a2;line-height:28px;}
.guide_txt strong {color:#d1d3dc;}

.lastTime {margin:-13px 0 15px 12px;}
.lastTime strong {margin-right:10px;color:#ff3633;font-weight:normal;}
.lastTime em {font:12px Arial;color:#d1d3dc;}

.comment {clear:both;}
.comment h4 {padding:0 0 10px 15px;color:#8e96a2;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.comment h4 em {font:bold 11px Arial;color:#d1d3dc;}
.comment h4 span {font-weight:normal;}
.cmt_wrap {padding:0 15px 0 15px;}
.cmt_wrap .img img {width:40px;height:40px;border:1px solid #0b0d11;}

.cmt_write {position:relative;padding:15px 0 25px 0;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.cmt_write:after {display:block;clear:both;content:"";}
.cmt_write .img {float: left;}
.cmt_write .premier {display:block;margin-bottom:6px}
.cmt_write .premier.none {padding-left:0;font-weight:normal;color:#a1a7b2;background:none;}
.cmt_write fieldset {margin-left:51px;}
.cmt_write .write {margin-bottom:14px;border:1px solid #47474e;background:#27272c; }
.cmt_write textarea {
	width:97.4%;
	height:63px;
	padding:5px 10px;
	overflow:hidden;
	border:1px solid #090b0e;
	background:none;
	resize:none;
}
.cmt_write .typing {position:absolute;top:21px;right:0;color:#8e96a2;font:12px Arial;}
.cmt_write .typing strong {color:#fff;font-weight:600;}
.cmt_write .typing .close {
	display:inline-block;
	vertical-align:top;
	width:20px;
	height:20px;
	margin:-3px 0 0 8px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_spr_01.png) -161px 0 no-repeat;
}
.cmt_write .typing .close span {font-size:1px; visibility:hidden;}
.cmt_write p {color:#72767d;font-size:13px;}
.cmt_write .btn {float:right;margin-top:-43px;}
.cmt_write .btn.v1 span {height:32px;padding-top:13px;}
.cmt_list {clear:both;margin-bottom:20px;padding-bottom:2px;}
.cmt_list li {clear:both;position:relative;min-height:42px;padding:25px 0 25px 50px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.cmt_list li p {clear:both;word-break:break-all;overflow:hidden;color:#b7bdc7}
.cmt_list .img {position:absolute;top:16px;left:0;}
.cmt_list .img+strong {display:block;margin:-12px 0 2px 0;}
.cmt_list .img+strong em {color:#00b6d7;}
.cmt_list .premier span, .cmt_list .gm span {display:inline;visibility:visible;width:auto;height:auto;margin-left:5px;color:#6c737c;font:14px Arial;}
.cmt_list .bt {position:absolute;top:12px;right:10px;}
.cmt_list .bt button {margin-left:3px;color:#6c737c;font-size:13px;}
.cmt_list .bt button:hover {color:#a1a7b2;}
.cmt_list .reply {padding-left:80px;}
.cmt_list .reply.v1 {padding-left:107px;}
.cmt_list .reply .img {padding-left:27px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -174px no-repeat;}
.cmt_list .reply.v1 .img {padding-left:54px;background-position:27px -174px;}
.cmt_list .cmt_write {margin:16px 0 0 -50px;padding-bottom:0;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;}
.cmt_list .cmt_write .img {position:static;}
.cmt_list .reply .cmt_write {margin-left:-80px;}
.cmt_list .reply .cmt_write .img {padding-left:0;}
.cmt_list .reply.v1 .cmt_write {margin-left:-107px;}

.dot_box {margin:27px 0 32px 15px;padding-bottom:2px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_dotBox_02.png) 0 bottom no-repeat;}
.dot_box .box_wrap {padding:20px 22px 20px 22px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_dotBox_01.png) no-repeat;}
.dot_box p {color:#848e9f;line-height:21px;}
.dot_box p strong {display:block;margin-bottom:5px;color:#d01414;font-weight:normal;}
.dot_box p em {color:#d1d3dc}

.event_bnr {margin-bottom:20px;}

.tbl_btn {
	clear:both;
	display:block;
	position:relative;
	text-align:right;
}
.tbl_btn:after {clear:both;display:block;content:""}
.tbl_btn .bt_type1 {padding:0 15px 60px 0;}
.tbl_btn .bt_type1 a {margin-left:3px;}
.tbl_btn .bt_type1 .both {float:left;margin-left:15px;}
.tbl_btn .bt_type1 .both a {margin:0 3px 0 0;}
.tbl_btn .bt_type2 {clear:both;padding:30px 25px 0 0;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_bar_05.gif) repeat-x}
.tbl_btn .bt_type3 {margin-top:-52px;}
.bt_type4 {text-align:center;}
.tbl_btn .bt_type4 a {margin:0 6px;}
.tbl_btn .bt_type5 {position:absolute;top:-3px;right:0;}

#heroes_contents .btn {
	display:inline-block;
	border:1px solid #0b0d11;
	font-size:16px;
	font-weight:600;
	color:#b7bdc7;
	text-align:center;
}

.btn span {
	display:inline-block;
	height:35px;
	padding-top:13px;
	border:1px solid #313135;
	background:#25252b;
}
.btn span:hover {color:#fff !important;}

.btn.v1 span {padding-left:36px;padding-right:36px;}
.btn.v2 span {height:31px;padding:10px 24px 0 24px;}
.btn.v3 span {height:29px;padding:8px 27px 0 27px;}
.btn.v4 span {height:27px;padding:5px 29px 0 29px;font-size:13px;}
.btn.v5 span {height:30px;padding:9px 14px 0 14px;}
.btn.v6 span {height:32px;padding:13px 23px 0 23px;}
.btn.v7 span {height:36px;padding:17px 65px 0 65px;}
.btn.v8 span {height:44px;padding:21px 29px 0 29px;}
.btn.v8.t1 span {height:53px;padding-top:12px;color:#a1a7b2;}
.btn.v8 span em {display:block;font-weight:normal;font-size:12px;color:#848e9f;}
.btn.v9 span {height:48px;padding:31px 30px 0 30px;}
.btn.t1 span {color:#ffba00}
.btn.t2 span {color:#d1d3dc}
.btn.t3 span {padding:5px 16px 0 16px;font-size:13px;font-weight:normal;}

/* paging */ 
.paging {margin-bottom:60px;text-align:center;}
.paging a {
	display:inline-block;
	width:42px;
	height:22px;
	padding:10px 0;
	border:1px solid #0b0d11;
	vertical-align:top;
	color:#8e96a2;
	font-family:Arial;
	background:#25252b;
}
.paging a:hover {color:#fff;border-color:#fff;}
.paging a.on {color:#ff2421 !important;border-color:#ff3633;}
.paging em {display:inline-block;border:1px solid #0b0d11;}
.paging em a {position:relative;width:44px;height:20px;font-size:12px;border-color:#313135;}
.paging .prev {margin-right:6px;}
.paging .next {margin-left:6px;}
.paging .prev a {padding-left:9px;}
.paging .next a {padding-right:9px;}
.paging .prev a:before,
.paging .next a:after {
	position:absolute;
	top:15px;
	content:"";
	display:inline-block;
	vertical-align:text-top;
	width:7px;
	height:11px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bt_arrow_02.png) no-repeat;
}
.paging .prev a:before {left:8px;background-position:0 0;}
.paging .next a:after {right:8px;background-position:-7px 0;}
.paging .prev a:hover:before {background-position:0 -11px;}
.paging .next a:hover:after {background-position:-7px -11px;}

.seach {
	position:relative;
	z-index:2;
	width:330px;
	height:30px; 
	margin:0 auto;
	padding:10px 10px 14px 10px;
	border:1px solid #0b0d11;
	background:#27272c;
}
.seach select {
	width:75px;
	height:34px;
	padding-left:10px;
}
.seach input {
	width:161px;
	margin-left:1px;	
}
.seach .btn {position:absolute;top:9px;right:10px;}
.seach .btn span {height:27px;padding-top:5px;background:#2f2f35;}

/* 길드 */
.g_section {position:relative;margin-bottom:40px;}
.g_section > h4.t1 {margin-top:0 !important;}
.g_section .guide_box {margin:0;}
.g_section .more {position:absolute;top:0;right:0;}
.guild_box {padding:2px;background:#111317;}
.guild_box h5 {
	height:33px;
	margin:0 0 2px 0;
	padding:12px 0 0 20px;
	font-size:15px;
	border:1px solid #2e2f33;
	background:#1d1e21;
}
.guild_box .sch {
	position:relative;
	padding:21px 0 21px 234px;
	border:1px solid #323337;
	background:#24252a
}
.guild_box .sch:before {
	display: block;
	content:"";
	position:absolute;
	top:24px;
	left:172px;
	width:47px;
	height:47px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_01.png) 0 -58px no-repeat;
		
}
.guild_box .sch .detail {position:absolute;top:39px;right:20px;padding-right:17px;color:#8e96a2;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_arr_02.png) right 5px no-repeat;}
.guild_box .sch .detail.open {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_arr_01.png) right 4px no-repeat;}
.guild_box .sch_terms {
	margin-top:1px;
	padding:20px 0 12px 21px;
	border:1px solid #323337;
	background:#24252a;
}
.guild_box .sch_terms li {margin-bottom:8px;}
.guild_box .sch_terms strong {display:inline-block;width:127px;vertical-align:top;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 101px -826px no-repeat;}
.guild_box .sch_terms label {display:inline-block;width:118px;vertical-align:top;}
.guild_box .sch_terms span {color:#798292;}
.guild_box .sch_terms input[type="radio"] {vertical-align: middle}
.guild_box .sch_terms input[type="text"]+span {color:#ff3d3a;}
.guild_box .sch_terms input {margin-right:6px;}
.guild_box.v1 h5 {margin-bottom:0;padding-left:0;text-align:center;}
.guild_box.v1:after, .guild_box .recom:after {display:block;clear:both;content:"";}
.guild_box .rank, .guild_box .recom li {float:left;width:443px;}
.guild_box .rank:first-child, .guild_box .recom li:first-child {margin-right:2px;}
.guild_box .rank li {
	margin-top:1px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_02.png) 0 -322px no-repeat;
}
.guild_box .rank li:first-child a {font-weight:bold;color:#d1d3dc}
.guild_box .rank a {
	display:block;
	height:36px;
	padding-top:13px;
	color:#a1a7b2;
}
.guild_box .rank a:hover {text-decoration:none;color:#d1d3dc;font-weight:bold;}
.guild_box .rank strong {
	display:inline-block;
	width:58px;
	margin-right:20px;
	vertical-align:top;
	text-align:center;
}
.guild_box .rank li:first-child strong {color:#ffba00;}
.guild_box .recom h5 {height:35px;padding:13px 0 0 20px;}
.guild_box .recom h5 a {
	display:block;
	height:20px;
	padding:0 0 0 26px;
	font-size:15px;
	color:#c6c6cd;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) 0 -123px no-repeat;
	cursor:pointer;
}
.guild_box .recom h5 a:hover {color:#fff;text-decoration:none;}
.guild_box .recom_con {margin-top:1px;border:1px solid #393a3f;background:#2c2e33;}
.guild_box .recom_con .img {float:left;width:45px;height:45px;margin:11px 8px 11px 11px;border:1px solid #111317;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/img_basic_03.jpg) no-repeat;}
.guild_box .recom_con .img img {width:45px;height:45px;}
.guild_box .recom_con .info {float:left;padding-top:12px;}
.guild_box .recom_con .g_num {display:block;padding-top:2px;font-family: Arial;}
.guild_box .recom_con .g_num em {padding:0 9px 0 10px;border-left:1px solid #45474e;font-family:"나눔고딕"}
.guild_box .recom_con .g_num em:first-child {padding-left:0;border:none;}
.guild_box .recom_con .g_num em span {padding-right:3px;color:#808fbc;}
.guild_box .recom_con .tx {
	clear:both;
	padding:13px 13px 15px 13px;
	margin-left:-1px;
	color:#a1a7b2;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_guide_01.gif) repeat-x;
}
.guild_box.v1 .none {
	width:443px;
	height:95px;
	margin-top:1px;
	padding-top:75px;
	text-align:center;
	color:#8e96a2;
	background:#2c2e33;
}
.guild_box.v2 .none {
	height:92px;
	margin-top:1px;
	padding-top:80px;
	border:1px solid #37373d;
	text-align:center;
	color:#8e96a2;
	background:#2c2e33;
}
.g_seach {
	position:relative;
	width:465px;
	height:34px;
	padding:9px 8px;
	border:1px solid #0b0d11;
	background:#18191c;
}
.g_seach:after {
	display:block;
	content:"";
	position:absolute;
	bottom:-2px;
	left:-1px;
	width:483px;
	height:1px;
	background:#3c3c3f;
}
.g_seach.v1 {width:467px;height:41px;margin:0 auto;padding:9px 8px 0 8px;background-position:-63px -1111px;}
.g_seach select {width:110px;margin:1px 3px 0 0;padding:6px 0 5px 0;color:#565b66;vertical-align:middle;}
.g_seach input {width:260px;height:27px;margin:1px 2px 0 0;padding:1px 5px;color:#565b66;border:1px solid #707070;vertical-align:middle;}
.g_seach .btn {position:absolute;top:9px;right:8px;}
.g_seach .btn.v4 span {height:26px;padding:3px 20px 0 20px;border:1px solid #38383e;background:#2f2f35;}
.result {
	position:relative;
	margin:40px 0 20px 0;
	border:1px solid #1e1e22;
}
.result p {
	padding:12px 20px;
	color:#848e9f; 
	border:9px solid #676a71;
	background:#19191e;
}
.result p span {color:#d1d3dc;}
.result .num {font-family:Arial;}
.result .link {position:absolute;top:24px;right:26px;}
.result .link a, .g_tit .link a {
	display:inline-block;
	margin-left:20px;
	padding-left:20px;
	color:#848e9f;
	vertical-align:top;
	line-height:17px;
	border-left:1px solid #323338;
}
.result .link a:first-child, .g_tit .link a:first-child {border-left:none;}
.result .link a:hover, .result .link .on {font-weight:600;color:#d1d3dc;}
.result.v1 {/*width:740px;*/margin:0;}
.result.v1 p {position:relative;padding:12px 20px 12px 54px;color:#d1d3dc;background:#19191e;}
.result.v1 p:before {display:block;content:"";position:absolute;top:0;left:0;width:43px;height:46px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_01.png) 0 -108px no-repeat;}
.g_tit .link button:hover, .g_tit .link .on {color:#d1d3dc;font-weight:600;}
.agit_notice1 {height:131px;margin-bottom:40px;padding-top:115px;text-align:center;border:2px solid #111317;background:#1d1e21}
.agit_notice2 {margin-bottom:40px;border:2px solid #111317;background:#2c2e33;}
.agit_notice2 .none {color:#6c737c}
.agit_notice2 .none strong {font-weight:bold;color:#ff3d3a;}
.agit_notice2 .cover img {width:888px;height:456px;}
.agit_notice2 .notice {
	border:1px solid #3a3c3f;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_guide_01.gif) 0 54px repeat-x;
}
.agit_notice2 .notice strong {
	display:block;
	margin-bottom:20px;
	padding:15px 15px 0 15px;
	font-size:15px;
}
.agit_notice2 .notice .txt {
	display:block;
	height:120px;
	padding:5px 15px 15px 15px;
	line-height:26px;
	overflow: hidden;
	word-break: break-all;
}
.agit_notice2 .tab {
	position:relative;
	height:210px;
	line-height:27px;
}
.agit_notice2 .tab:after {clear:both;display:block;content:""}
.agit_notice2 .tab li {
	float:left;
	width:50%;
	height:56px;
	cursor: pointer;
	border-top:2px solid #111317;
	border-bottom:1px solid #111317;
	background:#111317;
}
.agit_notice2 .tab li.on {height:57px;border-top-width: 1px;}
.agit_notice2 .tab li strong {
	display:block;
	height:40px;
	padding-top:13px;
	font-size:16px;
	color:#a1a7b2;
	text-align: center;
	border:1px solid #3a3c3f;
	background:#2c2e33;
}
.agit_notice2 .tab li.on strong {
	height:43px;
	color:#ff2421;
	border-color: #19191e;
	background:#19191e
}
.agit_notice2 .tab li p {
	display:none;
	position:absolute;
	top:59px;
	left:1px;
	width:856px;
	height:142px;
	padding:8px 15px 0 15px;
	word-break: break-all;
	outline:1px solid #3a3c3f;
	overflow:hidden;
	cursor: default;
}
.agit_notice2 .tab li.on p {display:block;}
.g_tit {
	position:relative;
	margin-bottom:20px;
	padding:9px;
	border:1px solid #1e1e22;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_title_01.gif) repeat-y;
}
.g_tit h4 {height:100%;color:#848e9f;font-size:15px;background:#19191e;}
.g_tit strong {
	display:inline-block;
	width:155px;
	min-height:28px;
	margin:8px 20px;
	padding-top:6px;
	color:#ff2421;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_title_02.gif) right 0 repeat-y;
}
.g_tit .link {position:absolute;top:25px;right:26px;}

.agit_view {margin-top:-3px;border-top:2px solid #111317;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
/*.agit_view.v1 {margin-bottom:0;}*/
.agit_view>a:hover .cont p,.agit_view>a:focus .cont p {color:#d1d3dc}
.agit_view>a:hover .cont .reply,.agit_view>a:focus .cont .reply {color:#8e96a2}
.agit_view>a {display:block;}
.agit_view>a:hover,.agit_view>a:focus {text-decoration:none;}
.agit_view:first-child {margin-top:0}
.agit_view .info {height:42px;padding:14px 0 15px 0;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.agit_view .info .thum {float:left;width:40px;height:40px;margin-left:15px;}
.agit_view .info .thum img {width:40px;height:40px;z-index:1;border:1px solid #0b0d11;}
.agit_view .info .writer {float:left;margin:10px 0 0 10px;color:#8e96a2;}
.agit_view .info .writer img {margin-right:3px;vertical-align:middle;}
.agit_view .info .date {float:right;margin:10px 15px 0 0;color:#8e96a2;}
.agit_view .info .date span {font-family:Arial}
.agit_view .cont {clear:both;padding:27px 22px 5px 22px;word-wrap:break-word;border-top:1px solid #37373d;}
.agit_view .cont p {margin-bottom:20px;line-height:23px}
.agit_view .cont .reply {color:#8e96a2}
.agit_view .cont .reply .num,.agit_fn .reply .num {font:11px Arial;color:#d1d3dc;}
.agit_view .del {margin-right:15px;padding-bottom:20px;text-align:right;color:#8e96a2;}
.agit_view .no_list {text-align:center;padding:127px 0;color:#d1d3dc;}
.agit_fn {position:relative;height:40px;padding:20px 15px;}
.agit_fn .bt_type2 {float:right;margin-top:-26px;}
.guild_agit_list .tbl_btn {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;}
.guild_agit_list .tbl_btn .bt_type2 {padding:20px 0 0 0;}

.guild_write {margin-bottom:30px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;color:#8e96a2;}
#contents .guild_write h5 {
	margin-bottom:27px;
	padding-bottom:15px;
	font-size:16px;
	color:#ff3d3a;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;
}
.guild_write .cont {border-bottom:1px solid #37373d;}
.guild_write .cont textarea {width:96%;height:300px;padding:2%;overflow:auto;border:1px solid #0b0d11;background:#363b43;}
.guild_write .add {padding:20px 0;}
.guild_write .add label {margin-right:40px;}
.guild_write .add input[type="radio"] {margin-right:3px;}
.guild_write .add .text input,
.guild_home_cell .add_image .text input {height:25px;line-height:25px}
.ie .guild_home_cell .add_image label {line-height:26px}
.guild_write .add .add_movie {display:none;}
.guild_write .add .add_movie label {height:27px;margin-right:10px;line-height:27px;}
.guild_write .add .add_movie .tx {height:32px;padding:0 8px;color:#a1a7b2;vertical-align:middle;line-height:32px;border:1px solid #0b0d11;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_input_02.gif) repeat-x}
.guild_write .add .btn {margin-right:10px;}

/* UCC */
.cartoon_bnr {margin-bottom: 30px}
.cartoon_array {text-align:center;}

/* 다운로드 */
.client_auto {margin-bottom:30px;}
.client_hand {
	width:849px;
	height:104px;
	margin-bottom:40px;
	padding:41px 43px 0 0;
	text-align:right;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/tx_client_01.jpg) no-repeat;
}
.client_hand.server {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/tx_client_02.jpg);}

/* 카뮤즈 */
.ch_kamuse {
	width:825px;
	height:100px;
	padding:45px 67px 0 0;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/tx_client_kamuse.jpg) no-repeat;
}

.server.ch_kamuse {
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/tx_client_kamuse_t.jpg) no-repeat;
}

.client_hand a {display:inline-block;}
.drive_down {padding:25px 26px;border:1px solid #111317;background:#25252b;}
.drive_down a {
	display:inline-block;
	width:201px;
	margin-left:6px;
	text-align:center;
}
.drive_down a:first-child {margin-left:0;}
.drive_down a:hover {color:#fff}
.drive_down a img {margin-bottom:12px;}
.sever_state {
	position:relative;
	width:888px;
	height:210px;
	margin-bottom:35px;
	border:1px solid #111317;
	background:#19191e;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
}
.sever_state h5 {float:left;width:234px;height:68px;line-height:68px;margin:0;color:#808fbc;font-size:16px;text-align: center;background:#2c2e33;border-right: 1px solid #111317;
border-bottom: 1px solid #111317;box-sizing: border-box;}
.sever_state .check {float: left;width: 652px;height:68px;border-bottom: 1px solid #111317;box-sizing: border-box;background:#24242a}
.sever_state .btn_test_svr1,
.sever_state .btn_test_svr2 {position: relative;display: inline-block; width: 307px;height: 62px;line-height: 62px;margin:39px 13px 0;color:#b7bdc7;box-sizing: border-box;border:1px solid #38383e;background-color: #2f2f35;font-size: 15px;font-weight: bold;}
.sever_state span.btn_test_svr1,
.sever_state span.btn_test_svr2 {opacity: 0.4;}
.sever_state .btn_test_svr1::before,
.sever_state .btn_test_svr2::before {content: '';position: absolute;left:-2px;top:-2px;width: 307px;height: 62px;height: 62px;border:1px solid #0d0d11}
.sever_state .check span {
	display:block;
	height:40px;
	padding-top:24px;
	text-align:center;
	color:#b7bdc7;
	font-size:16px;
}
.sever_state strong {display:inline-block;height:22px;margin-right:12px;padding-left:30px;font-family:Arial;background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png);background-repeat:no-repeat;}
.sever_state .check strong {color:#d01414;background-position:0 -597px}
.sever_state .open strong {color:#00b6d7;background-position:0 -624px}
.feature {margin-bottom:12px;}
.mobile_guide {width:365px;height:318px;margin-bottom:18px;padding:52px 0 0 527px;background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_02.png);background-repeat:no-repeat;}
.mobile_guide.app_plus {background-position:0 -555px;}
.mobile_guide.web {background-position:0 -926px;}
.mobile_guide h5 {margin:0 0 193px 25px;background:none;}
.mobile_guide .app_bt a {margin-right:5px;}
.mobile_guide p {margin:-24px 0 0 25px;}
.screenshot {margin-bottom:30px;}
.screenshot .img img {width:888px;height:554px;border:2px solid #0b0d11;}
.screenshot p {padding-top:14px;text-align:center;color:#8e96a2;}
.down_movie {margin-bottom:40px;}
.down_movie .movie_area {width:886px;height:498px;margin-bottom:30px;background:#121419;border:2px solid #111317;}
.down_movie .bt_type1 {text-align:right;}
.down_movie .both {float:left;}
.down_movie .both button {display:inline-block;margin-right:6px;vertical-align:top;}

#artwork_transparent{position:fixed;width:100%;height:100%;z-index:101;background:#000;left:0;top:0}
.artwork_aiew{position:fixed;width:960px;height:697px;margin:-349px 0 0 -480px;left:50%;top:50%;z-index:1000}
.artwork_aiew.fix_h { position: absolute; top:0 !important; margin-top:0 !important; }
.artwork_aiew.fix_w { position: absolute; left:0 !important; margin-left:0 !important; }
.artwork_aiew img {outline:5px solid #000;}
.artwork_aiew a{position:absolute;right:0;top:0;z-index:9999;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bt_close_03.gif) no-repeat;width:65px;height:65px;overflow:hidden}

/* 고객센터 */
.ob_sp {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/otp_btn_sp.png) no-repeat;}
.reset_way {margin-bottom:40px;}
.reset_way p {margin-bottom:20px;}
.reset_apply .guide_box3 {margin-bottom:24px;}
.reset_apply .guide_box3 .box_wrap {padding:52px 0;background-color:#1d1e21;}
.reset_apply .guide_box3 .bt {display:inline-block;margin:0 5px;}
.reset_apply .guide_box3 p {padding:27px 0;font-size:16px;line-height:26px;color:#d1d3dc;}
.reset_apply .guide_box3 p strong {color:#ffba00;}

.reset_apply .guide_box3 #before_phone {overflow:hidden;}
.reset_apply .guide_box3 #before_phone a {display:inline-block;width:261px;height:61px;margin:0 8px;}
.reset_apply .guide_box3 #before_phone a span.ob_sp {display:block;width:261px;height:61px;}
.reset_apply .guide_box3 #before_phone .bt_1 span.ob_sp {background-position:-7px -7px;}
.reset_apply .guide_box3 #before_phone .bt_1.on span.ob_sp {background-position:-7px -78px;}
.reset_apply .guide_box3 #before_phone .bt_2 span.ob_sp {background-position:-7px -149px;}
.reset_apply .guide_box3 #before_phone .bt_2.on span.ob_sp {background-position:-7px -219px;}
.reset_apply .guide_box3 #before_phone .bt_3 span.ob_sp {background-position:-7px -289px;}

.inquiry .guide_box3 .btn span {width:286px;height:34px;padding:19px 0 0 0;}
.inquiry .guide_box3 .btn.t1 span {height:51px;padding-top:14px;}
.inquiry .guide_box3 .btn.t1 em {padding-top:0;}
.inquiry .guide_box3 .btn:hover span, .inquiry .guide_box3 .btn:hover em {color:#fff}
.security {position:relative;margin-bottom:35px;}
#contents .security h3.t2 {margin-top:26px;}
.type_set {margin-bottom:40px;padding:2px;background:#111317;}
.type_set:after {display:block;clear:both;content:""}
.type_set h5 {height:36px;margin:0 0 2px 0;padding:12px 0 0 20px;color:#c6c6cd;font-size:15px;border:1px solid #27282c;background:#1d1e21;}
.type_set li {float:left;margin-left:1px;text-align:center;border:1px solid #3a3c3f;background:#2c2e33;}
.type_set li:first-child {margin-left:0;}
.type_set li a {position:relative;display:block;width:293px;height:71px;padding-top:71px;color:#8e96a2;}
.type_set li:nth-child(3) a {width:294px;}
.type_set li a:before {display:block;content:"";position:absolute;top:34px;left:50%;width:55px;height:33px;margin-left:-27.5px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_01.png) no-repeat;}
.type_set li:nth-child(1) a:before {background-position:-105px -98px}
.type_set li:nth-child(2) a:before {background-position:-160px -98px}
.type_set li:nth-child(3) a:before {background-position:-215px -98px}
.type_set li a:active, .type_set li a:visited {color:#8e96a2}
.type_set li strong {display:block;color:#00b6d7;}
.security_bnr {margin-top:-12px;}

.policy_sell{margin-bottom:40px;line-height:24px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 30px repeat-x;}
#contents .policy_sell h4.t1 {margin:0 0 37px 0;line-height:normal;}
.policy_sell ul {margin-top:13px;}
.policy_sell ul li {margin-bottom:18px;}
.policy_sell ul span {color:#ff3d3a;}
.policy_sell ul.t1 li {margin-bottom:0;padding:0 0 7px 8px !important;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_dot_01.gif) 0 10px no-repeat;}
.policy_sell ul.t1 li ul {margin-top:5px;}
.policy_sell ul.t1 li li {color:#848e9f;background:none;}
.policy_sell ul.t1 span {color:#d1d3dc;}
.policy_sell .notice .tit {display:block;margin:15px 0 -9px 0;font-weight:bold;color:#808fbc;}
.policy_sell .t2 li {margin-bottom:21px;padding:22px 0 0 0;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;}
.policy_sell .t2>li:first-child {background:none;padding-top:0}
.policy_sell .tbl_view02 {margin:11px 0 20px 0;}
.policy_sell .tbl_view02 thead th {text-align:center;color:#a1a7b2;}
.policy_sell .tbl_view02 th {text-align:left;color:#848e9f;}
.policy_sell .tbl_view02 td {padding:8px;color:#a1a7b2;}
.policy_sell .tbl_view02.list td {text-align:left;}
.policy_sell .tbl_view02 ul {margin-top:0;}
.policy_sell .tbl_view02 ul li {margin:0;padding:0 0 0 8px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_dot_01.gif) 0 center no-repeat;}
.policy_sell .t2 li > strong {display:block;margin-bottom:5px;}
.policy_sell .t2 .notice .tit {margin-bottom:16px;}
.policy_sell .t2 .notice li {padding-top:0;background:none;}
.policy_sell .t2 .notice li .tbl_view02 {margin:10px 0 0 0;}
.policy_sell .t2 .notice li .tbl_view02 + .desc {margin-top:20px; color:#848e9f;}
.policy_sell .t2 .t3 li {padding-top:0;background:none;}
.policy_sell .t2 .notice .t1 li {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_dot_01.gif) 0 10px no-repeat;}
.policy_sell .t2 .t3 .t1 li {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_dot_01.gif) 0 10px no-repeat;}
.policy_sell .desc2 {margin-top:15px;}
.policy_sell ul.t4 li {margin-bottom:13px;}
.policy_sell ul.t4 strong {display:block;margin-bottom:3px;color:#808fbc;}

.charater_name fieldset {
	width:390px;
	margin:0 auto 20px;
	padding:10px 0;
	text-align:center;
	border:1px solid #0b0d11;
	background:#18191c;
}
.charater_name fieldset input[type="text"] {
	width:254px;
	height:39px;
	margin-right:3px;
	vertical-align:top;
	color:#565b66;
}
.charater_name .guide_box3 {margin-bottom:24px;}
.charater_name .guide_box3 .box_wrap {padding:20px;color:#b8bdc7;}
.charater_name .guide_box3 .one {padding:40px 0;text-align:center;line-height:24px;}
.charater_name .guide_box3 .one span {display:block;}
.charater_name .guide_box3 .one em {margin-right:3px;color:#ffba00;}
.charater_name .guide_box3 th {padding-bottom:17px;color:#848e9f;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 bottom repeat-x;}
.charater_name .guide_box3 td {width:33%;padding:4.5px 0;text-align:center;font-size:14px;}
.charater_name .guide_box3 tbody tr:first-child td {padding-top:21px;}
.charater_name .guide_box3 .change {color:#00b6d7;}

/* mypage */
.mypage {padding:0 15px;}
.mypage .guide_box {margin: 0 0 40px 0}

/* 게임소개 */
.game_info {padding-top:64px;text-align:center}
.game_info h3 {margin-bottom:66px;}
.game_info h3 + img {margin-bottom:80px;}
.game_info h4 {margin-bottom:40px;}
.game_info .down_movie {margin-bottom:80px;}
.info_img {border:1px solid #0d0d11}
.character_wrap {
	position:relative;
	min-height:929px;
	margin-top:-40px;
	padding-top:37px;
	background-position:right 0;
	background-repeat:no-repeat;
}
.character_wrap.v1 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_01.png)}
.character_wrap.v2 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_02.png)}
.character_wrap.v3 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_03.png)}
.character_wrap.v4 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_04.png)}
.character_wrap.v5 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_05.png)}
.character_wrap.v6 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_06.png)}
.character_wrap.v7 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_07.png)}
.character_wrap.v8 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_08_1.png)}
.character_wrap.v9 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_09_1.png)}
.character_wrap.v10 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_10.png)}
.character_wrap.v11 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_11.png)}
.character_wrap.v12 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_12.png)}
.character_wrap.v13 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_13_2yqsc3t0.png)}
.character_wrap.v14 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_14_igqq0xom.png)}
.character_wrap.v15 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_15_ehRLqpf9.png)}
.character_wrap.v16 {background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/img_character_16_fptj95.png)}
.character_wrap.v17 {background-image:url(https://lwi.nexon.com/heroes/home/info/kael_5C07BDDD6E07E9C3/img_character_17_zkdpfl5.png)}
.character_wrap.v18 {background-image:url(https://lwi.nexon.com/heroes/home/info/tessa_F7791C82627E4092/img_character_18.png)}
.character_wrap.v19 {background-image:url(https://lwi.nexon.com/heroes/home/info/210708_B4E44FF8E24767BB/img_character_19.png)}
.character_wrap.v20 {background-image:url(https://lwi.nexon.com/heroes/home/info/211202_C9BC7D3430E5DC96/img_character_20.png)}

.character_wrap h4 {margin-bottom:23px;}
.character_wrap .text {margin-bottom: 45px}
.character_wrap .text ul li {margin-bottom:2px;color:#d1d3dc;}
.character_wrap .text ul strong {margin-right:13px;color:#808fbc;}
.character_wrap .text ul span {display:inline-block;width:423px;padding:20px 0;vertical-align:middle;}
.character_wrap .text ul em {
	display:inline-block;
	vertical-align: top;
	width:78px;
	height:26px;
	margin: 4px 4px 4px 0;
	padding-top:2px;
	color:#5a5e65;
	text-align: center;
	font-size:13px;
	border:1px solid #2a2a30;
	border-radius: 20px;
	background:#2a2a30;
}
.character_wrap .text ul em.on {color:#fff;border-color:#575760;background:#575760;}
.character_wrap .text p {margin-bottom:20px;line-height:24px;}
.character_wrap .text p strong {display:block;margin-bottom:11px;font-weight:normal;color:#00b6d7;}
.character_wrap .movie {position:relative;height:554px;border:1px solid #000;background:#000;}
.character_wrap .movie iframe {
    position:absolute;
    top:0;
    left:0;
    display:none;
}
.character_wrap .movie iframe:first-child {display:block;}
.character_wrap .story{background:#2c2e33;}
.character_wrap .story {position:relative;}
.character_wrap .story .bt_prev,.character_wrap .story .bt_next {position:absolute;top:255px;z-index:2;width:32px;height:52px;background-repeat:no-repeat;}
.character_wrap .story .bt_prev {left:15px;background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/bt_prev_01.png)}
.character_wrap .story .bt_next {right:15px;background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/bt_next_01.png)}
.character_wrap .story .bt_prev:hover {left:15px;background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/bt_prev_01_on.png)}
.character_wrap .story .bt_next:hover {right:15px;background-image:url(https://ssl.nexon.com/s2/game/heroes/web/2017/info/bt_next_01_on.png)}
.character_wrap .story .bt_prev span,.character_wrap .story .bt_next span {visibility: hidden}
.character_wrap .img_move {position:relative;width:890px;height:555px;border:1px solid #000;background:#000;}
.character_wrap .img_move img {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:890px;
    height:555px;
}
.character_wrap .img_move img:first-child {display:block;}
.character_wrap .story p {padding:30px;}
.character_wrap .story .btn {margin-bottom:30px;}
.character_wrap .screenshot {position:relative;}
.character_wrap .screenshot .img_link {position:absolute;bottom:20px;left:0;width:100%;height:15px;text-align:center;}
.character_wrap .screenshot .img_link button {width:15px;height:15px;margin:0 3px;background:#fff;}
.character_wrap .screenshot .img_link button.on {background:#b01415}
.character_wrap .screenshot .img_link button span {font-size:0;visibility: hidden}

/* 초보자 가이드 */
.beginner {padding:0 15px;}
.game_guide li {margin-bottom:42px;text-align:center;}
.game_guide li p {
	margin-bottom:10px;
	text-align:left;
	line-height:24px;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) 0 37px repeat-x;
}
.game_guide li .tit {
	display:block;
	height:26px;
	margin-bottom:31px;
	line-height:26px;
	font-weight:normal;
	font-size:18px;
	color:#ff3d3a;
}
.game_guide .tit:before {
	display:inline-block;
	content:"";
	width:22px;
	height:22px;
	margin-top:2px;
	margin-right:8px;
	vertical-align: top;
	background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_01.png) no-repeat;
}
.game_guide .n1 .tit:before {background-position:-311px -59px}
.game_guide .n2 .tit:before {background-position:-311px -83px}
.game_guide .n3 .tit:before {background-position:-311px -107px}
.game_guide .n4 .tit:before {background-position:-311px -131px}
.game_guide .n5 .tit:before {background-position:-311px -155px}
.game_guide .n6 .tit:before {background-position:-311px -179px}
.game_guide .n7 .tit:before {background-position:-311px -203px}
.game_guide li .tit a {display:block;float:right;height:22px;padding-right:26px;font-size:13px;color:#8e96a2;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bu_spr_01.png) right -805px no-repeat;}
.game_guide li .tit a:hover {text-decoration:none;color:#fff;}
.game_guide li strong {color:#d1d3dc;}
.game_guide img {margin-top:20px;}
.game_guide li .promote {display:block;margin-bottom:11px;padding-top:5px;text-align:left;color:#00b6d7;}
.game_guide li .guide_box3 {margin-bottom:10px;}
.game_guide li .guide_box3 .box_wrap {padding:15px 16px 5px 16px;}
.game_guide li .guide_box3 .box_wrap p {background:none;}
.game_guide li .guide_box3 .box_wrap span {color:#808fbc;}
.control_guide {margin-bottom:36px;padding-top:23px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_table_03.gif) repeat-x;}
.control_guide p {margin-bottom:14px;}
.control_guide p strong {color:#d1d3dc;}
.control_guide ul .tit {display:block;margin-bottom:11px;color:#00b6d7;}
.control_guide ul img {margin-bottom:22px;}
.control_guide .tbl_view01 {margin:0;}
.control_guide .tbl_view01 .cont {padding:0;background:none;}
.control_guide .tbl_view01 td {padding:0;}

/* 2021_04 게임 가이드 개편  */
.guide_wrap {position: relative;}
.guide_wrap .best_guide {overflow: hidden;margin-bottom: 30px;}
.guide_wrap .best_guide li {float: left;width: 286px;height: 156px;margin-left:17px;background-color: #27272c;box-sizing: border-box;border:2px solid #111317}
.guide_wrap .best_guide li:first-child {margin-left: 0;}
.guide_wrap .best_guide li a {position: relative;display: block;width: 100%;height: 100%;padding:15px 0 0;box-sizing: border-box;}
.guide_wrap .best_guide li a::before {content: '';position: absolute;left:0;top:0;display: block;width: 282px;height: 152px;border:1px solid #323237;box-sizing: border-box;}
.guide_wrap .best_guide li a:hover::before {border-color: #b61213;}

.guide_wrap .sch {position:relative;padding:21px 0 21px 234px;background:#24252a;border:2px solid #111317}
.guide_wrap .sch::before {content: '';position: absolute;left:0;top:0;border:1px solid #323337;width: 100%;height: 100%;box-sizing: border-box;}
.guide_wrap .sch::after {display: block;content:"";position:absolute;top:24px;left:172px;width:47px;height:47px;background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/bg_sprite_01.png) 0 -58px no-repeat;}
.guide_wrap .sch .btn.v5 span {height:26px;padding:3px 20px 0;font-size:13px;border:1px solid #38383e;background-color: #2f2f35;}

.guide_wrap .category {position: relative;color:#d1d3dc;font-size: 15px;padding:0 0 15px 29px;display: block; border-bottom: 1px dashed #111317;letter-spacing: -1px;}
.guide_wrap .category::before {content: '';display: inline-block;width: 48px;height: 48px;margin-right:9px;background:url(https://lwi.nexon.com/heroes/home/common/spr_guide_icon.png) no-repeat;vertical-align: middle;}
.guide_wrap .category.cate1::before {background-position: 0 0;}
.guide_wrap .category.cate2::before {background-position: -50px 0;}
.guide_wrap .category.cate3::before {background-position: -100px 0;}
.guide_wrap .category.cate4::before {background-position: -150px 0;}
.guide_wrap .category.cate5::before {background-position: -200px 0;}
.guide_wrap .category.cate6::before {background-position: -250px 0;}
.guide_wrap .category.cate7::before {background-position: -300px 0;}
.guide_wrap .category.cate8::before {background-position: -350px 0;}
.guide_wrap .category.cate9::before {background-position: -400px 0;}
.guide_wrap .category.cate10::before {background-position: -450px 0;}
.guide_wrap .category.cate11::before {background-position: 0 -50px;}
.guide_wrap .category.cate12::before {background-position: -50px -50px;}
.guide_wrap .category.cate13::before {background-position: -100px -50px;}
.guide_wrap .category.cate14::before {background-position: -150px -50px;}
.guide_wrap .category.cate15::before {background-position: -200px -50px;}
.guide_wrap .category.cate16::before {background-position: -250px -50px;}
.guide_wrap .category.cate17::before {background-position: -300px -50px;}
.guide_wrap .category.cate18::before {background-position: -350px -50px;}
.guide_wrap .category.cate19::before {background-position: -400px -50px;}

.guide_wrap .tit {color:#b7bdc7;padding:23px 10px 0 29px;display: block;font-size: 14px;border-top: 1px dashed #323337;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.guide_wrap a:hover span, .guide_list ul li a:hover {color:#fff !important}

.guide_list {position: relative;overflow: hidden;padding-top: 60px;}
.guide_list .category {padding:14px 0 15px 13px;}
.guide_list > li {position: relative;float: left;width: 216px;min-height: 380px;margin:0 0 10px 9px;box-sizing: border-box;border:2px solid #111317;background-color: #27272c;}
.guide_list li.new {margin-left:0;}
.guide_list li.new a::after {content: '';display: inline-block;width: 18px;height: 18px;line-height: 22px;background: url('https://ssl.nexon.com/s2/game/heroes/web/2017/ic_new_01.png') no-repeat;vertical-align:middle;margin:-1px 0 0 4px;}
.guide_list > li::before {content: '';position: absolute;left:0;top:0;border:1px solid #323337;width: 100%;height: 100%;box-sizing: border-box;}
.guide_list > li:nth-child(4n+1) {margin-left: 0;}
/* .guide_list > li:nth-child(n+9):nth-child(-n+12) {height: 340px;}
.guide_list > li:nth-child(n+13):nth-child(-n+19) {height: 350px;} */
.guide_list ul {position: relative;padding:19px 0 0 15px}
.guide_list ul li a {display: inline-block;color:#b7bdc7 !important;letter-spacing: -1px;margin-bottom: 8px;padding-left: 12px;text-indent: -12px;font-size: 14px;font-weight:normal}
.guide_list ul li a::before {content: '';display: inline-block;width: 5px;height: 3px;margin:-3px 7px 0 0;background-color: #999ea7;border-radius:40%;vertical-align: middle;}

.guide_wrap .result .btn_re {position: relative;display: inline-block;width: 94px;height: 33px;line-height: 31px;margin-left:3px;background-color: #2f2f35;box-sizing: border-box;border:1px solid #0b0d11;text-align: center;}
.guide_wrap .result .btn_re::before {content: '';position: absolute;left:0;top:0;width: 100%;height: 100%;box-sizing: border-box;border:1px solid #38383e;}
.guide_wrap .result {text-align: center;}
.guide_wrap table td.info a {position: relative;display: block;padding-bottom: 20px;}
.guide_wrap table td.info a:hover .tit {text-decoration: underline;}
.guide_wrap table td.info a::before {content: ''; position: absolute;left:0;top:0;width: 78px;height: 78px;background-color: #26252b;border:1px solid #151a21;}
.guide_wrap table td.info .category {padding:13px 0 0 88px;font-size: 14px;color:#808fbc;font-weight: normal;border: 0;}
.guide_wrap table td.info .category::after {content: ''; position: absolute;left:1px;top:1px;width: 78px;height: 78px;background-color: #26252b;border:1px solid #525156;box-sizing: border-box;z-index: 1;}
.guide_wrap table td.info .category::before {position: absolute;left:15px;top:15px;z-index: 2;}
.guide_wrap table td.info .tit {padding:6px 0 0 88px;}

.other_list {text-align: right;}
.other_list select { height: 35px;padding:0 10px;margin-bottom:10px;background-color: #25252b;color:#fff;border:1px solid #0b0d11;outline: none;}
.other_list option {color:#b7bdc7;line-height: 60px; }

/* editor */
div.jHtmlArea { 
    display: block; 
    width:100%;
    margin-top:16px;
    overflow: hidden; 
    border:none;
}
div.jHtmlArea div { display: inline-block; padding: 0px; margin: 0px; }
div.jHtmlArea .ToolBar { 
    display: block; 
    height:39px;
    background: #37373d; 
    border:none;
}
div.jHtmlArea .ToolBar ul { 
    float: left; 
    margin: 0; 
    padding: 0; 
    border: none;
    background: none;

}
div.jHtmlArea .ToolBar ul li {  
    float: left;
    width:22px;
    height:22px;
    margin: 0 0 0 2px; 
    padding: 0;
    border: none; 
    list-style-type: none;

}
div.jHtmlArea .ToolBar ul li:nth-child(4) {margin-right:11px;}
div.jHtmlArea .ToolBar ul li:hover { 
    padding: 0;
    border: none; 
    background: none;  

}
div.jHtmlArea .ToolBar ul li a { 
    display: block; 
    width: 22px; 
    height: 22px; 
    padding: 0;
    border: none; 
    cursor: pointer; 
    background: url(https://ssl.nexon.com/s2/game/heroes/web/2017/toolbar.png) 0 0 no-repeat; 

}
div.jHtmlArea .ToolBar ul li a.bold { background-position: 0 0; }
div.jHtmlArea .ToolBar ul li a.strikethrough { background-position: -24px 0; }
div.jHtmlArea .ToolBar ul li a.underline { background-position: -49px 0; }
div.jHtmlArea .ToolBar ul li a.forecolor { background-position: -72px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon1 { background-position: -131px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon2 { background-position: -156px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon3 { background-position: -181px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon4 { background-position: -206px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon5 { background-position: -231px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon6 { background-position: -256px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon7 { background-position: -281px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon8 { background-position: -306px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon9 { background-position: -331px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon10 { background-position: -356px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon11 { background-position: -381px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon12 { background-position: -406px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon13 { background-position: -431px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon14 { background-position: -456px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon15 { background-position: -481px 0;}
div.jHtmlArea .ToolBar ul li a.Emoticon16 { background-position: -506px 0;}

div.jHtmlArea .ToolBar + div {width:100%;}
div.jHtmlArea iframe {width:100%;height:500px !important}

div.jHtmlAreaColorPickerMenu {border: solid 1px #bbb; background-color: #ddd; width: 112px;}
div.jHtmlAreaColorPickerMenu div {float: left; margin: 2px; width: 12px; height: 14px;}
div.jHtmlAreaColorPickerMenu div:hover {margin: 0px; border: dotted 2px black;}

div.jHtmlAreaColorPickerMenu div.automatic { width: 104px; height: auto; padding: 2px;}
div.jHtmlAreaColorPickerMenu div.automatic div { margin: 2px; width: 12px; height: 14px;  border: solid 1px black;}

/* 채널링 */
/*.inquiry.naver .bt_type4 a {margin:0 3px;}*/
.inquiry.naver .security_s3 .list_v6 p {padding-left:0;}
.inquiry.naver .security_s3 .list_v6 p:before {display:none;}
/*.inquiry.naver .security_s3 .list_v6 p .btn {margin-top:-20px;}*/
.update_bnr.naver {background:url(https://ssl.nexon.com/s2/game/heroes/web/2017/naver/udate_banner_150402.png) no-repeat;}

@media screen and (max-width:1280px) {
	
}