@charset "utf-8";
@font-face {
	font-family: 'NEXON Lv2 Gothic';
	font-style: normal;
	font-weight: 400;
	src: url('https://lwi.nexon.com/fonts/nexonlv2gothic.eot');
	src: url('https://lwi.nexon.com/fonts/nexonlv2gothic.eot?#iefix') format('embedded-opentype'),
		url('https://lwi.nexon.com/fonts/nexonlv2gothic.woff') format('woff'),
		url('https://lwi.nexon.com/fonts/nexonlv2gothic.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-weight: 400;
	src: url('https://cdn.jsdelivr.net/npm/nanum-square@0.2.1/nanumsquare.woff2') format('woff2');
}

@font-face {
	font-family: 'NanumSquare';
	font-weight: 700;
	src: url('https://cdn.jsdelivr.net/npm/nanum-square@0.2.1/nanumsquare_b.woff2') format('woff2');
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: 'NanumSquare', sans-serif;
}

a {
	text-decoration: none;
	transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
}

font * {
	font-family: inherit;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

textarea {
	resize: none;
	font-family: 'Malgun Gothic' !important;
}

textarea:focus {
	outline: 0;
}

select {
	position: absolute;
	top: -999999999999px;
	left: 0;
}

.edSelectStyleBar select {
	position: static !important;
	top: 0 !important;
	left: 0 !important;
}

#editorLayerSec {
	z-index: 99999999999999999;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption {
	visibility: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

legend {
	visibility: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: -999999px;
}

button {
	border: none;
	padding: 0;
	cursor: pointer;
	background: none;
	font-family: 'NanumSquare', sans-serif;
}

.blind {
	display: block;
	overflow: hidden;
	position: absolute;
	left: -1000%;
	top: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	text-indent: -10000px;
}

.input_txt {
	height: 26px;
	line-height: 26px;
	padding: 0 4px;
	border: 1px solid #d5d5d5;
	font-size: 14px;
	font-family: 'Malgun Gothic', sans-serif !important;
}

/* chinas font */
.fs {
	margin-top: 0 !important;
	float: none !important;
	font-family: 'Malgun Gothic' !important;
}

/* skip */
#skip a {
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	top: -9999px;
	text-align: center;
	z-index: 99999999;
	color: #fff;
	font-size: 12px;
}

#skip a:active,
#skip a:focus {
	position: absolute;
	top: 0;
	font-weight: bold;
	color: #fff;
	background: #000;
	padding: 15px 0;
}

/*No_list*/
.search_not_found {
	width: 100%;
	float: left;
	text-align: center;
	padding: 100px 0;
}

.no_data_line {
	border-bottom: 1px solid #ecebe9;
}

.no_data_line2 {
	border-top: 1px solid #ecebe9;
}

.ex_wrap {
	width: 100%;
	float: left;
	text-align: center;
	padding: 150px 0;
}

.ex_wrap2 {
	width: 100%;
	float: left;
	text-align: center;
	padding: 50px 0;
}

.ex_mark {
	display: inline-block;
	padding: 65px 0 0 0;
	font-size: 20px;
	color: #3e586f;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_ex_mark.gif') no-repeat 50% 0;
}

.ex_mark2 {
	display: inline-block;
	padding: 65px 0 0 0;
	font-size: 20px;
	/*color:#3e586f;*/
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_ex_mark02.png') no-repeat 50% 0;
}

.hidden {
	position: absolute;
	left: -9999999999999999999999999999999px;
	top: -99999999999999999999999999999999999px;
}

.cb {
	width: 100%;
	clear: both;
	height: 1px;
}

#wrap {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	min-height: 500px;
	position: relative;
	min-width: 1130px;
}

#header {
	width: 100%;
	float: left;
	height: 375px;
	position: relative;
	z-index: 12;
}

.no_scroll_snb {
	width: 100%;
	height: 124px;
	position: absolute;
	left: 0;
	top: 0;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/no_snb_bg.png') center top no-repeat;
	z-index: 20;
}

.no_snb_wrap {
	width: 1130px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.no_snb_wrap h1 {
	float: left;
	margin-top: 22px;
	width: 87px;
}

.no_snb_wrap h1 a {
	display: block;
}

.no_snb_wrap h1 img {
	width: 100%;
}

.no_scroll_snb.fix h1 img {
	max-width: 100%;
}

.scroll_snb {
	width: 100%;
	height: 74px;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	background-color: #2c2829;
	z-index: 10;
}

.scroll_snb_wrap {
	width: 1130px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.scroll_snb_wrap h1 {
	float: left;
	margin-top: 10px;
}

/*Sub_visual*/
.sub_banner_wrap {
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.banner_item_wrap {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 6;
	height: 100%;
}

.banner_item_wrap li {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 99.99%;
	text-align: center;
	height: 100%;
	padding-left: 0.01%;
}

.banner_item_wrap li a {
	display: block;
	width: 1130px;
	height: 100%;
	margin: 0 auto;
}

.banner_item_wrap li:first-child {
	display: block;
}

.sub_visual {
	width: 100%;
	float: left;
	height: 375px;
	position: relative;
}

.s_v_wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.s_visual_con_wrap {
	width: 1130px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.rapid_nx_prev {
	position: absolute;
	left: 0;
	bottom: 21px;
	z-index: 7;
}

.rapid_nx_next {
	position: absolute;
	left: 44px;
	bottom: 21px;
	z-index: 7;
}

.rapid_nx_all {
	position: absolute;
	left: 103px;
	bottom: 25px;
	z-index: 7;
}

/*Main_visual_dot*/
.visual_dot_wrap {
	width: auto;
	position: absolute;
	bottom: 16px;
	left: 150px;
	height: 42px;
	z-index: 7;
	color: #fff;
}

.visual_dot {
	float: left;
	position: relative;
	min-width: 690px;
}

.visual_dot li {
	float: left;
	margin-right: 12px;
}

.visual_dot li a {
	color: #fff;
}

.visual_dot li.on div {
	width: auto;
}

.visual_dot li div {
	width: auto;
	overflow: hidden;
	text-align: center;
	line-height: 35px;
	height: 42px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/dot_new_txt_bg.png') 15px 35px no-repeat;
	color: #eaddce;
}

.visual_dot li em {
	background-color: #302727;
	float: left;
	height: 35px;
	line-height: 35px;
	font-style: normal;
	padding: 0 15px;
	color: #fff;
}

.visual_dot li.on {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/dot_new_on.png') center center no-repeat;
	width: 44px;
	height: 35px;
	float: left;
	text-align: center;
	line-height: 34px;
	margin: 0 12px 0 0;
}

.visual_dot li {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/dot_new_off.png') center top no-repeat;
	width: 15px;
	height: 15px;
	float: left;
	overflow: hidden;
	line-height: 80px;
	margin-top: 10px;
	cursor: pointer;
}

.visual_dot li em span {
	position: absolute;
	left: 0;
	top: 0px;
	width: 42px;
	text-align: center;
	color: #fff;
}

.visual_txt_info {
	position: absolute;
	left: 0;
	top: -45px;
	color: #fff;
	display: none;
	opacity: 0;
}

.visual_txt {
	width: 25px;
	height: 25px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/dot_txt_bg.png') no-repeat;
	position: absolute;
	left: 100px;
	bottom: 30px;
	z-index: 8;
}

.visual_txt div {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}

.visual_txt div span {
	position: absolute;
}

.visual_txt div span.total_count {
	bottom: -8px;
	right: -11px;
	text-align: center;
	color: #a39279;
	font-size: 20px;
	width: 100%;
}

.visual_txt div span.now_count {
	top: -3px;
	left: -9px;
	text-align: center;
	color: #c9b495;
	font-size: 15px;
	width: 100%;
}

/*No_scroll*/
/*.menu_list {
	float: left;
	margin-top: 55px;
	margin-left: 18px;
}
*/
.menu_list {
	float: left;
	margin-top: 55px;
	margin-left: 12px;
}

.menu_list li {
	float: left;
	color: #fff;
	width: auto;
	font-size: 20px;
	position: relative;
}

.menu_list li a {
	color: #fff;
	padding: 0 33px;
	line-height: 31px;
}
.fix .menu_list li a {
	padding: 0 27px;
}
.menu_list li ul {
	width: 100%;
	position: absolute;
	left: 0;
	top: 43px;
	display: none;
}

.menu_list li ul li {
	float: left;
	color: #9f9f9f;
	width: 100%;
	font-size: 14px !important;
	line-height: 38px;
	text-align: center;
}

.menu_list li ul li a {
	color: #9f9f9f;
	padding: 0 !important;
	display: block;
}

.menu_list li ul li a:hover,
.menu_list li ul li a:focus {
	color: #c4a26e;
	font-weight: bold;
	text-decoration: underline;
}

.new_win_icon {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/new_win_icon.png') right 2px no-repeat;
	padding-right: 20px;
}

/* sns추가 */
.menu_list li.sns > a {
	background: url('https://ssl.nexon.com/S2/Game/baram/2019/page/common/gnb_sns.png') no-repeat;
	width: 89px;
	height: 31px;
	text-indent: -100000px;
	display: inline-block;
	padding: 0 !important;
}

.menu_list li.sns > a.over {
	background-position: 0 -33px;
}

.menu_list li.sns #sns_group {
	position: absolute;
	right: 0;
	top: 40px;
	width: 214px;
	height: 158px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2019/page/common/gnb_sns_open.png') no-repeat;
	font-size: 0;
	padding: 22px 0 0 10px;
	display: none;
}

.menu_list li.sns #sns_group a {
	display: inline-block;
	text-indent: -100000px;
	width: 34px;
	height: 34px;
	margin-right: 6px;
	padding: 0;
}

/*Scroll_snb*/
.menu_list2 {
	float: left;
	margin-top: 25px;
	margin-left: 20px;
}

.menu_list2 li {
	float: left;
	color: #fff;
	width: auto;
	font-size: 16px;
	position: relative;
	padding: 0 25px;
}

.menu_list2 li a {
	color: #fff;
}

.menu_list2 li ul {
	width: 100%;
	position: absolute;
	left: 0;
	top: 40px;
	display: none;
}

.menu_list2 li ul li {
	float: left;
	color: #9f9f9f;
	width: 100%;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	padding: 0;
}

.menu_list2 li ul li a {
	color: #9f9f9f;
}

.menu_list2 li ul li a:hover {
	color: #c4a26e;
}

/*포인터*/
.m_pointer {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/m_pointer.png') center bottom no-repeat;
	width: 57px;
	height: 3px;
	border-top: 1px solid #c4a26e;
	position: absolute;
	left: 126px;
	top: 85px;
	display: none;
}

/*2Deps Bg*/
.deps2_bg_wrap {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/2deps_bg.png') center top no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 425px;
	z-index: 1;
	display: none;
}

/*Game_Start*/
.gs_wapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.gs_container {
	width: 1130px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.game_str_wrap {
	position: absolute;
	bottom: 25px;
	right: 0px;
	width: 289px;
	z-index: 6;
}

.start_wrap {
	float: left;
	width: 100%;
	position: relative;
	height: 152px;
	overflow: hidden;
}

.str_btn_wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.gs_str_over {
	display: inline-block;
	z-index: 6;
}

.full_window {
	position: absolute;
	top: 0;
	left: -144px;
	width: 144px;
}

.new_window {
	position: absolute;
	top: 0;
	right: -145px;
	width: 145px;
}

.pattch_wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 32px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/pattch_bg.png) repeat;
}

.pattch_wrap ul li {
	float: left;
}

/*login_btn*/
.login_wrap {
	width: 100%;
	float: left;
	height: 46px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/login_bg.jpg') no-repeat;
}

.login_wrap img {
	float: left;
	margin: 8px;
}

.login_wrap .btn-logout {
	display: inline-block;
	float: right;
	margin: 10px;
}

.login_wrap .btn-logout img {
	float: none;
	margin: 0;
}

.login_wrap .ico_wc,
.login_wrap .ico_id,
.login_wrap .use_agree {
	float: left;
	width: 145px;
	height: 22px;
	line-height: 20px;
	margin: 14px 0 0 14px;
	padding: 0 0 0 27px;
	font-size: 14px;
	color: #a18c6d;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ico_login_state.png') no-repeat 0 0;
}

.login_wrap .ico_wc a,
.login_wrap .ico_id a,
.login_wrap .use_agree a {
	color: #a18c6d;
}

.login_wrap .ico_id {
	background-position: 0 -32px;
}

.login_wrap .use_agree {
	width: 120px;
	padding: 0;
	background: none;
}

.login_wrap .input_chk {
	position: relative;
	display: block;
	height: 22px;
}

.login_wrap .input_chk input {
	position: absolute;
	top: -99999px;
	left: 0;
	z-index: 9;
	width: 22px;
	height: 22px;
	margin: -8px 0 0 0;
}

.login_wrap .input_chk label {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	height: 100%;
	line-height: 20px;
	padding: 0 0 0 22px;
	font-size: 14px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_login_chk.png') 0 0 no-repeat;
	color: #fff;
	cursor: pointer;
}

.login_wrap .input_chk input + label.checked {
	background-position: 0 -32px;
}

/*Container*/
#container {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}

.contents {
	width: 1130px;
	margin: 0 auto;
	position: relative;
	min-height: 500px;
}

/*middle navi bar*/

.mnb_menu {
	width: 100%;
	height: 56px;
	float: left;
	padding-top: 74px;
	border-bottom: 1px solid #2e2828;
	background-color: #fff;
	z-index: 10;
	min-width: 1130px;
	position: relative;
}

.mnb_menu h2 {
	float: left;
	font-size: 38px;
	color: #2e2828;
	font-weight: normal;
}

.mnb_menu h2 a {
	color: #2e2828;
}

.mnb_menu ul {
	float: left;
	margin-left: 23px;
	margin-top: 20px;
}

.mnb_menu ul li {
	float: left;
	font-size: 16px;
	color: #9f9f9f;
	border-left: 1px solid #dcdcdc;
	/*background:url("https://ssl.nexon.com/S2/Game/baram/2016/renewal/mnb_bar.jpg") left center no-repeat;*/
}

.mnb_menu ul li.new_win {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/2deps_win_icon.png') 95% 2px no-repeat;
}

.mnb_menu ul li a {
	color: #9f9f9f;
	padding: 0 23px;
}

.mnb_menu span {
	float: right;
	margin-top: 10px;
}

.sc_mnb_menu {
	width: 100%;
	height: 56px;
	position: fixed;
	left: 0;
	top: 74px;
	margin: 0;
	max-width: 1130px;
	background-color: #fff;
	padding-top: 21px;
}

/*tab_menu*/
.tab_menu {
	width: 100%;
	height: 55px;
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/tab_menu_bg.jpg') #fff center top no-repeat;
	margin: 0;
	position: relative;
	z-index: 10;
	min-width: 1130px;
	padding-bottom: 31px;
}

.tab_menu.tm_f.sc_tab_menu {
	padding-bottom: 0;
}

.tab_menu.tm_f.sc_tab_menu .tab_menu_flow {
	bottom: 0;
}

.tab_menu ul {
}

.tab_menu ul li {
	float: left;
	line-height: 55px;
	border-right: 1px solid #e7e5e3;
	width: 160px;
	color: #a18c6d;
	font-size: 18px;
	text-align: center;
	height: 54px;
}

.tab_menu ul li a {
	color: #a18c6d;
	width: 100%;
	display: block;
	height: 100%;
}

.tab_menu ul li.on a,
.tab_menu ul li.active a {
	color: #000;
}

.tab_menu ul li a:hover {
	color: #000;
}

.tab_menu_flow {
	position: absolute;
	bottom: 31px;
	width: 160px;
	height: 3px;
	background-color: #000;
	left: 0;
}

.sc_tab_menu {
	width: 100%;
	height: 55px;
	position: fixed;
	top: 141px;
	left: 0;
	margin: 0;
	max-width: 1130px;
	border-bottom: 1px solid #ecebe9;
	z-index: 11;
}

.sub_incu {
	padding-bottom: 0;
	border: 0;
}

.sub_incu .tab_menu_flow {
	bottom: 0;
}

/*tab_menu2 _lhw*/
.tab_menu2 {
	width: 100%;
	height: 103px;
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/tab_menu_bg.jpg') center top no-repeat;
	margin: 28px 0 0 0;
	position: relative;
	min-width: 1130px;
}

.tab_menu2 > ul {
}

.tab_menu2 > ul > li {
	float: left;
	height: 55px;
	line-height: 55px;
	border-right: 1px solid #e7e5e3;
	width: 160px;
	color: #a18c6d;
	font-size: 18px;
	text-align: center;
	height: 54px;
}

.tab_menu2 > ul > li:last-child {
	border-right: 0;
}

.tab_menu2 > ul > li a {
	color: #a18c6d;
	width: 100%;
	display: block;
	height: 100%;
}

.tab_menu2 > ul > li.on a,
.tab_menu2 > ul > li.active a {
	color: #000;
}

.tab_menu2 > ul > li a:hover {
	color: #000;
}

.tab_menu2 .tab_menu_flow {
	top: 52px;
	bottom: inherit;
}

/*tab_menu3 _lhw*/
.tab_menu3 {
	width: 100%;
	height: 55px;
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/tab_menu_bg.jpg') center top no-repeat;
	margin: 10px 0 31px 0;
	position: relative;
	z-index: 10;
	min-width: 1130px;
}

.tab_menu3 > ul > li {
	float: left;
	height: 55px;
	line-height: 55px;
	border-right: 1px solid #e7e5e3;
	width: 160px;
	color: #a18c6d;
	font-size: 18px;
	text-align: center;
	height: 54px;
}

.tab_menu3 > ul > li a {
	color: #a18c6d;
	width: 100%;
	display: block;
	height: 100%;
}

.tab_menu3 > ul > li.on a,
.tab_menu2 > ul > li.active a {
	color: #000;
}

.tab_menu3 > ul > li a:hover {
	color: #000;
}

.sc_tab_menu2 {
	width: 100%;
	height: 55px;
	position: fixed;
	top: 74px;
	left: 0;
	margin: 0;
	max-width: 1130px;
	z-index: 11;
}

.tab_sub_menu {
	position: relative;
	float: left;
	width: 1104px;
	height: 19px;
	padding: 9px 0 7px 24px;
	border: 1px solid #ecebe9;
	border-top-color: #fff;
	border-bottom-color: #d6d6d6;
	background-color: #f4f4f4;
	margin-bottom: 30px;
}

.tab_sub_menu ul {
	overflow: hidden;
}

.tab_sub_menu ul li {
	float: left;
	width: auto;
	height: 19px;
	line-height: 17px;
	border: none;
	border-left: 1px solid #dfddd9;
	margin: 0 0 0 35px;
	padding: 0 0 0 35px;
	font-size: 14px;
}

.tab_sub_menu ul li:first-child {
	margin: 0;
	padding: 0;
	border-left: none;
}

.tab_sub_menu ul li a {
	display: block;
	height: 100%;
	padding: 0 0 0 28px;
	color: #959594;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ico_tab_sub_menu.png') no-repeat 0 0;
}

.tab_sub_menu ul li a:hover,
.tab_sub_menu ul li.active a {
	background-position: 0 -27px;
	color: #2e2828;
}

.tab_sub_menu .warning {
	padding: 2px 0 0 20px;
	font-size: 13px;
	color: #bdb8b3;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ico_warning.png') no-repeat 0 50%;
}

.tab_sub_menu ul + .warning {
	position: absolute;
	top: 13px;
	right: 11px;
}

.dep_class {
	position: absolute;
	top: 83px;
	left: 0;
	width: 100%;
	line-height: 1;
	text-align: center;
}

.dep_class .inner {
	width: 900px;
	height: 21px;
	margin: 0 auto;
}

.dep_class .inner h4 {
	float: left;
	margin: 2px 0 0 0;
	padding-right: 28px;
	font-weight: normal;
	font-size: 16px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/stit_arrow.gif') no-repeat 100% 3px;
	color: #332d2d;
}

.dep_class .inner ul {
	float: left;
	font-size: 14px;
}

.dep_class .inner ul li {
	float: left;
	margin: 0 0 0 15px;
	padding: 0 0 0 17px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bar_rank.gif') no-repeat 0 6px;
}

.dep_class .inner ul li:first-child {
	margin: 0 0 0 41px;
	padding-left: 0;
	background: none;
}

.dep_class .inner ul li a {
	display: block;
	height: 21px;
	line-height: 23px;
	color: #a8a8a8;
	padding: 0 0 0 20px;
	background: url('https://lwi.nexon.com/baram/home/common/sprt_ico_job_n2.png') no-repeat 0 0;
}

.dep_class .inner ul li a span {
	display: block;
	background-color: #fff;
}

.dep_class .inner ul li.warrior a {
	background-position: 0 0;
}

.dep_class .inner ul li.thief a {
	background-position: 0 -32px;
}

.dep_class .inner ul li.magician a {
	background-position: 0 -62px;
}

.dep_class .inner ul li.ascetic a {
	background-position: 0 -93px;
}

.dep_class .inner ul li.archer a {
	background-position: 0 -125px;
}

.dep_class .inner ul li.skyhm a {
	background-position: 0 -155px;
}

.dep_class .inner ul li.mado a {
	background-position: 0 -185px;
}

.dep_class .inner ul li.magician2 a {
	background-position: 0 -217px;
}

.dep_class .inner ul li.chasa a {
	background-position: 0 -245px;
}

.dep_class .inner ul li.salsu a {
	padding-left: 22px;
	background-position: 0 -274px;
}

.dep_class .inner ul li.warrior a:hover,
.dep_class .inner ul li.warrior.active a {
	background-position: -29px 0;
	color: #c13a3a;
}

.dep_class .inner ul li.thief a:hover,
.dep_class .inner ul li.thief.active a {
	background-position: -29px -32px;
	color: #c13a3a;
}

.dep_class .inner ul li.magician a:hover,
.dep_class .inner ul li.magician.active a {
	background-position: -29px -62px;
	color: #c13a3a;
}

.dep_class .inner ul li.ascetic a:hover,
.dep_class .inner ul li.ascetic.active a {
	background-position: -29px -93px;
	color: #c13a3a;
}

.dep_class .inner ul li.archer a:hover,
.dep_class .inner ul li.archer.active a {
	background-position: -28px -125px;
	color: #c13a3a;
}

.dep_class .inner ul li.skyhm a:hover,
.dep_class .inner ul li.skyhm.active a {
	background-position: -28px -155px;
	color: #c13a3a;
}

.dep_class .inner ul li.mado a:hover,
.dep_class .inner ul li.mado.active a {
	background-position: -28px -185px;
	color: #c13a3a;
}

.dep_class .inner ul li.magician2 a:hover,
.dep_class .inner ul li.magician2.active a {
	background-position: -26px -217px;
	color: #c13a3a;
}

.dep_class .inner ul li.chasa a:hover,
.dep_class .inner ul li.chasa.active a {
	background-position: -27px -245px;
	color: #c13a3a;
}

.dep_class .inner ul li.salsu a:hover,
.dep_class .inner ul li.salsu.active a {
	background-position: -27px -274px;
	color: #c13a3a;
}

/*Contents*/
.con_wrap {
	width: 100%;
	float: left;
	position: relative;
}
.guide_top_btn {
	position: absolute;
	left: 257px;
	top: 493px;
}
.guide_top_btn li {
	width: 300px;
	height: 52px;
	font-size: 0;
	float: left;
	margin-right: 16px;
	background: url('https://lwi.nexon.com/baram/home/guide/guid_top_btn01.jpg') no-repeat;
}
.guide_top_btn li a {
	width: 100%;
	height: 100%;
	float: left;
	font-size: 0;
}
.guide_top_btn li:nth-child(2) {
	background: url('https://lwi.nexon.com/baram/home/guide/guid_top_btn02.jpg') no-repeat;
}
.guide_top_btn li:hover {
	background-position: 0 -52px;
}

.con_aside {
	width: 358px;
	height: auto;
	float: left;
	border: 1px solid #ecebe9;
	border-top: 0;
}

.con_aside ul {
	float: left;
	width: 100%;
}

.con_aside ul li {
	width: 100%;
	float: left;
	min-height: 82px;
	border-bottom: 1px solid #ecebe9;
	position: relative;
	overflow: hidden;
}

.con_aside ul li.active2 span.l_bg {
	left: 0 !important;
}

.con_aside ul li.active2 span.r_bg {
	right: 0 !important;
}

.con_aside ul li.fix_type {
	background-color: #fbf1f1;
}

.con_aside ul li.fix_type dl {
	position: relative;
	z-index: 1;
}

.con_aside ul li.fix_type dl dt {
	background-color: #f6e3e3;
}

.con_aside ul li.fix_type span.l_bg {
	background-color: #f6e3e3;
	z-index: 0;
}

.con_aside ul li dl {
	width: 100%;
	float: left;
}

.con_aside ul li dl dt {
	width: 65px;
	height: 100%;
	text-align: center;
	float: left;
	height: 82px;
	background-color: #f3f3f3;
	font-size: 13px;
	color: #3e586f;
}

.con_aside ul li dl dt a {
	color: #3e586f;
}

.con_aside ul li dl dt span {
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 20px;
}

.con_aside ul li dl dt span > img {
	padding: 0 0 6px 0;
}

.con_aside ul li dl dd {
	float: left;
	width: 215px;
	height: 82px;
	text-align: left;
	font-size: 14px;
	color: #272525;
}

.con_aside ul li dl dd a {
	color: #272525;
}

.con_aside ul li dl dd p {
	width: 188px;
	min-height: 33px;
	margin: 25px 0 0 0;
	padding: 0 10px 0 16px;
	line-height: 18px;
	border-right: 1px solid #f3f3f3;
}

.con_aside ul li dl dd.date {
	float: left;
	width: 78px;
	height: 82px;
	text-align: center;
	font-size: 16px;
	color: #a18c6d;
}

.con_aside ul li dl dd.date a {
	color: #a18c6d;
}

.con_aside ul li dl dd.date p {
	width: 100%;
	margin-top: 25px;
	padding: 0;
	border: 0;
	font-family: 'Malgun Gothic';
}

.con_aside ul li dl dd.date span {
	width: 100%;
	font-size: 12px;
	float: left;
	font-family: 'Malgun Gothic';
}

.con_wrap2 {
	width: 769px;
	height: 100%;
	float: right;
	min-height: 695px;
}

.con_wrap2 img {
	max-width: 100%;
}

/*board_tit*/
.contents_header {
	width: 723px;
	height: 100%;
	float: right;
	margin-bottom: 90px;
}

.con_h3_tit {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ecebe9;
	position: relative;
}

.con_h3_tit h3 {
	overflow: hidden;
	font-size: 20px;
	color: #272525;
	margin-bottom: 20px;
	margin-top: 33px;
	margin-left: 10px;
	padding-right: 70px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.con_h3_tit p {
	font-size: 14px;
	color: #a18c6d;
	margin-bottom: 24px;
	margin-left: 10px;
	font-family: 'Malgun Gothic';
}

.con_h3_tit span {
	font-size: 13px;
	color: #797272;
	padding-left: 10px;
	border-left: 1px solid #e7e7e7;
	margin-left: 10px;
	font-family: 'Malgun Gothic';
}

.count_wrap {
	position: absolute;
	right: 0;
	top: 16px;
	width: 58px;
	height: 74px;
	border: 1px solid #ecebe9;
}

.count_wrap span {
	width: auto;
	line-height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 15px;
	color: #797272;
}

.count_wrap span.text {
	margin-left: 15px;
	float: left;
	border-bottom: 1px solid #ecebe9;
}

.count_wrap span.num {
	width: 100%;
	text-align: center;
	float: left;
	font-family: 'Malgun Gothic';
}

/*count_ing_board*/
.count_wrap2 {
	float: right;
	margin-top: 10px;
	width: 58px;
	height: 74px;
	border: 1px solid #ecebe9;
}

.count_wrap2 span {
	width: auto;
	line-height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 15px;
	color: #797272;
}

.count_wrap2 span.text {
	margin: 0 17px;
	float: left;
	border-bottom: 1px solid #ecebe9;
	font-size: 13px;
}

.count_wrap2 span.num {
	width: 100%;
	text-align: center;
	float: left;
	font-family: 'Malgun Gothic';
	font-size: 15px;
}

/*이벤트 페이지 : 진행중 이벤트 리스트*/
.ing_board_list {
	width: 100%;
	float: left;
	border-top: 1px solid #ecebe9;
	min-height: 400px;
}

.ing_board_list li {
	float: left;
	width: 100%;
	height: 109px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ecebe9;
}

.ing_board_list dl {
	width: 100%;
	float: left;
	height: 100%;
}

.ing_board_list dl dt {
	width: 289px;
	height: 100%;
	float: left;
	background-color: #ccc;
	position: relative;
}

.ing_board_list dl dt img {
	width: 100%;
	height: 100%;
}

.ing_board_list dl dt span {
	position: absolute;
	width: 65px;
	height: 30px;
	line-height: 30px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/d_day_bg.png') no-repeat;
	right: -31px;
	top: 40px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

.ing_board_list dl dd {
	float: left;
	height: 100%;
}

.ing_board_list dl dd.title {
	line-height: 109px;
	width: 480px;
	padding-left: 30px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.ing_board_list dl dd.title a {
	color: #272525;
}

.ing_board_list dl dd.date {
	width: 198px;
	padding-left: 55px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ing_date_bg.jpg') right center no-repeat;
	line-height: 109px;
	font-size: 14px;
	color: #a18c6d;
	font-family: 'Malgun Gothic';
}

/*이벤트 페이지 : 진행중 뷰 페이지*/
.open_v_layer {
	width: 100%;
	height: auto;
	z-index: 100000000;
	position: absolute;
	top: 0;
	left: 0;
	padding-bottom: 150px !important;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/opacity_bg.png') repeat;
	display: none;
}

.view_wrap {
	width: 1130px;
	margin: 0 auto;
	height: auto;
}

.v_layer_head_wrap {
	margin-top: 100px;
	position: relative;
	background-color: #eee;
	height: 100%;
	float: left;
	width: 100%;
}

.v_layer_head {
	width: 841px;
	float: left;
	min-height: 88px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/v_layer_head_bg.png') repeat;
	background-color: #fafafa;
	border-right: 1px solid #dedede;
}

.v_layer_head h1 {
	font-size: 23px;
	color: #272525;
	font-weight: normal;
	float: left;
	line-height: 36px;
	font-weight: normal;
	margin: 20px 29px;
	font-family: '맑은 고딕', 'Malgun Gothic', sans-serif;
	word-break: break-all;
}

.v_layer_head h1 .vote {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 65px;
	height: 30px;
	line-height: 30px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/d_day_bg.png') no-repeat;
	text-align: center;
	color: #fff;
	font-size: 15px;
	vertical-align: text-bottom;
	margin-right: 10px;
}

.v_layer_head h1 .vote.end {
	background-position: 0 -50px;
}

.board_info_top {
	width: 100%;
	height: 53px;
	float: left;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.board_info_top em {
	font-family: 'Malgun Gothic';
	font-size: 12px;
	color: #797272;
	font-style: normal;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg.png') left center no-repeat;
	padding-left: 12px;
	margin-top: 22px;
	float: right;
	margin-right: 15px;
}

.board_info_top_id {
	line-height: 54px;
	font-size: 14px;
	color: #747474;
	margin-left: 29px;
	float: left;
}

.board_info_top_id a {
	color: #747474;
}

.board_info_top_id img {
	float: left;
	margin-top: 18px;
	margin-right: 7px;
}

.board_info_top_id p {
	display: inline-block;
	vertical-align: top;
}

.board_info_top .poll_dl {
	float: left;
	overflow: hidden;
	margin-left: 29px;
}

.board_info_top .poll_dl dt,
.board_info_top .poll_dl dd {
	float: left;
	font-size: 13px;
}

.board_info_top .poll_dl dt {
	color: #a18c6d;
	line-height: 53px;
	margin-right: 6px;
}

.board_info_top .poll_dl dd {
	color: #747474;
	line-height: 51px;
	font-family: '맑은 고딕', sans-serif;
}

.open_v_layer .caution_list {
	color: #000;
	line-height: 18px;
	font-size: 12px;
	border: 1px solid #dedede;
	border-top: 0 none;
	padding: 12px 15px;
}

.open_v_layer .caution_list * {
	font-family: inherit;
}

.open_v_layer .caution_list h3 {
	margin-top: 8px;
}

.open_v_layer .caution_list li {
	text-indent: -16px;
	padding-left: 16px;
}

.ly_close_btn {
	position: absolute;
	top: 20px;
	right: -57px;
}

.ly_close_wrap {
	float: right;
	margin-top: 29px;
	margin-right: 28px;
}

.v_layer_container {
	width: 100%;
	float: left;
	min-height: 500px;
	background-color: #fafafa;
	position: relative;
	padding-bottom: 80px;
}

.v_layer_l_con {
	position: relative;
	overflow: hidden;
	clip-path: inset(0 0 0 0);
	width: 841px;
	min-height: 800px;
	float: left;
	background-color: #fff;
	border-right: 1px solid #dedede;
}

.v_layer_l_con_wrap {
	width: 783px;
	margin: 0 auto;
	height: 100%;
}

.v_layer_l_con_wrap:after {
	content: '';
	display: block;
	clear: both;
}

.layer_title {
	width: 100%;
	border-bottom: 1px solid #dedede;
	margin: 0 auto;
	line-height: 68px;
	overflow: hidden;
}

.layer_title h2 {
	font-size: 18px;
	color: #272525;
	font-weight: normal;
	float: left;
}

.v_layer_contents {
	width: 100%;
	min-height: 420px;
	margin-top: 40px;
	font-size: 14px;
	color: #797272;
	margin-left: 0px;
	font-family: 'Malgun Gothic' !important;
	word-break: keep-all;
	word-wrap: break-word;
	line-height: 1.5;
}

.v_layer_contents div {
	font-family: 'Malgun Gothic' !important;
}

.v_layer_contents div p {
	font-family: 'Malgun Gothic' !important;
}

.v_layer_contents a {
	color: #797272;
}

.v_layer_contents img {
	max-width: 100%;
	vertical-align: top;
}

.v_layer_contents .poll_view {
	width: 733px;
	background: #eeeae4;
	margin: 30px auto 60px;
}

.v_layer_contents .poll_view ul {
	padding: 41px 30px 24px;
}

.v_layer_contents .poll_view li {
	position: relative;
	overflow: hidden;
	margin-bottom: 21px;
}

.v_layer_contents .poll_view li .radio,
.v_layer_contents .poll_view li .option {
	float: left;
	display: block;
}

.v_layer_contents .poll_view li .radio {
	position: relative;
	width: 30px;
	height: 30px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/spr_radio_poll.png') no-repeat;
	margin-right: 8px;
}

.v_layer_contents .poll_view li .radio.checked {
	background-position: 0 -60px;
}

.v_layer_contents .poll_view li .radio input {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	filter: alpha(opacity=0);
	opacity: 0;
	margin: 0;
}

.v_layer_contents .poll_view .option {
	width: 500px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #272525;
	white-space: nowrap;
	word-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
}

.v_layer_contents .poll_view .figure {
	float: right;
	line-height: 30px;
}

.v_layer_contents .poll_view .figure .per {
	color: #a18c6d;
	font-size: 16px;
	margin-right: 5px;
}

.v_layer_contents .poll_view .figure .user {
	color: #747474;
	font-size: 13px;
	font-family: '맑은 고딕', sans-serif;
}

.v_layer_contents .poll_view .graph {
	float: left;
	width: 100%;
	height: 3px;
	background: #fff;
	overflow: hidden;
	margin-top: 6px;
}

.v_layer_contents .poll_view .graph span {
	display: block;
	height: 100%;
	background: #c39a68;
}

.v_layer_contents .poll_btn {
	border-top: 1px solid #e4dcd1;
	text-align: center;
	padding: 22px 0 30px;
}

.v_layer_contents .poll_btn a {
	display: inline-block;
	*zoom: 1;
	vertical-align: top;
}

.bottom_btn {
	position: fixed;
	bottom: -60px;
	height: 60px;
}

.quick_top {
	position: absolute;
	bottom: 17px;
	right: 221px;
	display: none;
}

.quick_top2 {
	position: fixed;
	display: none;
}

.quick_top3 {
	display: none;
	position: absolute;
	right: -73px;
	bottom: 0;
}

.d_day2 {
	width: 65px;
	height: 30px;
	line-height: 30px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/d_day_bg.png') no-repeat;
	float: left;
	text-align: center;
	color: #fff;
	margin-top: 11px;
}

/*Veiw_aside*/
.v_layer_r_con {
	width: 287px;
	background-color: #eee;
	min-height: 500px;
	position: absolute;
	top: 0;
	right: 0;
}

.d_day {
	width: 65px;
	height: 30px;
	line-height: 30px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/d_day_bg.png') no-repeat;
	float: left;
	text-align: center;
	color: #fff;
	margin-top: 12px;
	margin-left: 29px;
}

.view_navi_wrap {
	width: 248px;
	margin: 0 auto;
	height: 89px;
	overflow: hidden;
}

.navi_list {
	width: 100%;
	float: left;
}

.navi_list li {
	float: left;
	font-size: 14px;
	color: #797272;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/navi_bg.png') left 40px no-repeat;
	padding: 0 10px;
	line-height: 89px;
	position: relative;
}

.navi_list li a {
	color: #797272;
}

.navi_list li a:hover {
	color: #c23c3c;
}

.navi_list li.active {
	color: #c23c3c;
}

.navi_list li.active a {
	color: #c23c3c;
}

.navi_list li.first {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/navi_home_btn.png') left 33px no-repeat;
	padding-left: 20px;
}

.navi_list li.active .job_bg {
	background-position: 50% 50%;
	width: 100%;
	left: 0 !important;
	top: 14px !important;
	margin: 0;
}

.v_aside_wrap {
	width: 248px;
	margin: 0 auto;
}

.v_aside_time_info {
	margin-top: 17px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.v_aside_info {
	width: 118px;
	border: 1px solid #ecebe9;
	float: left;
	height: 74px;
	background-color: #fff;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/aside_info_bg.jpg) center center no-repeat;
}

.v_aside_info p {
	float: left;
	width: 100%;
	text-align: center;
	font-family: 'Malgun Gothic';
	font-size: 12px;
	color: #a18c6d;
	height: 28px;
	margin-top: 0px;
	border-right: 1px solid #dedede;
}

.v_aside_info p span {
	width: 100%;
	float: left;
	text-align: center;
	font-family: 'Malgun Gothic';
	font-size: 16px;
	margin: 12px 0 20px 0;
}

.v_aside_info em {
	font-family: 'Malgun Gothic';
	font-size: 12px;
	color: #797272;
	font-style: normal;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg.png') left center no-repeat;
	padding-left: 12px;
	margin-top: 20px;
}

.prev_info {
	width: 246px;
	float: left;
	height: 83px;
	border: 1px solid #c8c8c8;
	margin-top: 26px;
	background-color: #fff;
	overflow: hidden;
}

.prev_info span,
.balance_view .prev_info div {
	width: 72px;
	height: 100%;
	float: left;
	background-color: #c8c8c8;
	position: relative;
}

.prev_info span p,
.prev_info div p {
	width: 100%;
	float: left;
	text-align: center;
	color: #404040;
	margin-top: 0;
	padding: 0;
}

.prev_info span p a,
.prev_info div p a {
	color: #404040;
	display: block;
	padding: 40px 0;
}

.prev_info em {
	position: absolute;
	left: 20px;
	top: 22px;
}

.prev_info p {
	font-size: 14px;
	line-height: 17px;
	width: 154px;
	padding: 0 10px;
	float: left;
	margin-top: 25px;
	word-break: keep-all;
	word-wrap: break-word;
}

.prev_info p,
.prev_info p a {
	font-family: 'Malgun Gothic';
	color: #797272;
}

.next_info {
	width: 246px;
	float: left;
	height: 83px;
	border-right: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	background-color: #fff;
	overflow: hidden;
}

.next_info span,
.next_info div {
	width: 72px;
	height: 100%;
	float: left;
	background-color: #c8c8c8;
	position: relative;
	border-top: 1px solid #fff;
}

.next_info span p,
.next_info div p {
	width: 100%;
	float: left;
	text-align: center;
	color: #404040;
	margin-top: 0;
	padding: 0;
}

.next_info span p a,
.next_info div p a {
	color: #404040;
	display: block;
	padding: 40px 0;
}

.next_info em {
	position: absolute;
	left: 20px;
	top: 22px;
}

.next_info p {
	font-size: 14px;
	line-height: 17px;
	width: 154px;
	padding: 0 10px;
	float: left;
	margin-top: 25px;
	word-break: keep-all;
	word-wrap: break-word;
}

.next_info p,
.next_info p a {
	font-family: 'Malgun Gothic';
	color: #797272;
}

.prev_info p .new_win,
.next_info p .new_win {
	vertical-align: top;
	float: none;
	display: inline-block;
	width: 19px;
	height: 17px;
	background: url('https://ssl.nexon.com/s2/game/Baram/2016/renewal/icon_new_window.png');
	text-indent: -99999px;
	overflow: hidden;
	margin: 1px 0 0 5px;
}

.sns_wrap {
	width: 100%;
	float: left;
	margin: 0 0 26px 0;
}

.sns_wrap ul {
	width: 100%;
	float: left;
}

.sns_wrap ul li {
	width: 33%;
	float: left;
	text-align: center;
}

.sns_wrap ul li a {
	cursor: pointer;
}

.report_icon_wrap {
	float: left;
}

.like_icon_wrap {
	float: left;
	margin-left: 7px;
}

.sns_wrap02 {
	width: auto !important;
	float: right !important;
}

.sns_wrap02 li {
	width: 44px !important;
	float: left;
	margin-left: 6px;
}

.sns_wrap02 li img {
	width: 100%;
	float: left;
}

.list_back_btn {
	width: 100%;
	float: left;
	margin-bottom: 3px;
}

.v_aside_info2 {
	width: 184px;
	border: 1px solid #ecebe9;
	float: left;
	height: 74px;
	background-color: #fff;
}

.v_aside_info2 p {
	float: left;
	width: 73px;
	text-align: center;
	font-family: 'Malgun Gothic';
	font-size: 12px;
	color: #a18c6d;
	height: 28px;
	margin-top: 23px;
	border-right: 1px solid #dedede;
}

.v_aside_info2 p span {
	width: 100%;
	float: left;
	text-align: center;
	font-family: 'Malgun Gothic';
	font-size: 16px;
}

.v_aside_info2 em {
	font-family: 'Malgun Gothic';
	font-size: 12px;
	color: #797272;
	font-style: normal;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg.png') 18px center no-repeat;
	padding-left: 30px;
	line-height: 74px;
}

/*이벤트 페이지 : 당첨자 발표 리스트*/
.board_list_type2 {
	width: 100%;
	float: left;
	border-top: 1px solid #ecebe9;
}

.board_list_type2 li {
	float: left;
	width: 100%;
	height: 72px;
	border-bottom: 1px solid #ecebe9;
}

.board_list_type2 dl {
	width: 100%;
	float: left;
	height: 100%;
}

.board_list_type2 dl dt {
	width: 263px;
	height: 100%;
	float: left;
	position: relative;
	line-height: 72px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/lottery_bg.jpg') right center no-repeat;
	overflow: hidden;
}

.board_list_type2 dl dt span.l_bg {
	width: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	height: 100%;
	background-color: #f3f3f3;
	z-index: -1;
}

.board_list_type2 dl dt span.r_bg {
	width: 4px;
	position: absolute;
	right: -4px;
	top: 0;
	height: 100%;
	background-color: #c13a3a;
	z-index: 10;
}

.board_list_type2 dl dt p {
	width: 124px;
	height: 34px;
	float: left;
	line-height: 34px;
	border: 1px solid #ecebe9;
	margin-left: 11px;
	margin-top: 18px;
	color: #a18c6d;
	font-family: 'Malgun Gothic';
}

.board_list_type2 dl dt p span {
	width: 48px;
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/lottery_bg2.jpg') right center no-repeat;
	text-align: center;
	font-size: 15px;
	font-family: 'Malgun Gothic';
}

.board_list_type2 dl dt p span.date {
	font-family: 'Malgun Gothic';
	width: 76px;
	height: 34px;
	text-align: center;
	font-size: 23px;
	background: url('');
}

.board_list_type2 dl dt em {
	font-family: 'Malgun Gothic';
	font-size: 12px;
	color: #797272;
	font-style: normal;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg.png') 18px center no-repeat;
	padding-left: 30px;
}

.board_list_type2 dl dd {
	float: left;
	height: 100%;
	width: 807px;
	line-height: 73px;
	padding-left: 60px;
}

.board_list_type2 dl dd p {
	overflow: hidden;
	float: left;
	width: 710px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.board_list_type2 dl dd p a {
	color: #272525;
	font-family: Malgun Gothic;
}

/*.board_list_type2 dl dd span{float:right; width:124px; height:34px; border:1px solid #ecebe9; line-height:34px; text-align:center;margin-top:18px; margin-right:15px; color:#797272; font-size:15px; font-family:'Malgun Gothic'}*/
.board_list_type2 dl dd.new_icon {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/board_new_icon.png') 20px center no-repeat;
}

/* 투표 페이지: 투표 리스트*/
.board_list_type2.poll_list {
	border-top: 0 none;
}

.poll_list dl dt p {
	width: 229px;
}

.poll_list dl dt p .ico_poll {
	width: 38px;
	height: 34px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/icon_poll.png') 0 0 no-repeat;
}

.poll_list dl dt p .duration {
	width: 191px;
	text-align: center;
	background: none;
}

.poll_list dl dd {
	width: 867px;
	padding-left: 0;
}

.poll_list dl dd p {
	position: relative;
}

.poll_list dl dd p .state {
	position: absolute;
	top: 22px;
	left: 20px;
	width: 65px;
	height: 30px;
	line-height: 31px;
	text-align: center;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/d_day_bg.png') no-repeat;
	font-size: 15px;
	color: #fff;
}

.poll_list dl dd p .state.end {
	background-position: 0 -50px;
}

.poll_list dl dd p a {
	display: block;
	width: 530px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: nowrap;
	padding-left: 95px;
}

.poll_list dl dd .count_wraper.no_right {
	border-left: 0;
}

.bottom_quick_item_wrap {
	width: 1130px;
	height: 230px;
	position: fixed;
	bottom: -230px;
	background-color: #282626;
	left: 200px;
}

.bottom_quick_item {
	width: 987px;
	height: 100%;
	float: left;
}

.bottom_quick_item ul {
	width: 100%;
	height: 100%;
	float: left;
	margin-left: 14px;
	margin-top: 40px;
}

.bottom_quick_item li {
	width: 288px;
	height: 100%;
	float: left;
	margin-left: 24px;
}

.bottom_quick_item li dl {
	position: relative;
}

.bottom_quick_item li dt img {
	vertical-align: top;
}

.bottom_quick_item li dl .d_day2 {
	position: absolute;
	top: 29px;
	left: 255px;
	z-index: 1;
}

.bottom_quick_item li dl dd p {
	float: left;
	color: #fff;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	margin-top: 11px;
}

.bottom_quick_item li dl dd p a {
	color: #fff;
}

/*.bottom_quick_item2{width:987px; height:100%; float:left;}
.bottom_quick_item2 ul{width:100%; height:100%; float:left; margin-left:72px; margin-top:46px;}
.bottom_quick_item2 li{width:94px; height:100%; float:left; margin-right:92px;}
.bottom_quick_item2 li dl{width:100%;}
.bottom_quick_item2 li dl dt{width:100%;text-align:center; position:relative;height:94px; background-color:#fff; margin-bottom:5px; float:left;}
.bottom_quick_item2 li dl dt span{position:absolute; left:-16px; top:-13px;}
.bottom_quick_item2 li dl dd{width:100%; text-align:center; color:#fff; font-size:15px; margin-top:10px; float:left;}
.bottom_quick_item2 li dl dd a{color:#fff;}
.bottom_quick_item2 li dl dd a:hover{color:#c34141; text-decoration: underline;}
.bottom_quick_item2 li dl dd.pay{width:100%; text-align:center; font-size:20px; color:#c69c6d;}
.bottom_quick_item2 li dl dd.pay span{background:url("https://ssl.nexon.com/S2/Game/baram/2016/renewal/pay_bg.png") left center no-repeat; padding-left:18px;}
.bottom_quick_item2 li dl dd.pay a{color:#c69c6d;}*/
/*board_contents*/
.content_con_wrap {
	width: 723px;
	height: 100%;
	float: right;
	margin-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ecebe9;
}

.content_con {
	width: 703px;
	float: left;
	padding: 0 10px 64px 10px;
	border-bottom: 1px solid #ecebe9;
	min-height: 427px;
}

.adress_copy {
	float: right;
	font-size: 12px;
	color: #b6b3b3;
	line-height: 20px;
	margin-top: 20px;
}

.adress_copy a {
	cursor: pointer;
	color: #b6b3b3;
}

.adress_copy img {
	width: auto;
	float: right;
	padding-left: 10px;
}

/*coment_wrap*/
.coment_wrap {
	position: relative;
	width: 100%;
	height: 82px;
	/*background: url("https://ssl.nexon.com/S2/Game/baram/2016/renewal/coment_bg.png") left top #fff no-repeat;*/
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #dedede;
	margin-top: 20px;
}

.coment_wrap .comment_span_b {
	float: left;
	width: 74px;
	height: 82px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/coment_count_bg.jpg') right center no-repeat;
}

.coment_wrap span#commentSpan {
	display: block;
	text-align: center;
	font-family: 'Malgun Gothic';
	font-size: 14px;
	line-height: 40px;
	color: #b7b7b7;
}

.coment_wrap span strong {
	color: #3e3e3e;
	font-weight: normal;
	font-size: 14px;
	font-family: 'Malgun Gothic';
}

.coment_wrap textarea {
	width: 590px;
	font-size: 14px;
	padding: 6px 0 0 20px;
	height: 74px;
	border: 0;
	float: left;
	margin-top: 1px;
	background-color: transparent;
}

.coment_wrap textarea.txt_on {
	width: 513px;
	padding: 6px 0 0 96px;
}

.coment_add_btn {
	position: absolute;
	top: -1px;
	right: -1px;
	float: left !important;
	width: 100px;
	height: 82px !important;
}

.coment_add_btn img {
	width: auto;
}

/*View_page_coment*/
.coment_list_count {
	width: 100%;
	font-size: 14px;
	color: #7c7c7c;
	margin-top: 33px;
	margin-bottom: 11px;
}

.coment_list_count span {
	color: red;
}

.coment_list_wrap {
	width: 100%;
	float: left;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/coment_bg02.jpg') 10px 20px repeat-y;
	margin-bottom: 30px;
}

.coment_list {
	float: left;
	width: 77px;
	padding-left: 20px;
	height: 44px;
	line-height: 44px;
	color: #a18c6d;
	font-size: 12px;
	font-family: 'Malgun Gothic';
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg2.jpg') 6px center no-repeat;
}

.coment_list2 {
	width: 686px;
	float: left;
}

.coment_list2 li {
	width: 100%;
	float: left;
	height: auto;
	line-height: 44px;
}

.coment_list2 li dl {
	width: 100%;
	float: left;
}

.coment_list2 li dl dt {
	float: left;
	color: #797272;
	font-size: 12px;
	font-family: 'Malgun Gothic';
	width: 75px;
	text-align: center;
}

.coment_list2 li dl dd {
	float: left;
	width: 242px;
	font-size: 14px;
}

.coment_list2 li dl dd a {
	color: #000;
}

.coment_list2 li dl dd.data {
	width: 414px;
	font-size: 14px;
	color: #797272;
	line-height: 20px;
	margin-top: 13px;
	position: relative;
	margin-bottom: 13px;
}

.coment_del_btn {
	position: absolute;
	top: 0;
	right: -50px;
}

.coment_list2 li dl dd.data .coment_del_btn {
	right: 0px !important;
}

.job_bg {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/job_bg.png') left center no-repeat;
	width: 49px;
	height: 17px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	float: left;
	line-height: 17px;
	margin: 14px 9px 0 18px;
}

.coment_more_wrap {
	width: 100%;
	float: left;
	position: relative;
}

.coment_more_wrap2 {
	width: 100%;
	float: left;
	padding-top: 20px;
	position: relative;
	background-color: #fafafa;
}

.coment_more_wrap .more_count {
	font-size: 15px;
	color: #c23c3c;
	position: absolute;
	right: 420px;
	top: 12px;
	font-family: 'Malgun Gothic';
}

.coment_more_wrap .more_count2 {
	font-size: 16px;
	color: #c23c3c;
	position: absolute;
	right: 452px;
	top: 12px;
	font-family: 'Malgun Gothic';
}

.coment_more_wrap2 .more_count2 {
	font-size: 16px;
	color: #c23c3c;
	position: absolute;
	right: 452px;
	top: 32px;
	font-family: 'Malgun Gothic';
}

/*reply_page*/
.reply_list_count {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #7c7c7c;
	padding-top: 33px;
	padding-bottom: 11px;
	background-color: #fafafa;
}

.reply_list_count span {
	color: red;
}

.reply_list_wrap {
	width: 100%;
	float: left;
}

.reply_list {
	float: left;
	width: 71px;
	margin-top: 0;
	background-color: #cd4646;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.reply_list2 {
	width: 100%;
	float: left;
}

.reply_list2 li {
	width: 757px;
	float: left;
	height: auto;
	border: 1px solid #dedede;
	background-color: #fff;
	padding: 15px 12px;
	margin-bottom: 10px;
}

.reply_list2 li dl {
	width: 100%;
	float: left;
	/*background:url("https://ssl.nexon.com/S2/Game/baram/2016/renewal/reply_list_bottom_bg.png")#fafafa left bottom repeat-x;*/
}

.reply_list2 li dl dt {
	float: left;
	color: #2e2828;
	font-size: 12px;
	width: 100%;
	text-align: center;
	position: relative;
}

.reply_list2 li dl dd {
	float: left;
	width: 100%;
	color: #797272;
	word-break: break-all;
	margin-top: 7px;
	line-height: 18px;
}

.reply_list2 li dl dd.data {
	width: 480px;
	font-size: 14px;
	color: #797272;
	line-height: 20px;
	margin: 23px 0 0 10px;
	position: relative;
}

.job_bg2 {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/job_bg.png') left center no-repeat;
	width: 49px;
	height: 17px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	float: left;
	line-height: 18px;
	margin: 1px 3px 0 0;
}

.id_name2 {
	float: left;
	line-height: 20px;
	color: #2e2828;
	font-size: 14px;
}

.id_name2 a {
	color: #000;
}

.id_name2 span {
	color: #ae9d85;
}

.reply_date {
	float: left;
	margin-right: 5px;
	color: #a18c6d;
	font-size: 12px;
	font-family: 'Malgun Gothic';
}

.reply_time {
	float: left;
	width: 77px;
	padding-left: 12px;
	color: #797272;
	font-size: 12px;
	font-family: 'Malgun Gothic';
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg2.jpg') left center no-repeat;
}

.reply_wrap {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

/*Paging*/
.paging_wrap {
	width: 1128px;
	float: left;
	height: 53px;
	border: 1px solid #ecebe9;
	margin-top: 27px;
}

.paging {
	width: 100%;
	line-height: 25px;
	float: left;
	text-align: center;
}

.paging ul {
	float: none;
	overflow: hidden;
	width: auto;
	margin-top: 19px;
	min-height: 25px;
	display: inline-block;
}

.paging ul li {
	width: auto;
	height: 25px;
	border: 0;
	text-align: center;
	font-size: 18px;
	min-height: 25px;
	margin: 0 3px;
}

.paging ul li.prev_btn {
	margin-right: 17px;
}

.paging ul li.next_btn {
	margin-left: 17px;
}

.paging ul li a {
	color: #000;
	display: block;
	font-family: 'Malgun Gothic';
}

.paging ul li a:hover,
.paging ul li a:active,
.paging ul li.active a {
	color: #d01a1a;
	text-decoration: underline;
}

/*list_search*/
.list_search {
	width: 100%;
	float: left;
	margin-top: 15px;
	margin-bottom: 17px;
}

.list_search input {
	border: 0;
	height: 26px;
	padding: 0 5px;
	width: 266px;
	position: absolute;
	left: 1px;
	top: 1px;
}

.list_search span {
	float: right;
}

input.search_btn {
	width: 40px !important;
	height: 28px !important;
	position: static !important;
	padding: 0 !important;
	border: 0;
	margin: 0;
}

/*Paging2*/
.paging2 {
	line-height: 25px;
	float: right;
	margin-right: 20px;
}

.paging2 ul {
	float: left;
	margin-left: 20px;
	margin-top: 15px;
}

.paging2 ul li {
	float: left;
	min-width: 30px;
	height: 25px;
	border: 0;
	text-align: center;
	font-size: 18px;
	margin: 0 2px;
}

.paging2 ul li.prev_btn {
	margin-right: 20px;
}

.paging2 ul li.next_btn {
	margin-left: 20px;
}

.paging2 ul li a {
	color: #4d4646;
	display: block;
	font-family: 'Malgun Gothic';
}

.paging2 ul li a:hover,
.paging2 ul li a:active,
.paging2 ul li.active a {
	color: #d01a1a;
	text-decoration: underline;
}

/*list_search2*/
.list_search2 {
	float: left;
	margin-top: 13px;
}

.list_search2 input {
	border: 0;
	height: 26px;
	padding: 0 5px;
	width: 266px;
	position: absolute;
	left: 1px;
	top: 1px;
}

.list_search2 span {
	float: right;
}

.list_search2 div {
	margin-left: 12px !important;
}

/*Best_rank*/
.best_list_wrap2 {
	width: 100%;
	float: left;
	background: url('https://lwi.nexon.com/baram/home/common/best_list_bg_new.png') left top no-repeat;
	height: auto;
	margin-top: 20px;
}

.best_list_wrap2 ul {
	float: left;
	margin-left: 124px;
	margin-bottom: 22px;
}

.best_list_wrap2 ul li {
	height: 34px;
	width: 136px;
	padding-left: 63px;
	line-height: 34px;
	float: left;
	color: #272525;
	font-size: 14px;
	margin-bottom: 1px;
}

.best_list_wrap2 ul li.last {
	padding-left: 70px;
}

.best_list_wrap2 ul li a {
	color: #272525;
}

.best_list_wrap2 ul li a:hover {
	color: #c03737;
	text-decoration: underline;
}

.top_job_list {
	width: 100%;
	float: left;
	margin-left: 108px;
	margin-top: 25px;
}

.top_job_list li {
	width: 164px;
	height: 263px;
	border: 1px solid #ecebe9;
	float: left;
	margin-left: 14px;
}

.top_job_list li dl {
	width: 100%;
	float: left;
	text-align: center;
	background-color: #fbfaf9;
}

.top_job_list li dl dt {
	color: #9b8769;
	font-size: 18px;
	height: 42px;
	width: 100%;
	float: left;
	line-height: 42px;
}

.top_job_list li dl dd {
	width: 100%;
	float: left;
	height: 134px;
}

.top_job_list li dl dd.id_name {
	width: 100%;
	float: left;
	border-top: 1px solid #ecebe9;
	background-color: #fff;
	height: 59px;
	position: relative;
	margin-top: 27px;
}

.top_job_list li dl dd.id_name span {
	width: 100%;
	float: left;
	margin-top: 30px;
	color: #242323;
	font-size: 14px;
}

.top_job_list li dl dd.id_name em {
	position: absolute;
	left: 62px;
	top: -20px;
}

.best_rank_top {
	width: 100%;
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/best_con_bg.jpg') repeat;
	margin-top: 40px;
	height: 693px;
}

.best_rank_list {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/center_date_bg.png') left center no-repeat;
	width: 265px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	margin-top: 20px;
}

.best_rank_list h1 {
	float: left;
	margin-left: 20px;
	line-height: 40px;
	color: #c13a3a;
	font-size: 33px;
	font-family: 'Malgun Gothic';
	font-weight: normal;
}

.best_rank_list .a1 {
	position: absolute;
	right: 0;
	top: 0;
	color: #797272;
	font-size: 12px;
	font-family: 'Malgun Gothic';
	height: 20px;
	line-height: 20px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg.png') right center no-repeat;
	padding-right: 13px;
}

.best_rank_list .a2 {
	position: absolute;
	right: 0;
	top: 20px;
	color: #797272;
	font-size: 12px;
	font-family: 'Malgun Gothic';
	height: 20px;
	line-height: 20px;
}

.best_job_list_wrap {
	width: 100%;
	height: 69px;
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/coment_bg02.jpg') left center repeat-x;
	margin-top: 20px;
}

.best_list_wrap {
	width: 100%;
	float: left;
}

.best_list_wrap li {
	float: left;
	width: 100%;
	height: 33px;
	line-height: 33px;
	border-bottom: 1px solid #ecebe9;
	background-color: #f9f9f8;
	margin-bottom: 10px;
}

.best_list_wrap li span {
	float: left;
	width: 50px;
	text-align: center;
	font-size: 14px;
	font-family: 'Malgun Gothic';
	color: #a18c6d;
}

.best_list_wrap li ul li {
	width: 154px;
	text-align: center;
	font-size: 14px;
	color: #272525;
	margin: 0;
}

.best_list_wrap li ul li a {
	color: #272525;
}

.best_list_wrap li ul li a:hover {
	color: #c03737;
	text-decoration: underline;
}

/*Best_rank_lhw*/
.best_rank_top.view {
	height: 225px;
}

.best_rank_top .use_rank {
	margin: 35px 0 0 0;
	text-align: center;
}

.best_rank_top .use_rank p {
	font-size: 20px;
	color: #345e76;
}

.best_rank_top .use_rank .btn_rank_view {
	display: inline-block;
	width: 230px;
	height: 42px;
	line-height: 44px;
	margin: 32px 0 0 0;
	padding: 0 18px 0 0;
	font-size: 20px;
	text-align: right;
	color: #fff;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_rank_view.jpg') no-repeat 0 0;
}

.best_rank_top .use_rank .btn_rank_view:hover {
	background-position: 0 -60px;
}

.search_area {
	float: left;
	width: 100%;
	z-index: 9;
	position: relative;
	margin: 55px 0 0 0;
}

.search_area:after {
	display: block;
	content: '';
	clear: both;
}

.search_area h3 {
	float: left;
	width: 166px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	color: #2e2828;
}

.search_area .search {
	position: relative;
	float: left;
	width: 610px;
}

.search_area .search:after {
	display: block;
	clear: both;
	content: '';
}

.search_area .search select {
	float: left;
	margin-right: 12px;
}

.search_area .search .input_txt {
	float: left;
	width: 362px;
}

.search_area .search .btn_search {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 40px;
	height: 28px;
	border: none;
	vertical-align: top;
	background: #fff url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/btn_search.gif') no-repeat 0 0;
}

.search_area .search .btn_search:hover {
	background-position: 0 -48px;
}

.search_area .notes {
	float: right;
	font-size: 14px;
	line-height: 28px;
	color: #747474;
}

.border_rank_list {
	float: left;
	width: 100%;
	margin: 25px 0 0 0;
	border-top: 1px solid #2e2828;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/gold_bg.png') left 37px no-repeat;
}

.border_rank_list table {
	width: 100%;
}

.border_rank_list table thead tr th {
	padding: 11px 0;
	border-bottom: 1px solid #2e2828;
	font-size: 15px;
	color: #747474;
	text-align: center;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bar_rank_table.gif') no-repeat 0 9px;
}

.border_rank_list table thead tr th:first-child {
	background: none;
}

.border_rank_list table tbody tr.search_item {
	border-top: 2px solid #c03838;
	border-bottom: 2px solid #c03838;
}

.border_rank_list table tbody tr td {
	padding: 13px 0;
	border-bottom: 1px solid #ecebe9;
	font-size: 15px;
	color: #242323;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
}

.border_rank_list table tbody tr td a {
	color: #242323;
}

.border_rank_list table tbody tr.gold td {
	background: none;
	border: none;
	color: #fff;
	font-size: 15px;
}

.border_rank_list table tbody tr.gold td a {
	color: #fff;
}

.border_rank_list table tbody tr.gold td.rank {
	color: #fff;
}

.border_rank_list table tbody tr.gold td.gameid {
	padding-left: 40px;
	text-align: left;
}

.border_rank_list table tbody tr.gold td.change span {
	padding: 2px 0;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/top_rank_bg_back.png') left center no-repeat;
	color: #000;
	display: inline-block;
	width: 100%;
}

.border_rank_list table tbody tr.silver td {
	background: none;
	border: none;
	color: #fff;
	font-size: 15px;
}

.border_rank_list table tbody tr.silver td a {
	color: #fff;
}

.border_rank_list table tbody tr.silver td.rank {
	color: #fff;
}

.border_rank_list table tbody tr.silver td.gameid {
	padding-left: 40px;
	text-align: left;
}

.border_rank_list table tbody tr.silver td.change span {
	padding: 2px 0;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/top_rank_bg_back.png') left center no-repeat;
	color: #000;
	display: inline-block;
	width: 100%;
}

.border_rank_list table tbody tr.brown td {
	background: none;
	color: #fff;
	font-size: 15px;
}

.border_rank_list table tbody tr.brown td a {
	color: #fff;
}

.border_rank_list table tbody tr.brown td.rank {
	color: #fff;
}

.border_rank_list table tbody tr.brown td.gameid {
	padding-left: 40px;
	text-align: left;
}

.border_rank_list table tbody tr.brown td.change span {
	padding: 2px 0;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/top_rank_bg_back.png') left center no-repeat;
	color: #000;
	display: inline-block;
	width: 100%;
}

.border_rank_list table tbody tr.no_data td {
	padding: 100px 0;
}

.border_rank_list table tbody tr td .profile {
	display: inline-block;
	margin: 0 20px 0 0;
	width: 80px;
	height: 80px;
}

.border_rank_list table tbody tr td .profile img {
	vertical-align: middle;
}

.border_rank_list table tbody tr td.rank {
	color: #9b8769;
}

.border_rank_list table tbody tr td.change .new,
.border_rank_list table tbody tr td.change .ru,
.border_rank_list table tbody tr td.change .rd {
	display: inline-block;
	padding: 0 0 0 14px;
	font-size: 14px;
	text-align: center;
}

.border_rank_list table tbody tr td.change .ru {
	color: #4290c7;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ico_rank_up.gif') no-repeat 0 1px;
}

.border_rank_list table tbody tr td.change .rd {
	color: #c03636;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ico_rank_down.gif') no-repeat 0 1px;
}

.border_rank_list table tbody tr td.change .new {
	color: #c03636 !important;
}

.border_rank_list table tbody tr.gold td.change span span.ru {
	color: #4290c7;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ico_rank_up.gif') no-repeat 10px 3px;
	margin-left: 7px;
}

.border_rank_list table tbody tr.gold td.change span span.rd {
	color: #c03636;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ico_rank_down.gif') no-repeat 10px 3px;
	margin-left: 7px;
}

.border_rank_list table tbody tr.silver td.change span span.ru {
	color: #4290c7;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ico_rank_up.gif') no-repeat 10px 3px;
	margin-left: 7px;
}

.border_rank_list table tbody tr.silver td.change span span.rd {
	color: #c03636;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ico_rank_down.gif') no-repeat 10px 3px;
	margin-left: 7px;
}

.border_rank_list table tbody tr.brown td.change span span.ru {
	color: #4290c7;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ico_rank_up.gif') no-repeat 10px 3px;
	margin-left: 7px;
}

.border_rank_list table tbody tr.brown td.change span span.rd {
	color: #c03636;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ico_rank_down.gif') no-repeat 10px 3px;
	margin-left: 7px;
}

.border_rank_list table tbody tr td.class > img {
	margin: 0 9px 0 0;
	vertical-align: top;
}

.rank_paging {
	overflow: hidden;
	float: left;
	width: 1128px;
	margin: 32px 0 0 0;
	padding: 11px 0;
	border: 1px solid #ecebe9;
	text-align: center;
}

.rank_paging .inner {
	overflow: hidden;
	width: 333px;
	margin: 0 auto;
}

.rank_input {
	float: left;
	margin: 11px 22px;
}

.rank_input .input_txt {
	width: 100px;
	color: #4d4646;
	float: left;
}

.rank_input span {
	float: left;
	margin-right: 10px;
}

.rank_input .txt {
	display: inline-block;
	line-height: 22px;
	padding: 3px 0 0 10px;
	vertical-align: top;
}

.list_search3 {
	text-align: center;
}

.list_search3 .rank_input {
	display: inline-block;
	float: none;
}

.rank_paging a {
	float: left;
	width: 25px;
	height: 25px;
	margin: 1px 0 0 0;
	text-indent: -9999px;
	text-align: left;
	color: #4d4646;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/btn_rank_paging.png') no-repeat 0 0;
}

.rank_paging a.first {
	background-position: 0 0;
	margin-right: 9px;
}

.rank_paging a.prev {
	background-position: -35px 0;
}

.rank_paging a.next {
	background-position: -70px 0;
}

.rank_paging a.last {
	background-position: -105px 0;
	margin-left: 9px;
}

.rank_paging a.first:hover {
	background-position: 0 -35px;
}

.rank_paging a.prev:hover {
	background-position: -35px -35px;
}

.rank_paging a.next:hover {
	background-position: -70px -35px;
}

.rank_paging a.last:hover {
	background-position: -105px -35px;
}

.hidden_bottom_list.interval_top {
	margin: 0 0 0 0;
}

.md_job_list {
	width: 100%;
	float: left;
	margin-left: 50px;
}

.md_job_list li {
	float: left;
	height: 69px;
	line-height: 84px;
	width: 154px;
	margin-left: 0;
	text-align: center;
	position: relative;
}

.md_job_list li span {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color: #a18c6d;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
}

.hidden_bottom_wrap {
	width: 100%;
	height: 70px;
	float: left;
	margin-top: 70px;
}

.hidden_bottom_list {
	width: 100%;
	float: left;
	display: none;
}

.noti_new_serever {
	position: relative;
	width: 100%;
	height: 40px;
	text-align: center;
	color: #9b8769;
	font-size: 14px;
	line-height: 40px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_rank_before.png') repeat-x;
	margin: 40px 0 -40px;
}

/*캐시샵 댓글영역*/
.coment_list3 {
	width: 626px;
	float: left;
}

.coment_list3 li {
	width: 100%;
	float: left;
	height: auto;
	line-height: 44px;
	min-height: 44px;
}

.coment_list3 li dl {
	width: 100%;
	float: left;
}

.coment_list3 li dl dt {
	float: left;
	color: #797272;
	font-size: 12px;
	font-family: 'Malgun Gothic';
	width: 75px;
	text-align: center;
}

.coment_list3 li dl dd {
	float: left;
	width: 230px;
	line-height: 14px;
	font-family: 'Malgun Gothic';
}

.coment_list3 li dl dd span {
	float: left;
}

.coment_list3 li dl dd p {
	float: left;
	max-width: 120px;
	margin-top: 16px;
	font-size: 14px;
}

.coment_list3 li dl dd p a {
	color: #000;
}

.coment_list3 li dl dd.data {
	width: 346px;
	font-size: 14px;
	color: #797272;
	line-height: 20px;
	margin-top: 13px;
	position: relative;
	margin-bottom: 13px;
	word-wrap: break-word;
}

/*자유 게시판*/
.date_fomat {
	width: 124px;
	height: 34px;
	float: left;
	line-height: 34px;
	border: 1px solid #ecebe9;
	margin-left: 0px;
	margin-top: 18px;
	color: #a18c6d;
	font-family: 'Malgun Gothic';
	clear: both;
	border-bottom: 0;
}

.date_fomat span {
	width: 48px;
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/lottery_bg2.jpg') right center no-repeat;
	text-align: center;
	font-size: 15px;
	font-family: 'Malgun Gothic';
}

.date_fomat span.date {
	font-family: 'Malgun Gothic';
	width: 76px;
	height: 34px;
	text-align: center;
	font-size: 23px;
	background: url('');
}

.board_type3_wrap {
	width: 100%;
	float: left;
	height: auto;
	border-top: 1px solid #ecebe9;
	margin-bottom: 13px;
}

.board_type3 {
	width: 100%;
	float: left;
}

.board_type3 li {
	width: 100%;
	float: left;
	height: 73px;
	line-height: 72px;
}

.board_type3 li dl {
	width: 100%;
	float: left;
}

.board_type3 li dl dt {
	width: 91px;
	float: left;
	font-size: 12px;
	font-family: 'Malgun Gothic';
	position: relative;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg2.jpg') 110px center no-repeat;
}

.board_type3 li.last dl dt {
	border-bottom: 1px solid #ecebe9;
}

.board_type3 li dl dt span {
	position: absolute;
	right: -5px;
	top: 0px;
}

.board_type3 li dl dd.id_name {
	float: left;
	width: 198px;
	border-left: 1px solid #ecebe9;
	border-right: 1px solid #ecebe9;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/best_con_bg.jpg') repeat;
}

.board_type3 li dl dd.id_name span {
	float: left;
	margin-left: 22px;
	margin-top: 26px;
	width: 17px;
	height: 17px;
	line-height: 17px;
}

.board_type3 li dl dd.id_name p {
	float: left;
	margin-left: 5px;
	font-size: 14px;
	color: #747474;
}

.board_type3 li dl dd.id_name p a {
	color: #747474;
}

.board_type3 li dl dd.id_name p a:hover {
	color: #747474;
	text-decoration: underline;
}

.board_type3 li dl dd.title {
	width: 646px;
	float: left;
	color: #272525;
	font-size: 16px;
	position: relative;
}

.board_type3 li dl dd.title p {
	float: left;
	padding-left: 70px;
	max-width: none;
	width: 586px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	font-family: 'Malgun Gothic';
}

.board_type3 li dl dd.title p.new_icon {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/board_new_icon.png') 20px center no-repeat;
}

.board_type3 li dl dd.title a {
	color: #272525;
	font-size: 16px;
	font-family: 'Malgun Gothic';
}

.board_type3 li dl dd.title a:hover {
	color: #c23c3c;
	text-decoration: underline;
}

.board_type3 li dl dd.title span {
	position: absolute;
	width: 810px;
	left: 7px;
	top: 62px;
	border: 1px solid #000;
	line-height: 20px;
	font-size: 13px;
	color: #797272;
	background-color: #fff;
	padding: 10px;
	z-index: 10;
	display: none;
	font-family: 'Malgun Gothic';
	overflow: hidden;
	text-overflow: ellipsis;
}

.board_type3 li dl dd {
	border-bottom: 1px solid #ecebe9;
	float: left;
	width: 193px;
	min-height: 72px;
}

.count_wraper {
	min-width: 60px;
	float: right;
	border-left: 1px solid #ecebe9;
	border-right: 1px solid #ecebe9;
	line-height: 15px;
	text-align: center;
	margin-top: 29px;
	color: #797272;
	font-size: 13px;
	font-family: 'Malgun Gothic';
	padding: 0 7px;
}

.count_wraper span {
	color: #b29f89;
}

.no_right {
	border-right: 0 !important;
	padding-right: 0;
}

.write_btn_wrap {
	float: right;
}

/*지식인 게시판*/
.board_type4_wrap {
	width: 100%;
	float: left;
	height: auto;
	border-top: 1px solid #ecebe9;
	margin-bottom: 10px;
}

.board_type4 {
	width: 100%;
	float: left;
}

.board_type4 li {
	width: 100%;
	float: left;
	height: 73px;
	line-height: 72px;
}

.board_type4 li dl {
	width: 100%;
	float: left;
}

.board_type4 li dl dt {
	width: 91px;
	float: left;
	font-size: 12px;
	font-family: 'Malgun Gothic';
	position: relative;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg2.jpg') 110px center no-repeat;
}

.board_type4 li.last dl dt {
	border-bottom: 1px solid #ecebe9;
}

.board_type4 li dl dt span {
	position: absolute;
	right: -5px;
	top: 0px;
}

.board_type4 li dl dd.id_name {
	float: left;
	width: 178px;
	border-left: 1px solid #ecebe9;
	border-right: 1px solid #ecebe9;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/best_con_bg.jpg') repeat;
}

.board_type4 li dl dd.id_name span {
	float: left;
	margin-left: 22px;
	margin-top: 26px;
	width: 17px;
	height: 17px;
	line-height: 17px;
}

.board_type4 li dl dd.id_name p {
	float: left;
	margin-left: 5px;
	font-size: 14px;
	color: #747474;
}

.board_type4 li dl dd.id_name p a {
	color: #747474;
}

.board_type4 li dl dd.id_name p a:hover {
	color: #747474;
	text-decoration: underline;
}

.board_type4 li dl dd.title {
	width: 615px;
	float: left;
	color: #272525;
	font-size: 16px;
}

.board_type4 li dl dd.title p {
	float: left;
	padding-left: 50px;
	max-width: none;
	width: 440px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	font-family: 'Malgun Gothic';
}

.board_type4 li dl dd.title p.new_icon {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/board_new_icon.png') 10px center no-repeat;
	margin: 0;
}

.board_type4 li dl dd.title a {
	color: #272525;
	font-size: 16px;
	font-family: 'Malgun Gothic';
}

.board_type4 li dl dd.title a:hover {
	color: #c23c3c;
	text-decoration: underline;
}

.board_type4 li dl dd {
	border-bottom: 1px solid #ecebe9;
	float: right;
	width: 244px;
	min-height: 72px;
	height: 72px;
	overflow: hidden;
}

.board_type4 li dl dd.title .new_icon {
	float: left;
	margin-left: 15px;
	margin-top: 20px;
}

.over_line {
	font-size: 14px;
	line-height: 20px;
	width: 100px;
	float: left;
	text-align: center;
	margin-left: 30px;
	margin-top: 7px;
}

/*아이디어 게시판*/
.board_type5_wrap {
	width: 100%;
	float: left;
	height: auto;
	margin-bottom: 10px;
	margin-top: 30px;
	min-height: 400px;
}

.tab_sub_menu + .con_wrap .board_type5_wrap {
	margin-top: 0;
}

.board_type5 {
	width: 100%;
	float: left;
	border-top: 1px solid #ecebe9;
}

.board_type5 li {
	width: 100%;
	float: left;
	height: 73px;
	line-height: 72px;
}

.board_type5 li dl {
	width: 100%;
	float: left;
}

.board_type5 li dl dt {
	width: 91px;
	float: left;
	font-size: 12px;
	font-family: 'Malgun Gothic';
	position: relative;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg2.jpg') 110px center no-repeat;
}

.board_type5 li.last dl dt {
	border-bottom: 1px solid #ecebe9;
}

.board_type5 li dl dt span {
	position: absolute;
	right: -5px;
	top: 0px;
}

.board_type5 li dl dd.id_name {
	float: left;
	width: 178px;
	border-left: 1px solid #ecebe9;
	border-right: 1px solid #ecebe9;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/best_con_bg.jpg') repeat;
}

.board_type5 li dl dd.id_name span {
	float: left;
	margin-left: 22px;
	margin-top: 26px;
	width: 17px;
	height: 17px;
	line-height: 17px;
}

.board_type5 li dl dd.id_name p {
	float: left;
	margin-left: 5px;
	font-size: 14px;
	color: #747474;
}

.board_type5 li dl dd.id_name p a {
	color: #747474;
}

.board_type5 li dl dd.id_name p a:hover {
	color: #747474;
	text-decoration: underline;
}

.board_type5 li dl dd.title {
	width: 615px;
	float: left;
	color: #272525;
	font-size: 16px;
}

.board_type5 li dl dd.title p {
	float: left;
	padding-left: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: 550px;
	display: block;
}

.board_type5 li dl dd.title p.new_icon {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/board_new_icon.png') 10px center no-repeat;
	margin: 0;
}

.board_type5 li dl dd.title a {
	color: #272525;
	font-size: 16px;
	font-family: 'Malgun Gothic';
}

.board_type5 li dl dd.title a:hover {
	color: #c23c3c;
	text-decoration: underline;
}

.board_type5 li dl dd {
	border-bottom: 1px solid #ecebe9;
	float: right;
	width: 244px;
	min-height: 72px;
	height: 72px;
	overflow: hidden;
}

.board_type5 li dl dd.title .new_icon {
	float: left;
	margin-left: 15px;
	margin-top: 20px;
}

/*바람패치 이야기*/
.patch_history {
	border-top: 1px solid #ecebe9;
	margin-top: 30px;
	min-height: 400px;
}

.patch_history .section {
	overflow: hidden;
	border-bottom: 1px solid #ecebe9;
}

.patch_history .subject {
	position: relative;
	overflow: hidden;
	float: left;
	width: 208px;
}

.patch_history .subject .date-area {
	float: left;
	width: 124px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #ecebe9;
	margin-top: 18px;
	color: #a18c6d;
	font-family: 'Malgun Gothic';
}

.patch_history .subject .date-area span {
	width: 48px;
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/lottery_bg2.jpg') right center no-repeat;
	text-align: center;
	font-size: 15px;
	font-family: 'Malgun Gothic';
}

.patch_history .subject .date-area span.date {
	font-family: 'Malgun Gothic';
	width: 76px;
	height: 34px;
	text-align: center;
	font-size: 23px;
	background: none;
}

.patch_history .subject .ico_new {
	position: absolute;
	right: 4px;
	top: 26px;
	display: block;
	width: 30px;
}

.patch_history .subject .btn_goto {
	float: left;
	display: inline-block;
	width: 21px;
	margin: 26px 0 0 11px;
	padding: 0;
	border: none;
}

.patch_history .subject .btn_goto .ico_arrow {
	right: 0;
}

.patch_history .btn_goto {
	position: relative;
	display: block;
	width: 124px;
	height: 21px;
	margin: 17px 0 0 10px;
	padding: 3px 0 12px 1px;
	border-bottom: 1px solid #efefef;
	font-size: 14px;
	color: #332d2d;
}

.patch_history .btn_goto .ico_arrow {
	position: absolute;
	top: 0;
	right: 3px;
	width: 21px;
	height: 21px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_goto_arrow.gif') right center no-repeat;
}

.patch_history .list {
	float: left;
	width: 921px;
}

.patch_history .list li {
	float: left;
	position: relative;
	padding: 11px 0;
	border-left: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	font-size: 0;
	width: 100%;
}

.patch_history .list li:first-child {
	border-top: 0;
}

.patch_history .list li .ico {
	position: absolute;
	left: -10px;
	top: 50%;
	margin: -10px 0 0 0;
}

.patch_history .list li .tit {
	display: block;
	float: left;
	width: 94px;
	height: 51px;
	line-height: 53px;
	border-right: 1px solid #ebebeb;
	color: #747474;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
}

.patch_history .list li .subject {
	overflow: hidden;
	float: left;
	display: block;
	width: 521px;
	height: 51px;
	line-height: 53px;
	margin: 0 0 0 32px;
	padding: 0 20px 0 0;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.patch_history .list li .subject a {
	color: #272525;
}

.patch_history .list li .subject a:hover,
.patch_history .list li .subject a:focus {
	text-decoration: underline;
	color: #c23c3c;
}

.patch_history .list li .recomm {
	float: right;
	text-align: center;
	margin-top: 13px;
	color: #ad9d84;
	font-size: 15px;
	font-family: 'Malgun Gothic';
	padding: 0 15px;
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	margin-right: 23px;
}

.patch_history .list li .recomm span {
	float: left;
	line-height: 24px;
	margin-left: 10px;
}

.patch_history .list li .recomm img {
	float: left;
}

.patch_history .list li .recomm a {
	color: #ad9d84;
}

.patch_history .list li .btn_goto {
	float: right;
	width: 90px;
	margin: 15px 6px 0 0;
	line-height: 21px;
	padding: 0;
	border-bottom: 0;
}

/*신바람 , 이미지 게시판 , 비디오 게시판*/
.new_line {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 14px;
	background-color: #c13a3a;
}

.old_line {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 14px;
	background-color: #c29966;
}

.date_new {
	position: absolute;
	left: -1px;
	bottom: 0;
	width: 123px;
	height: 34px;
	border: 1px solid #ecebe9;
	background-color: #fff;
	z-index: 6;
}

.date_new p {
	width: 47px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	float: left;
	font-size: 15px;
	font-family: 'Malgun Gothic';
	color: #c13a3a;
	margin-top: 3px;
	border-right: 1px solid #dedede;
}

.date_new span {
	float: left;
	width: 75px;
	text-align: center;
	color: #c13a3a;
	font-size: 23px;
	font-family: 'Malgun Gothic';
	line-height: 34px;
}

.date_old {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 123px;
	height: 34px;
	border: 1px solid #ecebe9;
	background-color: #fff;
	z-index: 6;
}

.date_old p {
	width: 47px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	float: left;
	font-size: 15px;
	font-family: 'Malgun Gothic';
	color: #b78641;
	margin-top: 3px;
	border-right: 1px solid #dedede;
}

.date_old span {
	float: left;
	width: 75px;
	text-align: center;
	color: #b78641;
	font-size: 23px;
	font-family: 'Malgun Gothic';
	line-height: 34px;
}

.new_baram_list_wrap {
	width: 100%;
	float: left;
	margin-top: 20px;
	overflow: hidden;
}

.new_baram_list_wrap ul {
	width: 103%;
}

.new_baram_list_wrap ul li {
	width: 263px;
	height: 300px;
	float: left;
	margin-bottom: 29px;
	margin-right: 23px;
	border: 1px solid #e0e0e0;
}

.new_baram_list_wrap ul li dl {
	width: 100%;
	height: 100%;
	float: left;
}

.new_baram_list_wrap ul li dl dt {
	width: 100%;
	height: 184px;
	float: left;
	position: relative;
	z-index: 6;
}

.new_baram_list_wrap ul li dl dt img {
	width: 263px;
	height: 170px;
}

.new_baram_list_wrap ul li dl dd {
	width: 229px;
	padding: 15px 17px 0 17px;
	float: left;
	position: relative;
}

.new_baram_list_wrap ul li dl dd.title {
	color: #272525;
	font-size: 16px;
}

.new_baram_list_wrap ul li dl dd.title a {
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	min-height: 18px;
	color: #272525;
	font-size: 16px;
}

.new_baram_list_wrap ul li dl dd.info {
	overflow: hidden;
	padding-top: 7px;
	font-size: 14px;
	color: #747474;
	line-height: 18px;
	word-wrap: break-word;
	height: 33px;
}

.new_baram_list_wrap ul li dl dd.info a {
	color: #747474;
}

.new_baram_list_wrap ul li dl dd.item_wrap {
	padding-top: 11px;
}

.item_wrap {
	height: 32px;
	line-height: 32px;
}

.item_from {
	width: 100%;
	float: left;
	border-top: 1px solid #ecebe9;
}

.img_board_type {
	width: 100%;
	float: left;
	margin-top: 20px;
	overflow: hidden;
	min-height: 400px;
}

.img_board_type ul {
	width: 103%;
}

.img_board_type ul li {
	width: 263px;
	min-height: 264px;
	max-height: 300px;
	float: left;
	margin-bottom: 29px;
	margin-right: 23px;
	border: 1px solid #e0e0e0;
}

.img_board_type ul li dl {
	width: 100%;
	height: 100%;
	float: left;
}

.img_board_type ul li dl dt {
	width: 100%;
	height: 184px;
	float: left;
	position: relative;
	z-index: 6;
}
.cody_board ul li dl dt {
	width: 100%;
	height: 184px;
	float: left;
	position: relative;
	z-index: 6;
	overflow: hidden;
}

.img_board_type ul li dl dt img {
	width: 263px;
	height: 170px;
}

.cody_board ul li dl dt img {
	width: auto;
	height: auto;
	position: absolute;
	left: -34px;
	top: -100px;
}

.img_board_type ul li dl dd {
	width: 229px;
	padding: 15px 17px 0 17px;
	float: left;
	position: relative;
}

.img_board_type ul li dl dd span.id_infomation {
	height: 18px;
	float: left;
	color: #716c6c;
	font-size: 13px;
	margin: 15px 0 0 0;
	width: 100%;
	line-height: 17px;
	padding: 0 0 15px 0;
}

.img_board_type ul li dl dd span.id_infomation a {
	color: #716c6c;
}

.img_board_type ul li dl dd span.id_infomation img {
	float: left;
	margin-right: 3px;
}

.img_board_type ul li dl dd p.title {
	color: #272525;
	font-size: 16px;
}

.img_board_type ul li dl dd p.title a {
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	min-height: 18px;
	color: #272525;
	font-size: 16px;
	font-family: 'Malgun Gothic';
}

.img_board_type ul li dl dd.info {
	float: left;
	font-size: 11px;
	color: #9a9a9a;
	font-family: 'Malgun Gothic';
	border-top: 1px solid #f1f1f1;
	height: 23px;
	padding: 12px 0 0 0;
	margin: 0 17px;
}

.img_board_type ul li dl dd.info span {
	float: left;
	padding: 0 0 0 15px;
	margin-left: 6px;
	font-family: 'Malgun Gothic';
}

span.cm_count {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/cm_count_bg.png') left 2px no-repeat;
}

span.v_count {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/v_count_bg.png') left center no-repeat;
	padding-left: 18px !important;
}

span.like_count {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/like_count_bg.png') left top no-repeat;
}

.date_info {
	position: absolute;
	right: 13px;
	bottom: 1px;
	line-height: 14px;
	height: 14px;
	color: #fff;
	font-size: 12px;
	font-family: 'Malgun Gothic';
	padding-left: 13px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg2.png') left center no-repeat;
}

.movie_board_type {
	width: 100%;
	float: left;
	margin-top: 20px;
	overflow: hidden;
}

.movie_board_type ul {
	width: 103%;
}

.movie_board_type ul li {
	width: 263px;
	height: 300px;
	float: left;
	margin-bottom: 29px;
	margin-right: 23px;
	border: 1px solid #e0e0e0;
}

.movie_board_type ul li dl {
	width: 100%;
	height: 100%;
	float: left;
}

.movie_board_type ul li dl dt {
	width: 100%;
	height: 184px;
	float: left;
	position: relative;
	z-index: 6;
}

.movie_board_type ul li dl dt img {
	width: 263px;
	height: 170px;
}

.movie_board_type ul li dl dd {
	width: 229px;
	height: 66px;
	padding: 15px 17px 0 17px;
	float: left;
	position: relative;
}

.movie_board_type ul li dl dd span.id_infomation {
	float: left;
	color: #716c6c;
	font-size: 13px;
	margin: 15px 0 0 0;
	width: 100%;
	line-height: 17px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #f1f1f1;
}

.movie_board_type ul li dl dd span.id_infomation a {
	color: #716c6c;
}

.movie_board_type ul li dl dd span.id_infomation img {
	float: left;
	margin-right: 3px;
}

.movie_board_type ul li dl dd p.title {
	color: #272525;
	font-size: 16px;
}

.movie_board_type ul li dl dd p.title a {
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	min-height: 18px;
	color: #272525;
	font-size: 16px;
}

.movie_board_type ul li dl dd.info {
	float: left;
	padding: 12px 17px 0 17px;
	font-size: 11px;
	color: #9a9a9a;
	font-family: 'Malgun Gothic';
	height: 23px;
}

.movie_board_type ul li dl dd.info span {
	float: left;
	padding: 0 0 0 15px;
	margin-left: 6px;
	font-family: 'Malgun Gothic';
}

.movie_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.movie_ifram {
	width: 734px;
	height: 414px;
	margin-left: 15px;
}

.board_new_icon {
	position: absolute;
	right: 14px;
	top: 17px;
}

.caution_video p {
	color: #a18c6d;
	display: inline-block;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_caution_video.png') no-repeat;
}

.caution_video p a {
	color: #c13939;
	text-decoration: underline;
}

.con_wrap .caution_video {
	text-align: right;
}

.con_wrap .caution_video + .movie_board_type {
	margin-top: 14px;
}

.con_wrap .caution_video {
	text-align: right;
	font-size: 13px;
}

.con_wrap .caution_video p {
	height: 19px;
	line-height: 21px;
	padding-left: 28px;
}

.movie_thum_list_wrap .caution_video {
	position: absolute;
	top: -56px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
}

.movie_thum_list_wrap .caution_video p {
	height: 21px;
	line-height: 21px;
	background-position: 0 -23px;
	padding-left: 35px;
}

/*팬사이트*/
.desc_box {
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
	padding: 45px 0 40px 0;
	text-align: center;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/best_con_bg.jpg') repeat-x;
}

.desc_box .par {
	font-size: 20px;
	color: #345e76;
}

.desc_box .dot_list1 {
	margin: 24px 0;
}

.desc_box .btn {
	margin: 25px 0 0 0;
}

.dot_list1 li {
	margin: 6px 0 0 0;
	font-size: 14px;
	color: #747474;
}

.dot_list1 li:first-child {
	margin: 0;
}

.fansite_list {
	float: left;
	width: 100%;
	margin: 24px 0 0 0;
	border-bottom: 1px solid #ecebe9;
}

.fansite_list li {
	overflow: hidden;
	position: relative;
	padding: 9px 0 0 0;
	border-top: 1px solid #ecebe9;
	font-size: 0;
}

.fansite_list li:first-child {
	padding: 0;
}

.fansite_list li .img {
	float: left;
	width: 288px;
	height: 108px;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
}

.fansite_list li .img img {
	width: 288px;
	height: 108px;
}

.fansite_list li .subject {
	float: left;
	width: 184px;
	height: 80px;
	line-height: 80px;
	padding: 14px 0;
	font-size: 20px;
	font-weight: normal;
	border-right: 1px solid #ebebeb;
	text-align: center;
	color: #272525;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/best_con_bg.jpg') repeat-x;
}

.fansite_list li .txt {
	overflow: hidden;
	float: left;
	width: 500px;
	margin: 46px 0 0 48px;
	font-size: 14px;
	line-height: 16px;
	color: #a8a8a8;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.fansite_list li .btn_goto {
	position: absolute;
	right: 12px;
	top: 50%;
	display: block;
	width: 90px;
	margin: -10px 0 0 0;
	padding: 3px 0 0 1px;
	font-size: 16px;
	color: #332d2d;
}

.fansite_list li .btn_goto .ico_arrow {
	position: absolute;
	top: 0;
	right: 3px;
	width: 21px;
	height: 21px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_goto_arrow.gif') right center no-repeat;
}

/*Service Board*/
.service_wrap {
	margin: 44px 0 -27px;
}

.service_wrap .service_box {
	position: relative;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_service-center.jpg') no-repeat;
	padding: 39px 0 45px 182px;
	margin-bottom: 27px;
}

.service_wrap li .sv_name {
	display: block;
	font-size: 25px;
	margin-bottom: 18px;
}

.service_wrap li div {
	position: relative;
	width: 600px;
	height: 165px;
	background: #fff;
	padding-left: 153px;
}

.service_wrap li div ul {
	padding-top: 39px;
}

.service_wrap .sv_sgst ul {
	padding-top: 53px;
}

.service_wrap li div > strong {
	display: block;
	padding: 33px 0 0 0;
	font-size: 17px;
}

.service_wrap li div > strong + ul {
	padding-top: 16px;
}

.service_wrap li div li {
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -1px;
	margin-bottom: 8px;
}

.service_wrap li .sicon,
.service_wrap li .schar {
	position: absolute;
	left: 0;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/spr_service_icon-210513.png') no-repeat;
	height: 165px;
}

.service_wrap li .sicon {
	top: 82px;
	width: 143px;
}

.service_wrap li .schar {
	top: 0;
	width: 153px;
}

.service_wrap li .btn_sv {
	position: absolute;
	top: 0;
	right: -162px;
	width: 144px;
	height: 165px;
	font-size: 0;
	color: #fff;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/spr_service_btn-171214.png') no-repeat;
	text-align: center;
}

.service_wrap li .btn_sv.btn_sgst {
	background-position: -144px 0;
}

.service_wrap li .btn_sv span {
	display: inline-block;
	*zoom: 1;
	vertical-align: middle;
}

.service_wrap li .btn_sv .align {
	height: 100%;
}

.service_wrap li .btn_sv .txt {
	font-size: 18px;
	line-height: 21px;
}

.service_wrap li.sv_user .btn_sv {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_btn_bot.png') no-repeat;
}

.service_wrap li.sv_user .btn_sv .align {
	height: 136%;
}

.service_wrap .sv_bug .sicon {
	background-position: -180px 0;
}

.service_wrap .sv_user .sicon {
	background-position: -180px -165px;
}

.service_wrap .sv_user .schar {
	background-position: 0 -165px;
}

.service_wrap .sv_sgst .sicon {
	background-position: -180px -330px;
}

.service_wrap .sv_sgst .schar {
	background-position: 0 -330px;
}

.service_board_info {
	width: 100%;
	float: left;
	color: #747474;
	font-size: 14px;
	margin: 70px 0 10px 0;
}

.service_wrap + .search_not_found {
	margin: 30px 0 0 0;
}

/*FileUpload*/
.file_upload {
	width: 100%;
	height: 36px;
	float: left;
	margin-top: 27px;
}

.file_upload img {
	width: auto;
}

.file_upload span {
	float: left;
	height: 36px;
}

.file_upload p {
	float: left;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	color: #797272;
	font-family: 'Malgun Gothic';
	padding-left: 47px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/file_upload_icon01.png') 24px center no-repeat;
	margin-right: 15px;
}

.file_upload p input {
	float: left;
	margin-top: 12px;
}

.pc_info {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/file_upload_icon02.png') left center no-repeat !important;
	margin-right: 0 !important;
	padding-left: 18px !important;
}

/*security*/
.secu_wrap {
	width: 100%;
	float: left;
	margin-top: 44px;
}

.secu_wrap li {
	float: left;
	width: 359px;
	height: 401px;
	margin-right: 26px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/main_con01_bg.png') repeat;
}

.secu_wrap li.last {
	margin: 0;
}

.secu_wrap li dl {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}

.secu_wrap li dl dt {
	width: 100%;
	float: left;
	text-align: center;
}

.secu_wrap li dl dt img {
	margin-top: 28px;
}

.secu_wrap li dl dt span {
	width: 100%;
	float: left;
	text-align: center;
	color: #231f20;
	font-size: 20px;
	margin: 15px 0;
}

.secu_wrap li dl dd {
	width: 100%;
	float: left;
	text-align: center;
	color: #736a6c;
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;
}

.secu_wrap li dl dd.icon {
	height: 21px;
	line-height: 0;
	margin: 0 0 10px 0;
}

.secu_wrap li dl dd.txt {
}

.secu_wrap li dl dd.btn {
	position: absolute;
	bottom: 35px;
}

.secu_wrap {
	width: 100%;
	float: left;
	color: #747474;
	font-size: 14px;
	margin: 48px 0 10px 0;
}

/*서비스 센터 작성 게시글*/
.board_list_type3 {
	width: 100%;
	float: left;
	border-top: 1px solid #ecebe9;
}

.board_list_type3 li {
	float: left;
	width: 100%;
	height: 72px;
	border-bottom: 1px solid #ecebe9;
}

.board_list_type3 dl {
	width: 100%;
	float: left;
	height: 100%;
}

.board_list_type3 dl dt {
	width: 263px;
	height: 100%;
	float: left;
	position: relative;
	line-height: 72px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/lottery_bg.jpg') right center no-repeat;
	overflow: hidden;
}

.board_list_type3 dl dt span.l_bg {
	width: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	height: 100%;
	background-color: #f3f3f3;
	z-index: -1;
}

.board_list_type3 dl dt span.r_bg {
	width: 4px;
	position: absolute;
	right: -4px;
	top: 0;
	height: 100%;
	background-color: #c13a3a;
	z-index: 10;
}

.board_list_type3 dl dt p {
	width: 124px;
	height: 34px;
	float: left;
	line-height: 34px;
	border: 1px solid #ecebe9;
	margin-left: 11px;
	margin-top: 18px;
	color: #a18c6d;
	font-family: 'Malgun Gothic';
}

.board_list_type3 dl dt p span {
	width: 48px;
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/lottery_bg2.jpg') right center no-repeat;
	text-align: center;
	font-size: 15px;
	font-family: 'Malgun Gothic';
}

.board_list_type3 dl dt p span.date {
	font-family: 'Malgun Gothic';
	width: 76px;
	height: 34px;
	text-align: center;
	font-size: 23px;
	background: url('');
}

.board_list_type3 dl dt em {
	font-family: 'Malgun Gothic';
	font-size: 12px;
	color: #797272;
	font-style: normal;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg.png') 18px center no-repeat;
	padding-left: 30px;
}

.board_list_type3 dl dd {
	float: left;
	height: 100%;
	line-height: 72px;
	padding-left: 34px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/lottery_bg.jpg') left center no-repeat;
}

.board_list_type3 dl dd p {
	float: left;
}

.board_list_type3 dl dd p a {
	color: #272525;
	font-family: Malgun Gothic;
}

.board_list_type3 dl dd a {
	color: #272525;
}

.board_list_type3 dl dd span {
	color: #c13a39;
	margin-right: 5px;
}

.board_list_type3 dl dd.bug {
	color: #a8a8a8;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/service_icon01.png') 52px center no-repeat;
	padding: 0 56px 0 90px;
}

.board_list_type3 dl dd.report {
	color: #a8a8a8;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/service_icon02.png') 52px center no-repeat;
	padding: 0 56px 0 90px;
}

.board_list_type3 dl dd.idea {
	color: #a8a8a8;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/service_icon03.png') 52px center no-repeat;
	padding: 0 56px 0 90px;
}

.board_list_type3 dl dd.event {
	color: #a8a8a8;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/service_icon04.png') 52px center no-repeat;
	padding: 0 56px 0 90px;
}

.board_list_type3 dl dd.etc {
	color: #a8a8a8;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/service_icon05.png') 52px center no-repeat;
	padding: 0 56px 0 90px;
}

/*자료실*/
.down_list_wrap {
	width: 100%;
	float: left;
	height: 339px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/down_wrap_bg.jpg') repeat;
	margin-top: 41px;
	position: relative;
}

/* 240418 수정 */
.dc_btn1 {
	position: absolute;
	top: 94px;
	left: 53px;
}

.dc_btn1 a {
	display: block;
	width: 497px;
	height: 189px;
	background: url('https://lwi.nexon.com/baram/home/common/dc_btn1.png') repeat;
	text-indent: -9999px;
}

.dc_btn1 a:hover,
.dc_btn2 a.dc_b2_d:hover {
	background-position-y: -229px;
}

.dc_btn2 {
	position: absolute;
	top: 94px;
	left: 578px;
}

.dc_btn2 a.dc_b2_d {
	display: block;
	width: 497px;
	height: 189px;
	background: url('https://lwi.nexon.com/baram/home/common/dc_btn2.png') repeat;
	text-indent: -9999px;
}

.dc_btn2 a.dc_b2_n {
	display: block;
	position: absolute;
	top: 126px;
	left: 94px;
	width: 309px;
	height: 35px;
	background: url('https://lwi.nexon.com/baram/home/common/dc_b2_n.png') repeat;
	text-indent: -9999px;
}

.dc_btn2 a.dc_b2_n:hover {
	background-position-y: -76px;
}

.down_list_wrap p.p1 {
	color: #fff;
	font-size: 30px;
	margin: 50px 0 0 53px;
}

.down_list_wrap p.p2 {
	color: #345e76;
	font-size: 16px;
	margin: 16px 0 0 53px;
	line-height: 24px;
}

.down_choice_wrap {
	position: absolute;
	width: 751px;
	height: 249px;
	top: 45px;
	right: 41px;
}

.down_choice {
	width: 334px;
	float: left;
}

.down_choice li {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	height: 83px;
}

.down_list_item {
	width: 417px;
	float: left;
	height: 249px;
	position: relative;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/down_list_bg.png') no-repeat;
}

.d_list_wrap {
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

.d_list_con {
	position: relative;
	width: 100%;
	float: left;
	height: 100%;
}

.d_list_con span.btn {
	position: absolute;
	left: 68px;
	bottom: 33px;
}

/*****************************/
.pc_chk_wrap {
	width: 100%;
	float: left;
	height: 153px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/main_con01_bg.png') repeat;
	position: relative;
	margin-top: 35px;
}

.pc_chk_wrap p.p1 {
	color: #252323;
	font-size: 30px;
	width: 570px;
	margin: 50px 0 0 50px;
}

.pc_chk_wrap p.p2 {
	color: #345e76;
	font-size: 16px;
	width: 570px;
	margin: 24px 0 0 50px;
}

.pc_chk_wrap span {
	position: absolute;
	right: 42px;
	top: 24px;
}

/**************************/
.pc_chk_table {
	width: 100%;
	float: left;
	margin-top: 32px;
}

.pc_chk_table tr th {
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #2e2828;
	border-bottom: 1px solid #2e2828;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/pc_chk_line.jpg') right center no-repeat;
}

.pc_chk_table tr th.last {
	background: none;
}

.pc_chk_table tr td {
	vertical-align: middle;
	text-align: center;
	height: 50px;
	border-bottom: 1px solid #ecebe9;
	font-size: 15px;
	color: #747474;
}

.pc_chk_table tr td a {
	color: #ce4e4e;
}

.pc_chk_table tr td.first {
	background-color: #f5f5f3;
	color: #9b8769;
}

.pc_chk_table tr td.last {
	color: #ce4e4e;
	font-size: 15px;
}

/**************************/
.pc_chk_ul {
	width: 100%;
	float: left;
	color: #747474;
	font-size: 14px;
	line-height: 17px;
	padding-top: 12px;
}

.pc_chk_ul li {
	margin-top: 5px;
}

/*드라이버 다운*/
.driver_list {
	width: 100%;
	float: left;
	margin-top: 32px;
}

.driver_list li {
	float: left;
	width: 230px;
	height: 145px;
	margin-right: 69px;
	position: relative;
	overflow: hidden;
}

.driver_list li span {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: -100%;
}

.driver_list li.last {
	margin: 0;
}

/* layer write_form*/
.v_layer_r_con2 {
	width: 288px;
	background-color: #eee;
	min-height: 500px;
	position: absolute;
	top: 0;
	right: 0;
}

.v_layer_r_con2 .ly_close_btn {
	float: none;
}

.v_layer_r_con2 .v_aside_wrap {
	padding: 70px 0 0 0;
}

.v_layer_contents2 {
	width: 100%;
	float: left;
	height: auto;
	font-size: 14px;
	color: #797272;
	word-break: keep-all;
	word-wrap: break-word;
}

.v_layer_contents2 div {
	font-family: 'Malgun Gothic' !important;
}

.v_layer_contents2 div p {
	font-family: 'Malgun Gothic' !important;
}

.v_layer_contents2 a {
	color: #797272;
}

.v_layer_contents2 img {
	max-width: 100%;
	vertical-align: top;
	display: inline-block;
}

.form_write {
	padding: 0 0 54px 0;
}

.form_write .input_area {
	padding: 0 0 10px 0;
}

.form_write .input_area input {
	width: 768px;
	height: 38px;
	line-height: 38px;
	padding: 0 0 0 13px;
	font-size: 18px;
	border: 1px solid #d5d5d5;
	font-family: 'NanumSquare', sans-serif;
	color: #272525;
}

/* emoticon */
.emoticon_btn {
}
.emoticon_btn > a {
	display: block;
	position: absolute;
	bottom: 7px;
	left: 17px;
	width: 28px;
	height: 28px;
	padding: 5px;
}
.emoticon_btn > a > img {
	width: 28px;
	height: 28px;
}
.emoticon_btn > a.eb_disabled {
	cursor: default;
}

.emoticon_wrap {
	display: none;
	position: absolute;
	top: 81px;
	left: 0;
	z-index: 5;
	background-color: #fff;
	border: 1px solid #ddd;
}
.emoticon_bg {
	position: relative;
	width: 742px;
	height: 261px;
}
.emoticon_knob {
	position: absolute;
	top: -8px;
	left: 25px;
}

.content_con_wrap .emoticon_bg {
	width: 682px;
}

.emoticon_close {
	position: absolute;
	top: -83px;
	right: -40px;
	z-index: 99999;
}
.emoticon_close a {
	display: block;
	width: 38px;
	height: 38px;
	background: url(https://lwi.nexon.com/baram/home/common/emoticon_close.png) no-repeat;
	border: 1px solid #e3e3e3;
	text-indent: -9999px;
}

.emoticon_sum {
	position: absolute;
	top: 11px;
	left: 83px;
	width: 58px;
	height: 58px;
	vertical-align: middle;
	text-align: center;
	background: #fff;
	border: 1px solid #dddfe3;
}
.emoticon_sum > img {
	vertical-align: middle;
	width: 58px;
	height: 58px;
}
.emoticon_sum em {
	position: absolute;
	right: -17px;
	bottom: -1px;
}
.emoticon_sum em a {
	display: block;
}
.emoticon_sum em a img {
	display: block;
	border: 1px solid #d7d7d7;
}

.editor_area {
	position: relative;
}

.edFSec03 a {
	display: block;
	float: left;
}
.edFSec03 a.typeEmoticon {
	width: 28px;
	height: 28px;
	padding: 5px;
	margin: -8px 0 0 0;
	background: url(https://lwi.nexon.com/baram/home/common/typeEmoticon_btn.png) no-repeat;
}

.emo_tline {
	position: relative;
	height: 38px;
	background: #fff;
	border-bottom: 1px solid #d7d7d7;
}
.emo_tline p.emo_title {
	padding: 9px 0 0 20px;
	font-family: 'NanumSquare', sans-serif !important;
	font-size: 18px;
	line-height: 20px;
	color: #757575;
}
.emo_tline p.close {
	position: absolute;
	top: 0;
	right: 0;
}
.emo_tline p.close a {
	display: block;
	width: 38px;
	height: 38px;
	background: url(https://lwi.nexon.com/baram/home/common/emoticon_close.png) no-repeat;
	border-left: 1px solid #d7d7d7;
}
.emo_tline p.close a:hover {
	background-position-y: -50px;
}

.emo_util {
	position: relative;
	border-bottom: 1px solid #d7d7d7;
}
.emoticon_prev,
.emoticon_next {
	position: absolute;
	top: 0;
}
.emoticon_prev {
	left: 0;
}
.emoticon_prev a {
	display: block;
	width: 38px;
	height: 82px;
	background: url(https://lwi.nexon.com/baram/home/common/emoticon_menu_left.png) no-repeat;
	border-right: 1px solid #d7d7d7;
}
.emoticon_prev a:hover {
	background-position-y: -92px;
}
.emoticon_next {
	right: 0;
}
.emoticon_next a {
	display: block;
	width: 38px;
	height: 82px;
	background: url(https://lwi.nexon.com/baram/home/common/emoticon_menu_right.png) no-repeat;
	border-left: 1px solid #d7d7d7;
}
.emoticon_next a:hover {
	background-position-y: -92px;
}

ul.emoticon_lb {
	padding: 0 39px;
	background: #fff;
}
ul.emoticon_lb::after {
	display: block;
	content: '';
	clear: both;
}
ul.emoticon_lb li {
	float: left;
}
ul.emoticon_lb li a {
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	padding: 10px;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: center;
	border-top: 1px solid #f5f5f5;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #f5f5f5;
}
ul.emoticon_lb li.select a {
	background-color: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
ul.emoticon_lb li.select a::after {
	display: block;
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	z-index: 10;
	height: 2px;
	background: #fff;
}
ul.emoticon_lb li:nth-child(1) a {
	background-image: url(https://lwi.nexon.com/baram/home/common/emo_lb1.png);
}
ul.emoticon_lb li:nth-child(2) a {
	background-image: url(https://lwi.nexon.com/baram/home/common/emo_lb2.png);
}
ul.emoticon_lb li:nth-child(3) a {
	background-color: #ffcaca;
}

.selectemoticonType {
	width: 723px;
	height: 615px;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
}
.emoList {
	display: none;
	overflow-y: auto;
	height: 493px;
	background: #fff;
}
.emoList.show {
	display: block;
}
.emoList ul {
	overflow: hidden;
	padding: 20px 0 15px 15px;
	background-color: #fff;
}
.emoList ul li {
	float: left;
}
.emoList ul li a {
	display: block;
	width: 98px;
	height: 98px;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: center;
	border: 3px solid #fff;
}
.emoList ul li a:hover {
	border: 3px solid #c13a3a;
}

.emoticon_btn .emoList {
	height: 261px;
}
.emoticon_btn .emoList ul {
	padding: 20px 0 15px 15px;
}
.emoticon_btn .emoList ul li {
	margin: 0 0 5px 0;
}

#emoLayerS {
	position: absolute;
	top: 48px;
	right: 28px;
	z-index: 9999;
}

.form_write .editor_area {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #dedede;
}

.form_write .input_group {
	padding: 0 0 10px 0;
}

.input_group .select_wrap {
	height: 34px !important;
}

.input_group .select_wrap span {
	line-height: 34px;
}

.form_write .input_group .input_txt {
	height: 34px;
	line-height: 34px;
	padding: 0 14px;
	font-size: 18px;
	vertical-align: middle;
	float: left;
	margin-left: 4px;
}

/*footer*/
#footer {
	width: 100%;
	min-height: 120px;
	float: left;
	background-color: #fafafa;
	z-index: 100;
	position: relative;
	margin-top: 50px;
}

.footer_wrap {
	width: 1130px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fafafa;
	position: relative;
}

#footer.cody_f .footer_wrap {
	padding-bottom: 110px;
}

.footer_wrap h1 {
	float: left;
	margin-top: 43px;
	margin-left: 23px;
}

.footer_wrap ul {
	float: left;
	overflow: hidden;
	margin-top: 20px;
}

.footer_wrap > ul > li {
	color: #666666;
	font-size: 12px;
	float: left;
	padding: 0 11px;
	border-right: 1px dotted #5e5e5e;
	font-weight: bold;
}

.footer_wrap > ul > li:first-child {
	padding-left: 0;
}

.footer_wrap ul li span {
	color: #000;
	float: none;
}

.footer_wrap ul li.last {
	border: 0;
}

.footer_wrap ul li a {
	color: #666666;
}

.footer_wrap ul li a:hover {
	text-decoration: underline;
}

.footer_wrap div {
	text-align: left;
	float: left;
	width: 771px;
	margin-top: 5px;
}

.footer_wrap > div > p {
	font-size: 11px;
	color: #888888;
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 5px;
}

.footer_wrap > div > p a {
	color: #888888;
	text-decoration: underline;
}

.footer_wrap span {
	float: right;
}

.f_logo {
	width: 100%;
	float: left;
	margin-top: 9px !important;
}

.f_logo ul {
	margin: 0;
}

.f_logo ul li {
	float: left;
	padding: 0 13px;
}

.f_logo ul li:first-child {
	background: url('');
	padding-left: 0;
}

.footer_wrap .foot_naver {
	overflow: hidden;
	clear: both;
	width: 100%;
	margin: 18px 0 0 14px;
	padding: 0 0 32px 0;
}

.footer_wrap .foot_naver h2 {
	float: left;
}

.footer_wrap .foot_naver p {
	float: left;
	width: auto;
	margin: 0 0 0 69px;
	font-size: 12px;
}

.foot_icon {
	position: absolute;
	right: 29px;
	top: 25px;
}

/*에디터 유튜브*/
.youtube_write_wrap {
	width: 734px;
	height: 414px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/youtube_bg.jpg') #f5f5f5 no-repeat;
	position: absolute;
	left: 0;
	top: 39px;
	display: none;
}

.u_tube_input {
	width: 519px;
	height: 36px;
	line-height: 36px;
	background: none;
	border: 0;
	position: absolute;
	left: 159px;
	top: 131px;
}

.u_tube_insert {
	position: absolute;
	bottom: 17px;
	left: 37px;
}

.u_tube_cancle {
	position: absolute;
	bottom: 17px;
	left: 187px;
}

/*Search_page*/
.board_group {
	text-align: center;
	font-family: 'NanumSquare', sans-serif !important;
}

/*search*/
.main_search_wrap {
	width: 100%;
	float: left;
	height: auto;
	line-height: 40px;
	border-top: 1px solid #dadada;
	margin-top: 40px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_off_bg.png') repeat;
}

.br_search_wrap {
	float: left;
	padding-top: 5px;
	padding-left: 38px;
	padding-bottom: 6px;
	position: relative;
	height: 42px;
	border-right: 1px solid #dadada;
}

.search_wrap_on {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_on_bg.png') repeat;
}

.br_search_wrap .con {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.br_search_wrap span {
	float: left;
	height: 33px;
	margin-top: 9px;
}

.search_black_bar {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 2px;
	background-color: #000;
}

.m_search_btn {
	float: left;
	margin-top: 8px;
	width: 22px;
	height: 23px;
}

.br_search {
	width: 600px;
	height: 42px;
	float: left;
	margin-left: 23px;
	overflow: hidden;
	height: 48px;
}

.br_search input {
	width: 90%;
	padding-left: 2%;
	border: 0;
	background: none;
	line-height: 40px;
	height: 40px;
	float: left;
	font-size: 18px;
	color: #b0b0b0;
}

.hp_search {
	width: 0;
	height: 100%;
	float: left;
	margin-left: 23px;
}

.hp_search select {
	float: left;
	height: 28px;
	margin-top: 8px;
}

.hp_search input {
	width: 75%;
	padding-left: 2%;
	border: 0;
	background: none;
	line-height: 40px;
	height: 40px;
	float: left;
	font-size: 18px;
	color: #b0b0b0;
}

.select_wrap {
	height: 26px !important;
	border: 1px solid #d5d5d5;
	width: 59px;
	position: relative;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bul_select.png') #fff right center no-repeat;
	float: left;
}

.select_wrap span {
	width: 95%;
	padding-left: 5%;
	float: left;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	margin: 0;
}

.select_wrap span a {
	color: #000;
	display: block;
}

.select_wrap ul {
	position: absolute;
	left: -1px;
	top: 26px;
	width: 100%;
	border: 1px solid #d5d5d5;
	border-bottom: 0;
	display: none;
	z-index: 101;
}

.select_wrap ul li {
	box-sizing: border-box;
	width: 100%;
	padding-left: 5%;
	float: left;
	line-height: 26px;
	font-size: 14px;
	border-bottom: 1px solid #d5d5d5;
	background-color: #fff;
}
.cody_wrap .select_wrap ul li {
	border-bottom: 0;
}
.cody_wrap .select_wrap ul li:hover {
	background-color: #f4f4f4;
}
.cody_wrap .select_wrap ul {
	max-height: 131px;
	overflow-y: auto;
}
.select_wrap ul li a {
	display: block;
	color: #000;
}

.search .select_wrap {
	margin-right: 12px;
}

/*호패 검색_list*/
.board_list_type4 {
	width: 100%;
	float: left;
	border-top: 1px solid #ecebe9;
}

.board_list_type4 li {
	float: left;
	width: 100%;
	height: 72px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ecebe9;
}

.board_list_type4 dl {
	width: 100%;
	float: left;
	height: 100%;
	font-size: 16px;
	color: #a8a8a8;
}

.board_list_type4 dl dt {
	width: 160px;
	height: 100%;
	float: left;
	position: relative;
	line-height: 72px;
	overflow: hidden;
	font-size: 16px;
}

.board_list_type4 dl dt span {
	float: left;
	padding-left: 20px;
	margin-left: 35px;
}

.board_list_type4 dl dt span img {
	float: left;
	margin-top: 27px;
	margin-right: 5px;
}

.board_list_type4 dl dt span.char01 {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_char_icon01.jpg') left 26px no-repeat;
}

.board_list_type4 dl dt span.char02 {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_char_icon02.jpg') left 26px no-repeat;
}

.board_list_type4 dl dt span.char03 {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_char_icon03.jpg') left 26px no-repeat;
}

.board_list_type4 dl dt span.char04 {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_char_icon04.jpg') left 26px no-repeat;
}

.board_list_type4 dl dt span.char05 {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_char_icon05.jpg') left 26px no-repeat;
}

.board_list_type4 dl dt span.char06 {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_char_icon06.jpg') left 26px no-repeat;
}

.board_list_type4 dl dt span.char07 {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_char_icon07.jpg') left 26px no-repeat;
}

.board_list_type4 dl dt span.char08 {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_char_icon08.jpg') left 26px no-repeat;
}

.board_list_type4 dl dt span.char09 {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_char_icon09.jpg') left 26px no-repeat;
}

.board_list_type4 dl dd {
	float: left;
	height: 100%;
	line-height: 72px;
	padding-left: 50px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/lottery_bg.jpg') left center no-repeat;
	font-size: 16px;
}

.board_list_type4 dl dd.lv {
	width: 128px;
	padding-left: 50px;
}

.board_list_type4 dl dd.lv span {
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_list_icon01.png') left 26px no-repeat;
	padding-left: 30px;
}

.board_list_type4 dl dd.rank {
	width: 159px;
	padding-left: 49px;
}

.board_list_type4 dl dd.rank span {
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_list_icon01.png') left 26px no-repeat;
	padding-left: 30px;
}

.board_list_type4 dl dd.world {
	width: 159px;
	padding-left: 49px;
}

.board_list_type4 dl dd.world span {
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/search_list_icon03.png') left 26px no-repeat;
	padding-left: 30px;
	margin-left: 10px;
}

.board_list_type4 dl dd.name {
	width: 580px;
	padding: 0;
	text-align: center;
	font-size: 18px;
	color: #272525;
}

.board_list_type4 dl dd.name a {
	color: #272525;
}

/********문파*********/
.search_area h4 {
	float: left;
	width: 166px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	color: #2e2828;
	margin-left: 194px;
}

.date_area {
	width: 100%;
	height: 76px;
	float: left;
	margin: 40px 0 0 0;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/best_con_bg.jpg') repeat-x;
}

.date_box {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/center_date_bg.png') left center no-repeat;
	width: 265px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	margin-top: 20px;
}

.date_box strong {
	float: left;
	margin-left: 20px;
	line-height: 40px;
	color: #c13a3a;
	font-size: 33px;
	font-family: 'Malgun Gothic';
	font-weight: normal;
}

.date_box .a1 {
	position: absolute;
	right: 0;
	top: 0;
	color: #797272;
	font-size: 12px;
	font-family: 'Malgun Gothic';
	height: 20px;
	line-height: 20px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg.png') right center no-repeat;
	padding-right: 13px;
}

.date_box .a2 {
	position: absolute;
	right: 0;
	top: 20px;
	color: #797272;
	font-size: 12px;
	font-family: 'Malgun Gothic';
	height: 20px;
	line-height: 20px;
}

.castle_list table {
	width: 100%;
	border-bottom: 1px solid #ecebe9;
	border-right: 1px solid #ecebe9;
}

.castle_list th {
	height: 41px;
	line-height: 41px;
	border-top: 1px solid #ecebe9;
	border-left: 1px solid #ecebe9;
	font-size: 14px;
	color: #242323;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/best_con_bg.jpg') repeat-x;
	vertical-align: top;
}

.castle_list thead th:nth-child(2) {
	background-image: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/best_con_first_bg.jpg');
}

.castle_list td {
	vertical-align: top;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #ecebe9;
	border-left: 1px solid #ecebe9;
	font-size: 14px;
	color: #797272;
}

.castle_list tbody tr td:first-of-type a {
	background: #f3eded;
	z-index: 1;
}

.castle_list tbody tr td:first-of-type .l_bg {
	background-color: #e7d9d9;
}

.castle_list td a {
	display: block;
	overflow: hidden;
	position: relative;
	height: 100%;
	color: #797272;
	text-align: center;
}

.castle_list td a span {
	font-family: 'Malgun Gothic', sans-serif;
}

.castle_list td a span:first-child {
	position: relative;
	z-index: 1;
}

.castle_list td .l_bg {
	width: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	height: 45px;
	background-color: #f3f3f3;
	z-index: initial;
}

.castle_list td .r_bg {
	width: 4px;
	position: absolute;
	right: -4px;
	top: 0;
	height: 45px;
	background-color: #c13a3a;
	z-index: 10;
}

.guild_section {
	float: left;
	width: 100%;
	margin: 50px 0 0 0;
}

.guild_section h3 {
	font-size: 30px;
	font-weight: normal;
	text-align: center;
}

.guild_section .castle_list,
.guild_section .search_area {
	margin: 24px 0 0 0;
}

.guild_section .search_area .search .input_txt {
	width: 292px;
}

.guild_section .tab_menu2 {
	height: auto;
}

.guild_section .border_rank_list {
	margin: 34px 0 0 0;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/gold_bg02.png') no-repeat 0 38px;
}

.guild_section .border_rank_list table tbody tr.gold td a,
.guild_section .border_rank_list table tbody tr.silver td a,
.guild_section .border_rank_list table tbody tr.brown td a {
	color: #fff;
}

.guild_section .border_rank_list table tbody tr td {
	padding: 14px 0;
	font-family: 'Malgun Gothic';
}

.guild_section .border_rank_list table tbody tr.no_data td {
	padding: 100px 0;
}

.guild_section .border_rank_list table tbody tr td a {
	color: #242323;
	font-family: 'Malgun Gothic';
}

.guild_section .border_rank_list table tbody tr td a img {
	margin-right: 12px;
	vertical-align: top;
}

.guild_section .border_rank_list table tbody tr.gold td.gameid,
.guild_section .border_rank_list table tbody tr.silver td.gameid,
.guild_section .border_rank_list table tbody tr.brown td.gameid {
	padding-left: 0;
	text-align: center;
}

.guild_section .border_rank_list table tbody tr.gold td,
.guild_section .border_rank_list table tbody tr.silver td {
	border-bottom: 1px solid #fff;
}

.guild_section {
	float: left;
	width: 100%;
	margin: 50px 0 0 0;
}

.guild_section.first {
	margin: 0;
}

.guild_section h3 {
	font-size: 30px;
	font-weight: normal;
	text-align: center;
}

.guild_recomm {
	overflow: hidden;
	height: 43px;
	background-color: #17171f;
}

.guild_recomm .rc_area {
	overflow: hidden;
	float: right;
	margin: 9px 26px 0 0;
}

.guild_recomm .recomm {
	float: left;
	width: 127px;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 13px;
	font-size: 13px;
	text-align: center;
	color: #ad9d84;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/btn_recomm.png') no-repeat 0 0;
}

.guild_recomm .recomm:hover {
	background-position: 0 -42px;
}

.guild_recomm .bar {
	float: left;
	margin: 0 0 0 25px;
	padding: 0 0 0 25px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_guild_bar.png') no-repeat 0 50%;
}

.guild_recomm .recomm_total {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	font-size: 22px;
	padding: 0 0 0 35px;
	color: #fff;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_guild_recomm.png') no-repeat 0 0;
}

.guild_info {
	overflow: hidden;
	text-align: center;
	width: 1156px;
	margin: -19px 0 0 -26px;
}

.guild_info dt {
	float: left;
	width: 264px;
	height: 82px;
	margin: 24px 0 0 26px;
	border: 1px solid #ecebe9;
	border-right: none;
	background-color: #f3f3f3;
	color: #345775;
}

.guild_info dt span {
	overflow: hidden;
	display: block;
	height: 34px;
	line-height: 34px;
	margin: 26px 0 0 0;
	padding: 0 0 0 34px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_guild_info.png') no-repeat 0 0;
}

.guild_info dt.bg1 span {
	background-position: 34px 0;
}

.guild_info dt.bg2 span {
	background-position: 40px -54px;
}

.guild_info dt.bg3 span {
	background-position: 40px -108px;
}

.guild_info dt.bg4 span {
	background-position: 40px -162px;
}

.guild_info dt.bg5 span {
	background-position: 40px -216px;
}

.guild_info dd {
	float: left;
	width: 256px;
	height: 82px;
	line-height: 84px;
	padding-left:30px;
	margin: 24px 0 0 0;
	border: 1px solid #ecebe9;
	border-left: none;
	color: #272525;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/ico_info_arrow.gif') no-repeat 0 34px;
	font-family: 'Malgun Gothic';
	text-align:left;
}

.guild_info dd.one_type {
	width: 834px;
}

.guild_info dd > a {
	color: #272525;
}

.guild_info dd > img {
	vertical-align: middle;
}

.guild_info dd.last {
	width: 864px;
	padding-left:0;
}

.guild_list {
	margin: 22px 0 0 0;
	border: 1px solid #ecebe9;
	border-top: none;
}

.guild_list ul {
	overflow: hidden;
	margin: 0 0 0 -1px;
}

.guild_list li {
	float: left;
	width: 188px;
	height: 35px;
	line-height: 37px;
	border-top: 1px solid #ecebe9;
	text-align: center;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bar_guild_list.gif') no-repeat 0 9px;
}

.guild_list li a {
	font-size: 14px;
	color: #797272;
	font-family: 'Malgun Gothic';
}

.guild_list li a:hover,
.guild_list li a:focus {
	text-decoration: underline;
	color: #cf3f3f;
}

.member_total {
	overflow: hidden;
	line-height: 1;
	text-align: center;
	margin: 34px 0 0 32px;
}

.member_total strong {
	float: left;
	padding-right: 28px;
	font-weight: normal;
	font-size: 16px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/stit_arrow.gif') no-repeat 100% 3px;
	color: #345775;
	margin-right: 17px;
}

.member_total ul {
	overflow: hidden;
	font-size: 14px;
	text-align: left;
}

.member_total ul li {
	float: left;
	margin: 0 20px 3px 0;
	color: #a8a8a8;
}

.member_total ul li .clr {
	color: #272525;
}

.member_total ul li img {
	margin: 0 6px 0 0;
	vertical-align: middle;
}

.member_list {
	overflow: hidden;
	width: 1156px;
	margin: 0 0 0 -26px;
	padding: 1px 0 0 0;
}

.member_list li {
	overflow: hidden;
	float: left;
	border: 1px solid #ecebe9;
	margin: -1px 0 0 26px;
	text-align: center;
}

.member_list li > * {
	float: left;
	width: 179px;
	height: 82px;
	line-height: 84px;
	font-size: 16px;
	color: #272525;
}

.member_list li .name {
	width: 192px;
	font-style: normal;
	background-color: #f3f3f3;
}

.member_list li .name a {
	color: #345775;
}

.member_list li .name a:hover,
.member_list li .name a:focus {
	color: #d14646;
	text-decoration: underline;
}

.member_list li .class {
	width: 135px;
	padding: 0 0 0 44px;
	text-align: left;
}

.member_list li .class img {
	margin: 0 12px 0 0;
	vertical-align: middle;
}

.member_list li .promote {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bar_member_list.gif') no-repeat 0 9px;
}

.board_coment {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}

.board_coment .coment_wrap {
	margin: 0;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/coment_bg02.png') no-repeat 0 0;
}

.board_coment .coment_wrap textarea {
	width: 936px;
	color: #000;
}

.board_coment .coment_list {
	width: 90px;
}

.board_coment .coment_list2 {
	width: 1020px;
}

.board_coment .coment_list2 li {
	min-height: 44px;
}

.board_coment .coment_list2 li dl {
	background-position: 108px 0;
}

.board_coment .coment_list2 li dl dt {
	width: 112px;
}

.board_coment .coment_list2 li dl dd {
	width: 250px;
	font-family: 'Malgun Gothic';
}

.board_coment .coment_list2 li dl dd.data {
	width: 658px;
	margin: 0;
	padding: 13px 0 0 0;
	word-wrap: break-word;
}

.board_coment .coment_list2 li dl dd.data .par {
	display: block;
	overflow: hidden;
	width: 629px;
	word-break: break-all;
}

.board_coment .coment_list2 li dl dd.data .par a {
	color: #797272;
}

.board_coment .coment_list2 li dl dd.data .par a:hover {
	color: #c23c3c;
}

.board_coment .coment_del_btn {
	top: 12px;
	right: 0;
}

.board_coment .btn_reple {
	display: block;
	overflow: hidden;
	width: 100px;
	height: 82px;
	text-indent: -9999px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/coment_add_btn.jpg') no-repeat 0 0;
}

.board_coment .btn_reple:hover {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/coment_add_btn_on.jpg') no-repeat 0 0;
}

/*.board_coment{float:left;width:100%;margin:30px 0 0 0;}
.board_coment .coment_wrap{margin:0;background:url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/coment_bg02.png') no-repeat 0 0;}
.board_coment .coment_wrap textarea{width:936px;color:#fff;}
.board_coment .coment_list{width:90px;}
.board_coment .coment_list2{width:1020px;}
.board_coment .coment_list2 li{height:44px;}
.board_coment .coment_list2 li dl{background-position:108px 0}
.board_coment .coment_list2 li dl dt{width:112px;}
.board_coment .coment_list2 li dl dd{width:250px;}
.board_coment .coment_list2 li dl dd.data{width:658px;margin:0;padding:13px 0 0 0;}
.board_coment .coment_list2 li dl dd.data .par{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:629px;}
.board_coment .coment_del_btn{top:12px;right:0;}*/
.notify_txt {
	font-size: 14px;
	line-height: 16px;
	color: #747474;
}

.setting_wrap {
	float: left;
	width: 100%;
	margin: 27px 0 0 0;
}

.setting_info {
	height: 184px;
	margin: 13px 0 0 0;
	padding: 0 19px;
	text-align: center;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/best_con_bg.jpg') repeat-x;
}

.setting_info .btn {
	display: inline-block;
	margin: 20px 0 0 0;
}

.setting_info table {
	width: 100%;
	margin: 21px 0 0 0;
	border: 1px solid #ecebe9;
	text-align: center;
}

.setting_info table th {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_table_th.jpg') repeat 0 0;
}

.setting_info table th span {
	display: block;
	padding: 9px 0;
	border-bottom: 1px solid #fff;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bar_basic01.gif') no-repeat 0 9px;
}

.setting_info table th:first-child span,
.setting_info table td:first-child {
	background-image: none;
}

.setting_info table td {
	padding: 12px 0 12px 0;
	border-top: 1px solid #ecebe9;
	background: #fff url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bar_basic01.gif') no-repeat 0 11px;
}

.setting_info .input_radio {
	width: 82px;
}

.guild_home_go {
	line-height: 28px;
	float: left;
	margin-left: 29px;
	border: 1px solid #000;
	padding: 0 5px 0 15px;
	background-color: #f5f5f5;
	margin-top: 12px;
	color: #272525;
	font-size: 14px;
}

.guild_home_go a {
	color: #272525;
	display: block;
	font-family: 'Malgun Gothic';
}

.guild_home_go img {
	float: right;
	margin: 5px 0 5px 5px;
}

/*.form_field{position:relative;}*/
.input_radio {
	position: relative;
	display: block;
	height: 14px;
}

.input_radio.inline {
	display: inline-block;
}

.input_radio input {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 9;
	width: 14px;
	height: 14px;
	margin: -8px 0 0 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

.input_radio label {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	height: 14px;
	padding: 0px 0 0 22px;
	font-size: 14px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bg_radio.png') 0 0 no-repeat;
	color: #797272;
	cursor: pointer;
}

.input_radio input + label.checked {
	background-position: 0 -34px;
}

.pd_bottom {
	padding-bottom: 35px;
	border-bottom: 1px solid #ecebe9;
	background-color: #fff;
	z-index: 7;
	max-width: 1130px;
	width: 100%;
	float: left;
}

/*sub_game_start*/
.sub_game_start {
	float: right;
	width: 216px;
	height: 74px;
	overflow: hidden;
	position: relative;
	display: none;
}

.sub_full_window {
	position: absolute;
	left: -50%;
	top: 0;
}

.sub_new_window {
	position: absolute;
	right: -50%;
	top: 0;
}

/*.bottom_quick_item_wrap2{width:1130px; margin:0 auto; height:230px; background-color:#282626; z-index:10; position:relative; display:none;}*/

.select_wrap {
	height: 26px !important;
	border: 1px solid #d5d5d5;
	width: 90px;
	position: relative;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/bul_select.png') #fff right center no-repeat;
	float: left;
}

.select_wrap span {
	width: 95%;
	padding-left: 5%;
	float: left;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
}

.select_wrap span a {
	color: #000;
	display: flex;
	align-items: center;
}
.select_wrap span a img {
	margin-right: 5px;
}

.select_wrap ul {
	position: absolute;
	left: -1px;
	top: 26px;
	width: 100%;
	border: 1px solid #d5d5d5;
	border-bottom: 0;
	display: none;
	z-index: 101;
}

.select_wrap ul li {
	box-sizing: border-box;
	width: 100%;
	padding-left: 5%;
	float: left;
	line-height: 26px;
	font-size: 14px;
	border-bottom: 1px solid #d5d5d5;
	background-color: #fff;
}

.select_wrap ul li a {
	display: flex;
	color: #000;
	align-items: center;
}
.select_wrap ul li a img {
	margin-right: 5px;
}
.search .select_wrap {
	margin-right: 12px;
}

.cash_bottom {
	width: auto;
	float: left;
	height: 70px;
}

.cash_bottom li {
	width: 233px;
	float: left;
	height: 100%;
	border-right: 1px solid #494141;
	cursor: pointer;
	background-color: #282626;
}

.cash_bottom li.last {
	border: 0;
}

.cash_bottom li dl {
	width: 100%;
	float: left;
	margin-top: 13px;
}

.cash_bottom li dl dt {
	width: 68px;
	height: 100%;
	text-align: center;
	float: left;
}

.cash_bottom li dl dd {
	color: #bdbdbd;
	font-size: 14px;
	line-height: 18px;
}

.cash_bottom li dl dd a {
	color: #bdbdbd;
}

.cash_bottom li dl dd a:hover {
	color: #fff;
}

.cash_bottom li dl dd.pay span {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/pay_icon.png') left center no-repeat;
	padding-left: 18px;
	color: #baad94;
	font-size: 16px;
}

.cash_bottom li dl dd.pay span a {
	color: #baad94;
}

.cash_quick {
	width: auto;
	float: left;
}

.cash_quick li {
	width: 233px;
	height: 97px;
	float: left;
	border-right: 1px solid #d8d8d8;
	background-color: #fff;
	margin-top: 3px;
	text-align: center;
}

.cash_quick li img {
	margin-top: 6px;
}

.cash_quick li.last {
	border-right: 0;
}

.cash_quick_list {
	position: absolute;
	left: 0;
	top: -100px;
	width: 100%;
	height: 100px;
	background-color: #282626;
	display: none;
}

.cash_bottom_item01 {
	height: 70px;
	background: #4a4142;
}

.cash_bottom_item01:hover {
	background: #39536a;
}

/*******************art_work*********************/
.art_work_wrap {
}

.art_work_wrap ul {
	width: 100%;
	float: left;
	height: 100%;
}

.art_work_wrap ul li {
	width: 360px;
	height: 276px;
	float: left;
	margin-right: 25px;
	margin-top: 35px;
	position: relative;
}

.art_work_wrap ul li p {
	width: 43px;
	height: 39px;
	float: right;
	margin-top: 15px;
	margin-right: 8px;
}

.art_work_wrap ul li span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 68px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/art_bottom_bg.png') repeat;
}

.art_work_wrap ul li em {
	position: absolute;
	left: 25px;
	bottom: 77px;
}

/*******************Wall_paper*******************/
.wallpaper_wrap {
}

.wallpaper_wrap > ul {
	width: 100%;
	float: left;
	height: 100%;
}

.wallpaper_wrap > ul > li {
	float: left;
	margin-right: 25px;
	margin-top: 26px;
	position: relative;
	overflow: hidden;
}

.wallpaper_wrap > ul > li > a > img {
	float: left;
}

.wallpaper_wrap > ul > li p {
	width: 43px;
	height: 39px;
	float: right;
	margin-top: 15px;
	margin-right: 8px;
}

.wallpaper_wrap > ul > li > span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 68px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/art_bottom_bg.png') repeat;
}

.wallpaper_wrap ul > li > span.thum_down_wrap {
	height: 100%;
	text-align: center;
	top: -100%;
	left: 0;
}

.thum_down_wrap > div > p {
	width: 100% !important;
	text-align: center;
}

.thum_down_wrap > div > p > a img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.thum_down_wrap > div > p > a.active img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.thum_down_close {
	position: absolute;
	right: 29px;
	top: 29px;
}

.wallpaper_roll {
	width: 100%;
	float: left;
}

.wallpaper_roll ol {
	position: absolute;
	left: 0;
	top: 0;
	width: 1000%;
}

.wallpaper_roll ol li {
	float: left;
}

.wall_roll_dot {
	float: left;
}

.wall_roll_dot > span {
	float: left;
	margin: 25px 24px 0 24px;
}

.wall_roll_dot > ul {
	float: left;
	margin-top: 30px;
}

.wall_roll_dot > ul > li {
	float: left;
	margin: 0 8px;
}

/************************************************/
.wall_thum_list_wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 138px;
	background-color: #272323;
}

.wall_thum_list {
	position: relative;
	float: left;
	width: 80%;
	overflow: hidden;
	height: 138px;
}

.wall_thum_list ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 10000%;
}

.wall_thum_list ul li {
	float: left;
	width: 200px;
	height: 131px;
	margin-top: 4px;
	position: relative;
}

.wall_control {
	float: right;
	position: relative;
}

.wall_control ul {
	float: left;
	margin-top: 4px;
}

.wall_control ul li {
	float: left;
}

.wall_bottom_right {
	position: absolute;
	right: 0;
	bottom: 138px;
	width: 203px;
	height: 206px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/wall_bottom_right.png') no-repeat;
	color: #7d7256;
	font-size: 39px;
	font-family: 'Malgun Gothic';
}

.wall_bottom_right span.now_count {
	font-size: 25px;
	color: #e3d4aa;
	text-align: center;
	position: absolute;
	right: 70px;
	top: 100px;
	min-width: 30px;
}

.wall_bottom_right span.all_count {
	width: 50px;
	position: absolute;
	right: 20px;
	bottom: 33px;
	text-align: center;
}

.wall_img_con {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
}

.wall_img_con ul {
	width: 100000%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.wall_img_con ul li {
	float: left;
	/*background-size:100% !important;*/
}

.wall_img_con.cover li {
	background-size: cover !important;
}

.wall_thum_off {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/thum_off_bg.png') repeat;
}

.wall_thum_on {
	background: url('');
}

.down_more_btn {
	width: 393px;
	position: absolute;
	top: 4px;
	right: -393px;
	height: 131px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/wall_bg_01.jpg') no-repeat;
	opacity: 0;
}

.down_more_btn ul {
	margin-top: 5px;
}

.down_more_btn ul li {
	width: 50%;
	float: left;
	text-align: center;
	margin-top: 19px;
}

/***************************************************/
.movie_thum_list_wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 138px;
	background-color: #272323;
}

.movie_thum_list {
	position: relative;
	float: left;
	width: 80%;
	overflow: hidden;
	height: 138px;
}

.movie_thum_list ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 10000%;
}

.movie_thum_list ul li {
	float: left;
	width: 200px;
	height: 131px;
	margin-top: 4px;
	position: relative;
}

.movie_control {
	float: right;
	position: relative;
}

.movie_control ul {
	float: left;
	margin-top: 4px;
}

.movie_control ul li {
	float: left;
}

.movie_control ul li span {
	width: 135px;
	height: 131px;
	float: left;
	line-height: 131px;
	font-size: 20px;
	color: #e3d4aa;
	text-align: center;
}

.movie_bottom_right {
	position: absolute;
	right: 0;
	bottom: 138px;
	width: 203px;
	height: 206px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/wall_bottom_right.png') no-repeat;
	color: #7d7256;
	font-size: 39px;
	font-family: 'Malgun Gothic';
}

.movie_bottom_right span.now_count {
	font-size: 25px;
	color: #e3d4aa;
	text-align: center;
	position: absolute;
	right: 70px;
	top: 100px;
	min-width: 30px;
}

.movie_bottom_right span.all_count {
	width: 50px;
	position: absolute;
	right: 20px;
	bottom: 33px;
	text-align: center;
}

.movie_img_con {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
}

.movie_img_con ul {
	width: 10000%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.movie_img_con ul li {
	float: left;
	/*background-size:100% !important;*/
}

.movie_thum_off {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/thum_off_bg.png') repeat;
}

.movie_thum_on {
	background: url('');
}

.movie_title {
	float: left !important;
	margin: 0 0 0 24px !important;
	width: auto !important;
	line-height: 68px;
	height: 68px !important;
	color: #fff;
	font-size: 14px;
	max-width: 220px;
}

.movie_time {
	float: right !important;
	margin: 0 10px 0 0 !important;
	width: auto !important;
	line-height: 68px;
	height: 68px !important;
	color: #e3d4aa;
	font-size: 14px;
}

/*****************************************************/
.multi_music_wrap {
	width: 100%;
	height: 100%;
}

.multi_music_wrap li {
	float: left;
	width: 550px;
	height: 89px;
	border: 1px solid #ececec;
	position: relative;
	overflow: hidden;
	margin: 26px 26px 0 0;
	cursor: pointer;
}

.multi_music_wrap li dl {
	float: left;
	margin-top: 28px;
}

.multi_music_wrap li dl dt {
	font-size: 18px;
	color: #353535;
}

.multi_music_wrap li dl dt span {
	float: left;
	color: #a08f77;
}

.multi_music_wrap li dl dd {
	font-size: 12px;
	color: #9c9c9c;
	margin-top: 10px;
}

.music_icon {
	float: left;
}

.music_icon2 {
	float: left;
	margin: 6px 24px 0 6px;
}

.music_play_btn {
	float: right;
	margin-top: 24px;
	margin-right: 27px;
}

.l_bg {
	width: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	height: 100%;
	background-color: #f3f3f3;
	z-index: -1;
}

.r_bg {
	width: 4px;
	position: absolute;
	right: -4px;
	top: 0;
	height: 100%;
	background-color: #c13a3a;
	z-index: 10;
}

.r_mgr {
	margin-right: 0 !important;
}

/***************************가이드****************************/
.guide_tab {
	width: 100%;
	float: left;
	height: 53px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/guide_bg01.png') no-repeat;
	position: relative;
}

.guide_tab > ul {
	float: left;
}

.guide_tab > ul > li {
	float: left;
	width: auto;
	padding: 0 25px;
	line-height: 52px;
	color: #a1a1a1;
	font-size: 16px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/guide_bg03.png') left center no-repeat;
}

.guide_tab > ul > li a {
	color: #a1a1a1;
}

.guide_tab > ul > li a:hover {
	color: #fff;
}

.guide_tab > ul > li.on a {
	color: #fff;
}

.guide_tab2 {
	width: 100%;
	float: left;
	height: 159px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/guide_bg01.png') repeat;
	position: relative;
}

.guide_tab2 > ul {
	float: left;
	width: 100%;
}

.guide_tab2 > ul > li {
	float: left;
	width: 22%;
	padding-left: 3%;
	line-height: 52px;
	color: #a1a1a1;
	font-size: 16px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/guide_bg03.png') left center no-repeat;
	border-bottom: 1px solid #464040;
	position: relative;
}

.guide_tab2 > ul > li a {
	color: #a1a1a1;
}

.guide_tab2 > ul > li a:hover {
	color: #fff;
}

.guide_tab2 > ul > li.on a {
	color: #fff;
}

.guide_tab2 > ul > li.on .guide_tab3 {
}

.guide_tab3 {
	width: 208px;
	background-color: #fff;
	padding: 10px 0;
	position: absolute;
	left: 50px;
	top: 40px;
	z-index: 9;
	border: 1px solid #000;
	display: none;
}

.guide_tab3 ul {
	float: left;
	margin-left: 25px;
}

.guide_tab3 ul li {
	font-size: 12px;
	float: left;
	width: 100%;
	line-height: 16px;
}

.guide_tab3 ul li a {
	color: #767676 !important;
}

.guide_all_btn {
	position: absolute;
	left: -114px;
	top: 0;
}

.guide_all_btn a {
	display: block;
	margin-bottom: 10px;
}

.guide_all_bg {
	width: 100%;
	height: 100%;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/opacity_bg.png') repeat;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 800;
	display: none;
}

.guide_tab_menu_list em {
	position: absolute;
	right: -50px;
	top: 0;
}

.guide_all_wrap {
	position: fixed;
	left: 0;
	top: 100px;
	height: 639px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/guide_bg04_new.jpg') no-repeat;
	opacity: 0;
	display: none;
	z-index: 900;
}

.guide_title {
	width: 100%;
	float: left;
	height: 90px;
	text-align: center;
	color: #2e2828;
	font-size: 30px;
	line-height: 90px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/guide_bg02.png') no-repeat;
}

.guide_tab_menu {
	width: 150px;
	float: left;
	height: 100%;
	position: relative;
}

.guide_tab_menu h2 {
	position: absolute;
	left: 0;
	top: -59px;
}

q .guide_tab_menu ul {
	width: 100%;
	float: left;
}

.guide_tab_menu ul li {
	width: 100%;
	float: left;
	padding: 0;
}

.guide_tab_menu ul li img {
	float: left;
}

.guide_tab_menu_list {
	width: 980px;
	height: 100%;
	float: left;
	position: relative;
}

.guide_tab_menu_list span {
	line-height: 55px;
	border-bottom: 1px solid #b9b9b9;
	float: left;
	height: 55px;
	padding-left: 30px;
	width: 215px;
	margin-top: 1px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/guide_list_bg.jpg') left center no-repeat;
	font-size: 14px;
	color: #767676;
}

.guide_tab_menu_list span a {
	color: #767676;
}

.guide_tab_menu_list span a:hover {
	color: #d43333;
}

.guide_tab_menu_list > ul {
	width: 100%;
	float: left;
}

.guide_tab_menu_list > ul > li {
	width: 214px;
	padding-left: 30px;
	float: left;
	min-height: 100px;
	font-size: 14px;
	line-height: 33px;
	border-right: 1px solid #e8e8e7;
	margin-top: 16px;
	margin-bottom: 17px;
	color: #767676;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/guide_list_bg_arrow.png') 211px 11px no-repeat;
}

.guide_tab_menu_list > ul > li a {
	color: #767676;
}

.guide_tab_menu_list > ul > li a:hover {
	color: #d43333;
}

.guide_tab_menu_list > ul > li.last {
	border: 0;
}

.guide_tab_menu_list > ul > li > ul {
	margin-left: 10px;
}

.guide_tab_menu_list > ul > li > ul > li {
	font-size: 12px;
	line-height: 16px;
	color: #767676;
}

#guide02 {
	position: relative;
}

#guide02 .gif {
	position: absolute;
}

#guide02 ._g1 {
	top: 1102px;
	left: 16px;
}

#guide02 ._g2 {
	top: 1102px;
	left: 475px;
}

#guide02 ._g3 {
	top: 1489px;
	left: 16px;
}

#guide02 ._g4 {
	top: 1489px;
	left: 475px;
}

#no_border {
	border: 0 !important;
}

.search_more_btn {
	float: right;
	margin-top: 13px;
}

.search_more_btn2 {
	float: right;
	margin-top: 40px;
}

.qa_wrap {
	width: 100%;
	float: left;
	margin-top: 44px;
	position: relative;
}

.qa_wrap span {
	position: absolute;
	right: 33px;
	top: 82px;
}

.qa_wrap span a {
	display: block;
	margin-bottom: 19px;
}

.qa_wrap span img {
	vertical-align: top;
}

.qa_wrap .msg {
	position: absolute;
	top: 420px;
	left: 181px;
	font-size: 14px;
	color: #736a6c;
}

.qa_wrap .msg a {
	color: #c24341;
	text-decoration: underline;
}

.qa_btn01 {
	width: 100%;
	float: left;
	margin-top: 27px;
	position: relative;
}

.qa_btn01 span {
	position: absolute;
	right: 33px;
	bottom: 53px;
}

.qa_btn01 span:first-of-type {
	position: absolute;
	right: 33px;
	top: 81px;
}

.qa_btn02 {
	width: 100%;
	float: left;
	margin-top: 26px;
	position: relative;
}

.qa_btn02 span {
	position: absolute;
	right: 45px;
	bottom: 30px;
}

.user_popup {
	position: absolute;
	right: 289px;
	top: 152px;
	width: 841px;
	height: 198px;
	z-index: 10;
}

/* btn top*/
.btn_top {
	display: none;
	position: absolute;
	right: -73px;
	bottom: 0;
	width: 47px;
	height: 47px;
	background-color: #fff;
}

.client_wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/opacity_bg.png') repeat;
	z-index: 5000;
	display: none;
}

.client_container {
	width: 1131px;
	margin: 0 auto;
	margin-top: 300px;
}

.client_cont {
	width: 100%;
	float: left;
	height: 100%;
}

.crackdown_wrap {
	width: 100%;
	height: 157px;
	background: url('https://ssl.nexon.com/S2/game/Baram/2017/crackdown/report_btn_wrap.jpg') left top no-repeat;
}

.crackdown_wrap span {
	float: left;
	margin-top: 85px;
	margin-left: 422px;
}

/* 단속제재 레이어팝업 */
#crackdown_layer {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 769px;
	background-color: #fff;
	z-index: 1000000000;
	margin-left: -385px;
	margin-top: -400px;
}

#wrap.crackdownLayerOpen:after {
	z-index: 999999;
	display: block;
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('https://ssl.nexon.com/S2/game/Baram/2017/crackdown/bg_layer_repeat.png') repeat;
}

#crackdown_layer .inner {
	width: 100%;
	height: 800px;
	overflow-x: hidden;
	overflow-y: auto;
}

#crackdown_layer .header {
	width: 100%;
	height: 117px;
}

#crackdown_layer .header h1 {
	float: left;
	margin-left: 56px;
	margin-top: 33px;
}

#crackdown_layer .snb {
	float: right;
	margin-top: 46px;
}

#crackdown_layer .snb li {
	float: left;
	list-style: none;
	background: url('https://ssl.nexon.com/S2/game/Baram/2017/crackdown/snb_bg.png') left center no-repeat;
	padding: 0 10px;
}

#crackdown_layer .snb li:first-child {
	background: url();
	padding-left: 0;
}

#crackdown_layer .contens_wrap {
	width: 100%;
	min-height: 999px;
	padding-bottom: 50px;
	background: url('https://ssl.nexon.com/S2/game/Baram/2017/crackdown/contens_wrap_bg.png') #fce4e7 no-repeat;
}

#crackdown_layer .con01 {
	width: 664px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: url('https://ssl.nexon.com/S2/game/Baram/2017/crackdown/con01_bg.png') left top no-repeat;
}

#crackdown_layer .con02 {
	width: 664px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: url('https://ssl.nexon.com/S2/game/Baram/2017/crackdown/con02_bg.png') left top no-repeat;
	display: none;
}

#crackdown_layer .con03 {
	width: 664px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: url('https://ssl.nexon.com/S2/game/Baram/2017/crackdown/con03_bg.png') left top no-repeat;
	display: none;
}

#crackdown_layer .f25 {
	font-size: 25px;
}

#crackdown_layer .f15 {
	font-size: 15px;
}

#crackdown_layer .f13 {
	font-size: 13px;
}

#crackdown_layer .f12 {
	font-size: 12px;
}

#crackdown_layer .footer {
	width: 100%;
	float: left;
	height: 49px;
	line-height: 49px;
	background-color: #fff;
	text-align: center;
	color: #888;
	font-size: 11px;
}

#crackdown_layer p {
	margin-top: 5px;
}

#crackdown_layer .cb {
	width: 100%;
	float: left;
	clear: both;
	height: 1px;
	background-color: #252525;
}

#crackdown_layer h3 {
	font-size: 20px;
	font-weight: normal;
}

#crackdown_layer .blue_bg {
	width: 100%;
	height: 80px;
	background: url('https://ssl.nexon.com/S2/game/Baram/2017/crackdown/blue_bg.png') no-repeat;
	margin-top: 20px;
	position: relative;
}

#crackdown_layer .red_bg {
	width: 100%;
	height: 80px;
	background: url('https://ssl.nexon.com/S2/game/Baram/2017/crackdown/red_bg.png') no-repeat;
	margin-top: 20px;
	position: relative;
}

#crackdown_layer .count_num {
	width: 99px;
	height: 30px;
	position: absolute;
	left: 19px;
	top: 0;
	text-align: center;
	color: #fff;
	line-height: 30px;
}

#crackdown_layer .date_num {
	width: 99px;
	height: 47px;
	position: absolute;
	left: 19px;
	top: 30px;
	text-align: center;
	color: #252525;
	line-height: 45px;
}

#crackdown_layer .server_name {
	position: absolute;
	left: 135px;
	top: 43px;
	color: #252525;
	font-size: 15px;
}

#crackdown_layer .btn {
	float: right;
	margin-top: 18px;
}

#crackdown_layer .use-list {
	overflow: hidden;
	border-bottom: 3px solid #1a1521;
}

#crackdown_layer .use-list h4 {
	position: relative;
	height: 39px;
	line-height: 39px;
	color: #fce4e7;
	text-align: center;
	background: url('https://ssl.nexon.com/S2/game/Baram/2017/crackdown/bg_tit.jpg') repeat-x;
}

#crackdown_layer .use-list h4:after,
#crackdown_layer .use-list h4:before {
	position: absolute;
	top: 15px;
	display: block;
	content: '';
	width: 33px;
	height: 9px;
	background: url('https://ssl.nexon.com/S2/game/Baram/2017/crackdown/bg_tit01.png') no-repeat 0 0;
}

#crackdown_layer .use-list h4:after {
	left: 14px;
}

#crackdown_layer .use-list h4:before {
	right: 14px;
}

#crackdown_layer .use-list ul {
	overflow: hidden;
	margin: 0 -1px -1px 0;
	list-style: none;
}

#crackdown_layer .use-list li {
	position: relative;
	float: left;
	width: 132px;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #1a1521;
	text-align: center;
	list-style: none;
}

#crackdown_layer .use-list .idmail li {
	width: 221px;
}

#crackdown_layer .use-list li:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 9px;
	background-color: #1a1521;
}

#crackdown_layer .layer-close {
	position: absolute;
	right: -90px;
	top: 0;
	overflow: hidden;
	display: block;
	width: 57px;
	height: 85px;
	text-indent: -9999px;
	background: url(https://ssl.nexon.com/S2/game/Baram/2017/crackdown/btn_layer_close.jpg) no-repeat 0 0;
}

#eventListWrap {
	z-index: 9999999;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 658px;
	text-align: center;
	margin: -400px 0 0 -329px;
	color: #fff;
	font-family: '돋움', 'dotum';
	font-size: 12px;
	background: #282d33;
}

#eventListWrap .inner {
	overflow-x: hidden;
	overflow-y: auto;
	height: 800px;
}

#eventListWrap h1 {
	margin: 0;
	background-color: #5c84cd;
}

#eventListWrap h2 {
	margin: 30px 0 15px 10px;
	padding: 0;
	font-size: 14px;
	text-align: left;
}

#eventListWrap .item_list {
	padding: 0 19px 0 20px;
	margin-bottom: 50px;
	clear: both;
	overflow: hidden;
}

#eventListWrap .item_list ul {
	*zoom: 1;
}

#eventListWrap .item_list ul:after {
	text-indent: -9999px;
	visibility: hidden;
	display: block;
	height: 0;
	content: '';
	clear: both;
}

#eventListWrap .item_list ul > li {
	float: left;
	list-style: none;
	width: 193px;
	min-height: 12px;
	text-align: center;
	border: 1px #666 solid;
	padding: 10px 3px;
	font-family: 'Malgun Gothic';
	margin: -1px -1px 0 0;
}

#eventListWrap .layer-close {
	position: absolute;
	right: -90px;
	top: 0;
	overflow: hidden;
	display: block;
	width: 57px;
	height: 85px;
	text-indent: -9999px;
	background: url(https://ssl.nexon.com/S2/game/Baram/2017/crackdown/btn_layer_close.jpg) no-repeat 0 0;
}

/* 이벤트 롤링 */
#event_inner_rolling {
	position: relative;
	width: 100%;
	max-width: 703px;
}

#event_inner_rolling .rolling_content {
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
}

#event_inner_rolling .rolling_content li {
	position: absolute;
	top: 0;
	left: 100%;
}

#event_inner_rolling .rolling_content li img {
	width: 100%;
}

#event_inner_rolling .rolling_content li.on {
	position: relative;
	left: 0;
}

#event_inner_rolling button {
	position: absolute;
	top: 50%;
	width: 62px;
	height: 62px;
	opacity: 0.6;
	text-indent: -99999px;
	background: url('https://ssl.nexon.com/s2/game/Baram/2016/renewal/btn_event_rolling.png');
	margin-top: -31px;
}

#event_inner_rolling .prev {
	display: none;
	left: 0;
}

#event_inner_rolling .next {
	right: 0;
	background-position: 100% 0;
}

#event_inner_rolling button:hover {
	opacity: 1;
}

/* new지식인 */
.knowhow_wrap {
	position: relative;
	margin-top: 40px;
	width: 100%;
}
.csp_wrap {
	position: relative;
	margin-top: 0px;
	width: 100%;
}

.csp_wrap .title_area .input_txt {
	width: 1120px !important;
}
.title_area {
	width: 100%;
	height: 36px;
	margin-bottom: 7px;
}

.title_area .select_wrap {
	height: 34px !important;
	margin-right: 7px;
}

.title_area .select_wrap a {
	color: #272525;
}

.title_area .select_wrap span {
	height: 34px;
	line-height: 34px;
}

.title_area .select_wrap ul {
	top: 34px;
	background: #fff;
}

.title_area .input_txt {
	height: 34px !important;
	line-height: 34px;
	font-size: 18px;
	color: #272525;
	outline: 0;
	text-indent: 10px;
}

.title_area .input_txt::placeholder,
.title_area .input_txt::-webkit-input-placeholder {
	color: #272525;
}

.title_area .input_txt:-ms-input-placeholder {
	color: #272525;
}

.csp_wrap .editor_area,
.knowhow_wrap .editor_area,
.balance_write .editor_area {
	position: relative;
	width: 100%;
	min-height: 519px;
}

.csp_wrap .btn_area,
.knowhow_wrap .btn_area,
.balance_write .btn_area {
	width: 100%;
	height: 42px;
	margin-top: 14px;
	text-align: right;
}

.csp_wrap .btn_area a,
.knowhow_wrap .btn_area a,
.balance_write .btn_area a {
	cursor: pointer;
}

.knowhow_wrap .search_area {
	width: 70%;
	clear: both;
	margin-top: 20px;
}

.knowhow_wrap .search_area h3 {
	width: 94px;
	text-align: left;
}

.sort_area {
	float: right;
	width: auto;
	z-index: 9;
	position: relative;
	color: #555454;
}

.sort_area ul {
	border-right: 1px solid #d9d8d8;
	height: 15px;
}

.sort_area ul li {
	width: 84px;
	border-left: 1px solid #d9d8d8;
	text-align: center;
	float: left;
	height: 100%;
}

.sort_area ul li.active {
	background-color: #f1f1f1;
}

.sort_area ul li button {
	line-height: 15px;
	font-size: 12px;
	font-family: 'NanumSquare', sans-serif;
	vertical-align: top;
}

.knowhow_wrap .sort_area {
	margin: 20px 0 0 0;
	padding: 7px 0;
}

.knowhow_wrap .board_type4 li dl dd.cate {
	float: left;
	width: 98px;
	border-right: 1px solid #ecebe9;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/arrow.png) 50% 50% no-repeat;
	font-size: 12px;
	color: #747474;
	text-align: center;
	padding-top: 9px;
	box-sizing: border-box;
}

.knowhow_wrap .board_type4 li dl dd.cate span {
	display: block;
	width: 100%;
	height: 26px;
	line-height: 26px;
}

.knowhow_wrap .board_type4 li dl dd.title {
	width: 516px;
}

.knowhow_wrap .board_type4_wrap {
	margin-bottom: 40px;
}

.knowhow_wrap .board_type4 li.result {
	border-bottom: 1px solid #ecebe9;
	text-align: center;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/noti.png) 50% 40% no-repeat;
	font-size: 20px;
	color: #3e586f;
	height: 310px;
	line-height: 310px;
	padding-top: 45px;
}

.knowhow_wrap .best_rank_top {
	position: relative;
	width: 100%;
	height: 251px;
	border: 1px solid #312b2b;
	box-sizing: border-box;
	float: none;
	margin-top: 20px;
}

.knowhow_wrap .best_rank_top .best_one {
	position: relative;
	width: 343px;
	height: 100%;
	float: left;
	background-color: #373535;
}

.knowhow_wrap .best_rank_top .best_one .king_wait {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/king_none.png) no-repeat;
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding-top: 130px;
	box-sizing: border-box;
}

.knowhow_wrap .best_rank_top .go_write {
	position: relative;
	width: 785px;
	height: 100%;
	float: left;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/god.png) 63px 50% no-repeat;
	box-sizing: border-box;
	padding: 52px 55px 0 215px;
}

.knowhow_wrap .best_rank_top .go_write h3 {
	font-size: 20px;
	color: #1c1919;
	line-height: 28px;
	margin-bottom: 20px;
}

.knowhow_wrap .best_rank_top .go_write p {
	font-size: 14px;
	color: #747474;
	line-height: 20px;
}

.knowhow_wrap .best_rank_top .go_write p strong {
	color: #fbfbfb;
	background-color: #c03737;
	font-weight: normal;
	padding: 0 1px;
}

.knowhow_wrap .best_rank_top .go_write p span {
	color: #c03737;
}

/*.knowhow_wrap .best_rank_top .go_write .btn_write{position:absolute;right:57px;top:52px;width:144px;height:91px;text-indent:-100000px;overflow:hidden;background:url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/btn_write_v2.png) no-repeat}*/
.knowhow_wrap .best_rank_top .go_write .btn_write {
	position: absolute;
	right: 57px;
	top: 52px;
	width: 144px;
	height: 145px;
	text-indent: -100000px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/btn_write.png) no-repeat;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.knowhow_wrap .best_rank_top .go_write .btn_write:hover,
.knowhow_wrap .best_rank_top .go_write .btn_write:focus {
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/btn_write_over.png) no-repeat;
}

.knowhow_wrap .best_rank_top .go_write .btn_my {
	display: none;
	position: absolute;
	top: 147px;
	right: 57px;
	width: 144px;
	height: 49px;
	text-indent: -100000px;
	overflow: hidden;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/btn_my.png) no-repeat;
}

.knowhow_wrap .tab_area {
	position: relative;
	width: 100%;
	height: 56px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/tab_20200611.png) no-repeat;
}

.knowhow_wrap .tab_area li {
	float: left;
	width: 376px;
	height: 100%;
	background-color: #fff;
}

.knowhow_wrap .tab_area li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -100000px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/tab_20200611.png) no-repeat;
}

.knowhow_wrap .tab_area li.tab01 a {
	background-position: 0 0;
}

.knowhow_wrap .tab_area li.tab02 a {
	background-position: -376px 0;
}

.knowhow_wrap .tab_area li.tab03 a {
	background-position: -753px 0;
}

.knowhow_wrap .tab_area li.tab01 a:hover,
.knowhow_wrap .tab_area li.tab01.active a {
	background-position: 0 -57px;
}

.knowhow_wrap .tab_area li.tab02 a:hover,
.knowhow_wrap .tab_area li.tab02.active a {
	background-position: -376px -57px;
}

.knowhow_wrap .tab_area li.tab03 a:hover,
.knowhow_wrap .tab_area li.tab03.active a {
	background-position: -753px -57px;
}

.knowhow_wrap .old_list {
	position: absolute;
	left: 0;
	top: -30px;
	border: 1px solid #dedede;
	padding: 4px 10px;
	font-size: 12px;
	letter-spacing: -0.075em;
}

.knowhow_wrap .old_list a {
	color: #4e4c4c;
}

.knowhow_wrap .old_list img {
	vertical-align: middle;
	margin-left: 2px;
}

.knowhow_wrap .answer {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}

.knowhow_wrap .answer li {
	border-top: 1px solid #000;
	height: 41px;
	background-color: #3d3838;
	line-height: 41px;
}

.knowhow_wrap .answer li span.tit {
	width: 157px;
	height: 40px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/bg.png) no-repeat;
	display: inline-block;
	color: #c5a686;
	text-align: center;
	padding: 0;
}

.knowhow_wrap .answer li span {
	color: #fff;
	padding-left: 45px;
	font-size: 14px;
}

.knowhow_wrap .answer li span a {
	background: #2d2727 url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/eye.png) 3px 50% no-repeat;
	color: #7b7474;
	padding: 3px 5px 3px 20px;
	font-size: 12px;
	margin-left: 7px;
}

.knowhow_wrap .answer li span a:hover,
.knowhow_wrap .answer li span a:focus {
	background: #9b4645 url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/eye_over.png) 3px 50% no-repeat;
	color: #000;
}

.knowhow_wrap .myinfo {
	position: absolute;
	width: 226px;
	height: 110px;
	top: 36px;
	right: 0;
	text-align: center;
}

.knowhow_wrap .myinfo .crown {
	position: absolute;
	left: 0;
	top: -10px;
	width: 100%;
	height: 13px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/crown.png) center 0 no-repeat;
}

.knowhow_wrap .myinfo p {
	font-size: 12px;
	color: #9e9e9e;
	margin-top: 10px;
}

.knowhow_wrap .myinfo p strong {
	font-weight: normal;
	font-size: 16px;
	color: #fff;
}

.knowhow_wrap .date {
	position: absolute;
	left: 39px;
	top: 36px;
	width: 78px;
	height: 110px;
}

.knowhow_wrap .date span {
	display: block;
	font-size: 18px;
}

.knowhow_wrap .date span.y {
	color: #e8e8e8;
	line-height: 18px;
}

.knowhow_wrap .date span.y em {
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #a18c6d;
	vertical-align: middle;
	margin-left: 5px;
}

.knowhow_wrap .date span.m {
	color: #e8e8e8;
	font-size: 43px;
	margin: 7px 0 10px 0;
}

.knowhow_wrap .date span.m em {
	font-size: 14px;
	color: #a18c6d;
	font-style: normal;
	margin-left: 5px;
}

.knowhow_wrap .date span.king {
	color: #c4a26e;
	border-top: 1px solid #a18c6d;
	border-bottom: 1px solid #a18c6d;
	padding: 8px 0 6px 25px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/bul.png) 0 50% no-repeat;
}

.con_wrap .sns_wrap {
	margin: 17px 0;
	width: auto;
	float: right;
	padding-right: 20px;
	box-sizing: border-box;
}

.con_wrap .sns_wrap img {
	vertical-align: top;
}

.knowhow_wrap .sns_wrap02 {
	float: left !important;
}

.con_wrap .v_layer_l_con .info_area .prev_info a,
.con_wrap .v_layer_l_con .info_area .next_info a {
	font-size: 12px;
}

.con_wrap .v_layer_l_con .info_area .prev_info {
	width: 73px;
	border: 0;
	height: 100%;
	margin-top: 0;
}

.con_wrap .v_layer_l_con .info_area .next_info {
	width: 72px;
	border: 0;
	height: 100%;
}

.con_wrap .v_layer_l_con .info_area .next_info div,
.con_wrap .v_layer_l_con .info_area .next_info span {
	border: 0;
}

.con_wrap .v_layer_head,
.con_wrap .v_layer_l_con,
.con_wrap .v_layer_l_con_wrap {
	width: 100%;
	border-right: 0;
}

.con_wrap .v_layer_head h1 {
	position: relative;
	max-width: 760px;
	line-height: 1.3;
	margin: 42px 0 17px 40px;
}

.con_wrap .v_layer_head h1 em {
	height: 17px;
	position: absolute;
	top: -19px;
	left: 0;
}

.con_wrap .v_layer_head .board_info_top {
	width: 1090px;
	padding-right: 40px;
}

.con_wrap .v_layer_head .board_info_top_id {
	margin-left: 40px;
}

.con_wrap .v_layer_head .board_info_top_id img {
	float: none;
	vertical-align: top;
}

.con_wrap .v_layer_head .count_wraper {
	min-width: 60px;
	width: auto;
	margin-top: 20px;
	margin-right: 0 !important;
	border-color: #ddd;
	padding: 0 10px;
}

.con_wrap .v_layer_head .count_wraper:nth-child(2) {
	border-right: 1px solid #ddd !important;
}

.con_wrap .v_layer_contents {
	min-height: 81px;
	padding: 0 40px;
	box-sizing: border-box;
	margin: 33px 0;
	overflow: hidden;
}

.con_wrap .v_layer_contents * {
	font-family: 'Malgun Gothic', sans-serif;
}

.knowhow_wrap .v_layer_head h1 em {
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/IR_btn.png) 0 -88px no-repeat;
	width: 58px;
}

/*tab_menu9 _lhw*/
.tab_menu9 {
	width: 100%;
	height: 103px;
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/tab_menu_bg.jpg') center top no-repeat;
	margin: 28px 0 0 0;
	position: relative;
	min-width: 1130px;
}

.tab_menu9 > ul {
	z-index: 2;
	position: relative;
}

.tab_menu9 > ul > li {
	float: left;
	line-height: 52px;
	width: 12.5%;
	color: #a18c6d;
	font-size: 18px;
	text-align: center;
	box-sizing: border-box;
	height: auto;
}

.tab_menu9 > ul > li:last-child a {
	border-right: 0;
}

.tab_menu9 > ul > li a {
	color: #a18c6d;
	width: 100%;
	display: block;
	height: 100%;
	border-right: 1px solid #e7e5e3;
}

.tab_menu9 ul > li.on a,
.tab_menu9 ul > li a:hover,
.tab_menu9 ul > li.on li a:hover,
.tab_menu9 ul ul li a:hover,
.tab_menu9 ul li li.active a,
.tab_menu9 ul > li.on li.active a {
	color: #000;
	font-weight: bold;
}

.tab_menu9 .tab_menu_flow {
	top: 52px;
	bottom: inherit;
	width: 12.5%;
	z-index: 1;
}

.tab_menu9 > ul ul {
	border: 1px solid #000;
	margin-top: 5px;
	padding: 10px 0 10px 25px;
	background-color: #fff;
	display: none;
}

.tab_menu9 > ul ul li {
	display: block;
	line-height: 20px;
	width: 100%;
	font-size: 12px;
	text-align: left;
	height: 20px;
}

.tab_menu9 ul > li.on li a,
.tab_menu9 > ul ul li a {
	color: #767676;
	border: 0;
}

.con_wrap .v_layer_l_con .info_area {
	position: relative;
	width: 100%;
	height: 84px;
	box-sizing: border-box;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background-color: #f1f1f1;
	clear: both;
}

.con_wrap .info_area .btn_group {
	width: auto;
	padding: 20px 40px 0 0;
	float: right;
	font-size: 0;
}

.con_wrap .info_area .btn_group a {
	display: inline-block;
	width: 98px;
	height: 42px;
	text-indent: -100000px;
	margin-left: 5px;
	font-size: 0;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/IR_btn.png) no-repeat;
}

.con_wrap .info_area .btn_group a.btn_modi {
	background-position: 0 -44px;
}

.con_wrap .info_area .btn_group a.btn_modi:hover,
.con_wrap .info_area .btn_group a.btn_modi:focus {
	background-position: 0 0;
}

.con_wrap .info_area .btn_group a.btn_del {
	background-position: -103px -44px;
}

.con_wrap .info_area .btn_group a.btn_del:hover,
.con_wrap .info_area .btn_group a.btn_del:focus {
	background-position: -103px 0;
}

.con_wrap .info_area .btn_group a.btn_lst {
	background-position: -206px -44px;
}

.con_wrap .info_area .btn_group a.btn_lst:hover,
.con_wrap .info_area .btn_group a.btn_lst:focus {
	background-position: -206px 0;
}

.con_wrap .info_area .btn_group a.btn_qst {
	background-position: -309px -44px;
	width: 248px;
}

.con_wrap .info_area .btn_group a.btn_qst:hover,
.con_wrap .info_area .btn_group a.btn_qst:focus {
	background-position: -309px 0;
}

.con_wrap .info_area .btn_group .btn_write {
	width: 248px;
	background-position: -572px 0;
}

.con_wrap .info_area .btn_group .btn_write:hover,
.con_wrap .info_area .btn_group .btn_write:focus {
	background-position: -572px -45px;
}

.knowhow_wrap .cmt_edit {
	position: relative;
	width: 100%;
	padding-top: 80px;
	float: left;
	border-top: 1px solid #c8c8c8;
}

.knowhow_wrap .cmt_edit h2 {
	font-size: 25px;
	font-weight: normal;
	color: #000;
	padding-left: 37px;
	margin-bottom: 15px;
	line-height: 25px;
	position: relative;
}

.knowhow_wrap .cmt_edit h2 em {
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/IR_btn.png) 0 -107px no-repeat;
	width: 45px;
	height: 17px;
	display: inline-block;
	position: absolute;
	top: -20px;
	left: 40px;
}

.knowhow_wrap .cmt_edit .login_area {
	padding: 40px 0;
	background-color: #f5f5f5;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	text-align: center;
	color: #000;
	font-size: 18px;
}

.knowhow_wrap .cmt_edit .edit_area {
	position: relative;
	padding: 1px 40px 20px 40px;
	background-color: #f5f5f5;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.knowhow_wrap .cmt_edit .edit_area #emoLayerS {
	right: 40px;
}

.knowhow_wrap .cmt_edit .btn_group {
	float: inherit;
	padding-right: 0;
	text-align: right;
}

.knowhow_wrap .btn_group a.btn_ok {
	background-position: -355px -88px;
}

.knowhow_wrap .btn_group a.btn_ok:hover,
.knowhow_wrap .btn_group a.btn_ok:focus {
	background-position: -355px -132px;
}

.knowhow_wrap .btn_group a.btn_canc {
	background-position: -458px -88px;
}

.knowhow_wrap .btn_group a.btn_canc:hover,
.knowhow_wrap .btn_group a.btn_canc:focus {
	background-position: -458px -132px;
}

.con_wrap .reply_list_wrap {
	position: relative;
}

.con_wrap .reply_list_wrap h2 {
	position: relative;
	font-size: 25px;
	font-weight: normal;
	color: #000;
	margin-left: 40px;
	line-height: 25px;
}

.con_wrap .reply_list_wrap h2 em {
	position: absolute;
	top: -20px;
	left: 0;
	height: 17px;
}

.knowhow_wrap .reply_list_wrap {
	margin-top: 93px;
}

.knowhow_wrap .reply_list_wrap h2 {
	margin-bottom: 15px;
}

.knowhow_wrap .reply_list_wrap h2 em {
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/IR_btn.png) 0 -126px no-repeat;
	width: 72px;
}

.knowhow_wrap .reply_list_count {
	width: auto;
	float: none;
	padding: 0;
	background: transparent;
	position: absolute;
	top: 0;
	left: 270px;
	line-height: 25px;
}

.knowhow_wrap .reply_list2 {
	border-top: 1px solid #dedede;
}

.knowhow_wrap .reply_list2 li {
	width: 100%;
	padding: 25px 35px;
	border: 0;
	border-bottom: 1px solid #dedede;
	position: relative;
	box-sizing: border-box;
	margin-bottom: 0;
}

.knowhow_wrap .reply_list2 li.on {
	border: 5px solid #9b4645;
}

.knowhow_wrap .reply_list2 li dd.btn {
	height: 19px;
}

.knowhow_wrap .reply_list2 li dd button {
	background: #626262 url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/bg_btn.png) repeat;
	display: inline-block;
	width: 29px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	letter-spacing: -1px;
}

.knowhow_wrap .reply_time,
.balance_view .reply_time {
	padding-left: 0;
	color: #a18c6d;
	background: transparent;
}

.knowhow_wrap .reply_date,
.balance_view .reply_date {
	padding-left: 12px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/clock_bg2.jpg') left center no-repeat;
}

.knowhow_wrap .coment_more_wrap2 {
	background-color: #ededed;
	padding: 0;
	margin-top: 18px;
	text-align: center;
	height: 44px;
}

.knowhow_wrap .coment_more_wrap2 a {
	display: block;
}

.knowhow_wrap .coment_more_wrap2 img {
	vertical-align: top;
}

.knowhow_wrap .coment_more_wrap2 .more_count2,
.balance_view .coment_more_wrap2 .more_count2 {
	top: 0;
	height: 44px;
	line-height: 46px;
	font-family: 'NanumSquare';
}

.knowhow_wrap .coment_more_wrap2 .more_count2 {
	right: 605px;
}

.knowhow_wrap .king_mark {
	position: absolute;
	width: 184px;
	height: 38px;
	top: 25px;
	left: 235px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/king_mark.png) no-repeat;
}

.knowhow_wrap .king_mark span {
	line-height: 38px;
	display: inline-block;
	font-size: 18px;
	color: #2e2828;
	margin: 0 5px;
}

.knowhow_wrap .opi_group {
	position: absolute;
	right: 0;
	top: 25px;
	width: 195px;
	font-size: 0;
}

.knowhow_wrap .opi_group button {
	display: inline-block;
	width: 44px;
	height: 43px;
	margin-right: 7px;
	text-indent: -100000px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/IR_btn.png) -208px -88px no-repeat;
}

.knowhow_wrap .opi_group button.btn_noti {
	background-position: -208px -88px;
}

.knowhow_wrap .opi_group button.btn_noti:hover,
.knowhow_wrap .opi_group button.btn_noti:focus {
	background-position: -208px -133px;
}

.knowhow_wrap .opi_group button.btn_up {
	background-position: -269px -88px;
}

.knowhow_wrap .opi_group button.btn_up:hover,
.knowhow_wrap .opi_group button.btn_up:focus {
	background-position: -269px -133px;
}

.knowhow_wrap .opi_group p {
	display: inline-block;
	font-size: 16px;
	color: #797272;
	border-left: 1px dotted #7f7f7f;
	padding-left: 7px;
	height: 17px;
	line-height: 14px;
	letter-spacing: -0.075em;
}

.knowhow_wrap .char_info {
	position: relative;
	width: 262px;
	height: 56px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/char_info.png) no-repeat;
	float: right;
	margin: 20px 0 10px 0;
	font-size: 0;
}

.knowhow_wrap .char_info .c_name {
	padding-left: 22px;
	width: 148px;
	display: inline-block;
	height: 100%;
	font-size: 20px;
	color: #373535;
}

.knowhow_wrap .char_info .c_date {
	width: 92px;
	text-align: center;
	display: inline-block;
	height: 100%;
	font-size: 12px;
	color: #706d6d;
}

.knowhow_wrap .char_info .c_name span {
	display: block;
	line-height: 25px;
}

.knowhow_wrap .char_info em {
	font-style: normal;
	font-size: 12px;
	color: #706d6d;
}

.knowhow_wrap .char_info .c_date span {
	display: block;
	line-height: 25px;
	font-size: 12px;
}

.knowhow_wrap .char_info .c_date span.mon {
	color: #272525;
	font-size: 25px;
}

.knowhow_wrap .char_info .c_date em {
	font-size: 14px;
	margin-left: 3px;
}

.knowhow_wrap .re_view {
	border-right: 1px solid #ecebe9;
	width: 172px;
	float: left;
	background: #f9f9f9 url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/dot.png) 0 50% no-repeat;
	text-align: center;
}

.knowhow_wrap .re_view a {
	padding-left: 50px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/answer.png) 0 50% no-repeat;
	color: #272525;
	font-size: 13px;
	line-height: 14px;
	height: 20px;
	display: inline-block;
}

.knowhow_wrap .re_view a:hover,
.knowhow_wrap .re_view a:focus {
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/answer_over.png) 0 50% no-repeat;
	color: #c23c3c;
}

.knowhow_wrap .re_up {
	background-color: #f9f9f9;
	width: 90px;
	float: left;
	font-size: 12px;
	color: #b29f89;
	text-align: center;
	line-height: 52px;
}

.knowhow_wrap .re_up strong {
	color: #797272;
	font-size: 18px;
	font-weight: normal;
}

.knowhow_wrap .re_up span {
	height: 20px;
	display: block;
}

.knowhow_wrap .board_type4 li dl dd.title.re {
	width: 498px;
}

.knowhow_wrap .king_wang {
	position: relative;
	width: 100%;
	margin-top: 65px;
	overflow: hidden;
}

.knowhow_wrap .king_wang h4 {
	line-height: 27px;
	font-size: 25px;
	font-weight: normal;
	color: #000;
	margin-bottom: 20px;
}

.knowhow_wrap .king_wang h4 em {
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #a18c6d;
	vertical-align: middle;
	margin-left: 5px;
}

.knowhow_wrap .king_list {
	position: relative;
	width: 1179px;
	height: auto;
	float: left;
}

.knowhow_wrap .king_list > li {
	position: relative;
	width: 343px;
	height: 269px;
	float: left;
	margin: 0 50px 50px 0;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/bg_kinglist.png) no-repeat;
}

.knowhow_wrap .king_list > li.result {
	background: transparent;
	width: 1129px;
	border-top: 1px solid #ecebe9;
	border-bottom: 1px solid #ecebe9;
	padding: 175px 0 80px 0;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/noti.png) center 40% no-repeat;
	height: auto;
	text-align: center;
	line-height: 35px;
	color: #3e586f;
	font-size: 20px;
}

.knowhow_wrap .king_list .answer li {
	border: 0;
	background: transparent;
}

.knowhow_wrap .king_list .answer li span.tit {
	background: transparent;
	color: #484848;
}

.knowhow_wrap .king_list .answer li span {
	color: #373535;
}

.knowhow_wrap .king_list .date span.y,
.knowhow_wrap .king_list .date span.m,
.knowhow_wrap .king_list .myinfo p strong {
	color: #373535;
}

.knowhow_wrap .king_list .answer li span a {
	background: #d5d5d5 url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/eye2.png) 3px 50% no-repeat;
	color: #4f4f4f;
}

.knowhow_wrap .king_list .answer li span a:hover,
.knowhow_wrap .king_list .answer li span a:focus {
	color: #fff;
}

.knowhow_wrap .king_wang .king_old {
	position: absolute;
	top: 5px;
	right: 0;
}

.knowhow_wrap .king_wang .king_old select {
	position: relative;
	top: 0;
	left: 0;
	font-size: 14px;
	color: #2e2828;
}

.knowhow_wrap .king_how {
	position: relative;
	width: 100%;
	margin-top: 65px;
	overflow: hidden;
	/* background: url(https://lwi.nexon.com/baram/home/knowhow/king_how_v4_2921DCDC.png) 8px 27px no-repeat; */
	color: #272525;
	font-size: 14px;
}

.knowhow_wrap .king_how h4 {
	line-height: 27px;
	font-size: 22px;
	font-weight: normal;
	color: #000;
	width: 165px;
	border: 1px solid #ecebe9;
	float: left;
	padding-left: 20px;
	margin-right: 42px;
}

.knowhow_wrap .king_how h4 em {
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #a18c6d;
	vertical-align: middle;
	margin-left: 5px;
}

.knowhow_wrap .king_how .sec {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 45px;
	display: flex;
}
.knowhow_wrap .king_how .sec:before {
	content: '';
	display: block;
	position: absolute;
	background-image: url(https://lwi.nexon.com/baram/home/knowhow/king_how_v4_2921DCDC.png);
}

.knowhow_wrap .king_how .sec h4,
.knowhow_wrap .king_how .sec ul,
.knowhow_wrap .king_how .sec ol {
	float: left;
}
.knowhow_wrap .king_how .sec1:before {
	width: 30px;
	height: 28px;
	top: 27px;
	left: 25px;
	background-position: -17px 0;
}
.knowhow_wrap .king_how .sec2:before {
	width: 26px;
	height: 27px;
	top: 27px;
	left: 28px;
	background-position: -20px -182px;
}
.knowhow_wrap .king_how .sec3:before {
	width: 21px;
	height: 28px;
	top: 29px;
	left: 27px;
	background-position: -21px -568px;
}
.knowhow_wrap .king_how .sec4:before {
	width: 48px;
	height: 32px;
	top: 21px;
	left: 8px;
	background-position: 0px -736px;
}

.knowhow_wrap .king_how .sec1 h4 {
	padding-top: 62px;
	height: 70px;
}

.knowhow_wrap .king_how .sec2 h4 {
	padding-top: 62px;
	/* height: 278px; */
}

.knowhow_wrap .king_how .sec1 li {
	line-height: 18px;
	text-indent: -13px;
	padding: 6px 0 0 13px;
}

.knowhow_wrap .king_how .sec1 li span {
	color: #888888;
}

.knowhow_wrap .king_how .sec2 .sec2_inner {
	float: left;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.knowhow_wrap .king_how .sec2 .sec2_inner .sec2_list {
	margin: 13px auto 0;
	width: 616px;
	height: 205px;
	background: url(https://lwi.nexon.com/baram/home/knowhow/char_add_all.jpg) center center no-repeat;
}
.knowhow_wrap .king_how .sec2 .sec2_inner table {
	border: 1px solid #ecebe9;
	width: 100%;
	text-align: center;
}
.knowhow_wrap .king_how .sec2 .sec2_inner table tbody tr {
	height: 42px;
}
.knowhow_wrap .king_how .sec2 .sec2_inner table tbody tr:nth-child(3) td:after {
	content: '';
	display: inline-block;
	width: 451px;
	height: 211px;
	margin-top: 14px;
	background: url(https://lwi.nexon.com/baram/home/knowhow/char_add_3.jpg) center center no-repeat;
}
.knowhow_wrap .king_how .sec2 .sec2_inner table tbody tr th {
	padding: 15px 0;
	box-sizing: border-box;
	border: 1px solid #ecebe9;
	font-weight: 400;
	vertical-align: middle;
}
.knowhow_wrap .king_how .sec2 .sec2_inner table tbody tr td {
	padding: 15px 0;
	box-sizing: border-box;
	border: 1px solid #ecebe9;
}
.knowhow_wrap .king_how .sec2 ul {
	width: 886px;
	position: relative;
	border-top: 1px solid #ecebe9;
	border-bottom: 1px solid #ecebe9;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 14px;
}

.knowhow_wrap .king_how .sec2 ul li {
	position: relative;
	height: 44px;
	box-sizing: border-box;
	white-space: nowrap;
	/* line-height:20px; */
	outline: 1px solid #ecebe9;
	width: 33.33%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.knowhow_wrap .king_how .sec2 .sec2_inner > p {
	background-color: #373535;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

/* .knowhow_wrap .king_how .sec2 ul li.l1{width:233px;padding-top:38px;padding-left:55px}
.knowhow_wrap .king_how .sec2 ul li.l2{width:342px;padding-top:23px;padding-left:147px}
.knowhow_wrap .king_how .sec2 ul li.l3{width:311px;padding-top:38px;padding-left:139px}
.knowhow_wrap .king_how .sec2 ul li.l4{width:233px;padding-top:41px;padding-left:55px}
.knowhow_wrap .king_how .sec2 ul li.l5{width:342px;padding-top:41px;padding-left:147px}
.knowhow_wrap .king_how .sec2 ul li.l6{width:311px;padding-top:41px;padding-left:139px}
.knowhow_wrap .king_how .sec2 ul li.l7{width:233px;padding-top:43px;padding-left:55px}
.knowhow_wrap .king_how .sec2 ul li.l8{width:342px;padding-top:43px;padding-left:147px}
.knowhow_wrap .king_how .sec2 ul li.l9{width:311px;padding-top:41px;padding-left:139px}
.knowhow_wrap .king_how .sec2 ul li.l7 em{position:absolute;left:151px;top:23px;width:53px;height:32px;background:url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/ico_new.png) no-repeat}
.knowhow_wrap .king_how .sec2 ul li.l8 em{position:absolute;left:245px;top:23px;width:53px;height:32px;background:url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/ico_hot.png) no-repeat}
.knowhow_wrap .king_how .sec2 ul li.l9 em{position:absolute;left:210px;top:23px;width:53px;height:32px;background:url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/ico_hot.png) no-repeat} */

.knowhow_wrap .king_how .best_box {
	float: left;
	box-sizing: border-box;
	width: 900px;
	border: 1px solid #d5d5d5;
	padding: 25px 0 20px 100px;
	margin-top: 20px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/ico_best.png) 26px 43px no-repeat;
}

.knowhow_wrap .king_how .best_box h5 {
	float: left;
	width: 220px;
	height: 100%;
	font-size: 31px;
	color: #474242;
	line-height: 80px;
	padding-top: 22px;
}

.knowhow_wrap .king_how .best_box ol {
	float: left;
}

.knowhow_wrap .king_how .best_box ol li {
	text-indent: -16px;
	padding-left: 16px;
	line-height: 25px;
}

.knowhow_wrap .king_how .best_box ol li strong {
	font-weight: normal;
	color: #d44a4a;
}

.knowhow_wrap .king_how .sec3 h4,
.knowhow_wrap .king_how .sec4 h4 {
	height: 63px;
	padding-top: 64px;
}

.knowhow_wrap .king_how .sec3 li,
.knowhow_wrap .king_how .sec4 li {
	line-height: 18px;
	padding-top: 6px;
}

.knowhow_wrap .king_how li strong {
	color: #d44a4a;
	font-weight: normal;
}

.knowhow_wrap .king_noti {
	position: relative;
	padding: 25px 0 25px 30px;
	overflow: hidden;
	border: 1px solid #312b2b;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/best_con_bg.jpg) repeat;
	font-size: 12px;
	color: #272525;
}

.knowhow_wrap .king_noti h4 {
	line-height: 27px;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	width: 155px;
	height: 300px;
	border-right: 1px solid #312b2b;
	float: left;
}

.knowhow_wrap .king_noti ol {
	line-height: 20px;
	padding-left: 45px;
	float: left;
}

.knowhow_wrap .king_noti li {
	padding-left: 14px;
	text-indent: -14px;
}

.knowhow_wrap .king_noti ol ul strong {
	font-weight: normal;
	color: #d44a4a;
}

.csp_wrap .edSec,
.knowhow_wrap .edSec,
.balance_write .edSec {
	border-left: 0 !important;
	border-right: 0 !important;
	height: 512px;
	width: auto;
}

.csp_wrap .editWindow,
.knowhow_wrap .editWindow,
.balance_write .editWindow {
	width: 1130px;
	height: 450px;
	padding: 0;
}

.knowhow_wrap .cmt_edit .edSec {
	height: 300px !important;
	border-top: 0;
}

.knowhow_wrap .cmt_edit .editWindow {
	height: 250px !important;
}

.knowhow_wrap .cmt_edit .editor_area {
	min-height: 320px !important;
}

.knowhow_wrap .ico_best {
	display: inline-block;
	width: 31px;
	height: 13px;
}

.knowhow_wrap .ico_best img {
	vertical-align: top;
}

.knowhow_wrap h1 .ico_best img {
	vertical-align: middle;
}

.knowhow_wrap .btn_group_left a {
	display: inline-block;
	width: 98px;
	height: 31px;
	text-indent: -100000px;
	margin-left: 5px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/IR_btn2.png) no-repeat;
}

.knowhow_wrap .btn_group_left a.btn_modi {
	background-position: -220px 0;
}

.knowhow_wrap .btn_group_left a.btn_del {
	background-position: -322px 0;
}

.knowhow_wrap .btn_group_left a.btn_lst {
	background-position: 0 0;
}

.knowhow_wrap .btn_group_left a.btn_qst {
	background-position: -103px 0;
	width: 112px;
}
.answer_area {
	width: auto;
	padding: 18px 20px 0 0;
	float: right;
}
.knowhow_wrap .answer_area {
	width: auto;
	padding: 18px 20px 0 0;
	float: right;
	text-align: right;
	font-size: 18px;
	color: #000;
	line-height: 45px;
}

.knowhow_wrap .answer_area .btn_answer {
	display: inline-block;
	width: 252px;
	height: 45px;
	text-indent: -100000px;
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/IR_btn2.png) 0 -81px no-repeat;
}

.knowhow_wrap .answer_area .btn_answer:hover {
	background-position: 0 -34px;
}

.knowhow_wrap .answer_area em {
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/IR_btn.png) 0 -107px no-repeat;
	width: 45px;
	height: 17px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.con_wrap .v_layer_head {
	position: relative;
}

.con_wrap .v_layer_head .cate_area {
	position: absolute;
	bottom: 76px;
	right: 40px;
	border: 1px solid #d4d4d4;
	background-color: #fff;
	padding: 0 10px;
	font-size: 14px;
	color: #932424;
}

.con_wrap .v_layer_head .cate_area span {
	display: inline-block;
	line-height: 27px;
}

.con_wrap .v_layer_head .cate_area span.c1 {
	color: #747474;
}

.con_wrap .v_layer_head .cate_area span.c1,
.balance_view .v_layer_head .cate_area span.c2 {
	background: url(https://ssl.nexon.com/S2/Game/baram/2016/renewal/knowhow2018/line_right.png) right 50% no-repeat;
	padding-right: 24px;
}

.con_wrap .v_layer_head .cate_area span.c2,
.balance_view .v_layer_head .cate_area span.c3 {
	padding-left: 5px;
}

.con_wrap .v_layer_l_con .btn_group_left {
	width: auto;
	padding: 25px 0 0 40px;
	float: left;
	font-size: 0;
}

/* cody style */
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
@keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}

.deemed_i {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 9px;
}

.vl_loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 25px;
	margin: -13px 0 0 -13px;
}

.c_loader,
.c_loader:before,
.c_loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.c_loader {
	color: #c29a67;
	font-size: 10px;
	margin: 0 auto;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.c_loader:before,
.c_loader:after {
	content: '';
	position: absolute;
	top: 0;
}
.c_loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.c_loader:after {
	left: 3.5em;
}

.cody_wrap {
	position: relative;
}

.cp_b {
	position: absolute;
	top: 0px;
	width: 332px;
}

.cp_b.sticky {
	position: fixed;
	top: 239px;
}

.c_preview {
	overflow: hidden;
	width: 332px;
	height: auto;
	background: url('https://lwi.nexon.com/baram/home/cody/v_show_room_dark.jpg') no-repeat;
	float: left;
	margin-top: 15px;
}
.c_preview.w {
	background-image: url('https://lwi.nexon.com/baram/home/cody/v_show_room_white.jpg');
}

.cp_view {
	position: relative;
	width: 100%;
	height: 304px;
}

.cv_btn {
	position: absolute;
	top: 10px;
	left: 103px;
	overflow: hidden;
}

.cv_btn button {
	display: block;
	float: left;
	width: 62px;
	height: 34px;
	padding-left: 18px;
	font-size: 14px;
	color: #b7a7aa;
	line-height: 34px;
}

.cv_btn button.cv_man {
	margin-right: 1px;
	background: url('https://lwi.nexon.com/baram/home/cody/cv_bg.png') no-repeat;
}
.cv_btn button.cv_woman {
	background: url('https://lwi.nexon.com/baram/home/cody/cv_bg.png') 100% 0 no-repeat;
}

.cv_btn button:hover,
.cv_btn button.on {
	background-position-y: 100%;
	color: #fff;
}

.cv_avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.cv_avatar img.cv_img {
	object-fit: cover;
	justify-content: center;
}

.cp_btn {
	display: flex;
	position: relative;
	width: 331px;
	height: 40px;
	border: 1px solid #232020;
	background-color: #232020;
	border-top: 0;
}
.cp_btn button {
	display: block;
	width: 82px;
	height: 100%;
	background: #6a6062;
	color: #fff;
}
.cp_btn .cp_gif button {
	width: 83px;
}

.cp_btn button:hover,
.cp_btn button.ov {
	background: #8b8383;
}
.no_h::before {
	display: none;
	content: '투구 OFF상태입니다. 버튼을 클릭해서 상태를 변경해보세요.';
	position: absolute;
	top: -23px;
	left: -166px;
	width: 332px;
	height: 23px;
	background: black;
	color: #c29a67;
	line-height: 23px;
	font-size: 12px;
	text-align: center;
}
.cp_arr_msg {
	display: none;
	position: absolute;
	top: -23px;
	left: 0;
	width: 332px;
	height: 23px;
	background: black;
	color: #c29a67;
	line-height: 23px;
	font-size: 12px;
	text-align: center;
}
.cp_arr_msg.no_h {
	display: block;
}
.cp_arr {
	position: relative;
	border-right: 1px solid #232020;
}

.cp_zb {
	position: relative;
	border-right: 1px solid #232020;
}
.cp_gif {
	position: relative;
}
.cp_util {
	overflow: hidden;
	margin-top: 11px;
	width: 100%;
	float: left;
}

.cp_util button {
	border: 1px solid #e0d8cf;
	background: #fff;
	font-size: 15px;
	line-height: 130%; /* 19.5px */
	letter-spacing: -0.675px;
	font-family: 'NanumSquare', sans-serif;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
}
.cp_util button::before {
	content: '';
}
.cp_util button.cp_d {
	float: right;
	width: 165px;
	height: 33px;
	color: #c54646;
}
.cp_util button.cp_d::before {
	width: 19px;
	height: 21px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' fill='none'%3E%3Cpath stroke='%23C54646' stroke-width='1.5' d='M0 3.5h9.5m9.5 0H9.5m0-3.5v3.5M2 3.486V20h15V3M12.5 7v10M6.5 7v10'/%3E%3C/svg%3E")
		no-repeat;
}
.cp_util button.cp_d:hover {
	border-color: #c13a3a;
}

.cp_util button.cp_r {
	float: left;
	width: 165px;
	height: 33px;
}
.cp_util button.cp_r::before {
	width: 17px;
	height: 16px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' fill='none'%3E%3Cpath stroke='%23433C3C' stroke-width='1.5' d='M12.5 5.5h-9 9ZM12.5 5.5c2.125 0 4 1.995 4 5s-1.875 5-4 5M12.5 15.5H.5h12ZM7.5 1.5l-4 4 4 4'/%3E%3C/svg%3E")
		no-repeat;
}
.cp_util button.cp_r:hover {
	border-color: #423b3b;
}

.cp_bg {
	position: relative;
	border-right: 1px solid #232020;
}

.cp_btn button + ul {
	width: calc(100% - 1px);
	position: absolute;
	left: 0px;
	bottom: 40px;
	border: 1px solid #232020;
	border-bottom: 0;
	background: rgba(70, 63, 63, 0.8);
	backdrop-filter: blur(10px);
	z-index: 100;
	display: none;
}
.cp_btn button + ul li {
	width: 100%;
	height: 29px;
	border-bottom: 1px solid #232020;
	position: relative;
	font-size: 13px;
}
.cp_btn button + ul li a {
	font-size: 13px;
	color: #9f9492;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cp_btn button + ul li a:hover,
.cp_btn button + ul li.active a {
	color: #fff;
	background: rgba(228, 111, 7, 0.8);
}

.av_arr {
	position: absolute;
	left: 0;
	width: 100%;
	top: 254px;
	display: flex;
	gap: 2px;
	align-items: center;
	justify-content: center;
}
.av_arr li {
	width: 21px;
	height: 21px;
	background: url('https://lwi.nexon.com/baram/home/cody/cody_ar_spr_btn.png') no-repeat;
}
.av_arr li a {
	width: 100%;
	height: 100%;
	float: left;
	font-size: 0;
}
.av_arr li:hover {
	background-position-y: 100%;
}
.av_arr li:nth-child(2) {
	background-position-x: -27px;
}
.av_arr li:nth-child(3) {
	background-position-x: -54px;
}
.av_arr li:nth-child(4) {
	background-position-x: 100%;
}

.cody_tab {
	position: absolute;
	top: 43px;
	z-index: 1;
	max-width: 768px;
	width: 100%;
	height: 53px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/guide_bg01.png') no-repeat;
}

.cody_tab.sticky {
	position: fixed;
	top: 282px;
}

.cody_tab > ul {
	overflow: hidden;
}

.cody_tab > ul > li {
	float: left;
	width: 25%;
	color: #a1a1a1;
	font-size: 16px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/guide_bg03.png') left center no-repeat;
}

.cody_tab > ul > li a {
	display: block;
	padding: 0 25px;
	text-align: center;
	color: #a1a1a1;
}

.cody_tab > ul > li a:hover {
	color: #fff;
}

.cody_tab > ul > li.on a {
	color: #fff;
}

.cody_tab > ul > li a span {
	position: relative;
	line-height: 52px;
}

.cody_tab > ul > li a span.cs::after {
	display: block;
	content: '';
	position: absolute;
	top: 1px;
	right: -53px;
	width: 45px;
	height: 16px;
	background: url('https://lwi.nexon.com/baram/home/cody/coming_soon.png') no-repeat;
}

.cody_s_tab {
	position: absolute;
	top: 96px;
	z-index: 1;
	max-width: 768px;
	width: 100%;
	height: 71px;
	background: url('https://lwi.nexon.com/baram/home/cody/cody_s_tab_bg.png') no-repeat bottom;
}

.cody_s_tab.sticky {
	position: fixed;
	top: 335px;
}

.cody_s_tab li {
	float: left;
	width: 128px;
	background: url('https://lwi.nexon.com/baram/home/cody/cody_s_tab_cut.png') right center no-repeat;
}

.cody_s_tab li:nth-child(6) {
	background: none;
}
.cody_s_tab li:nth-child(8) {
	background: none;
	display: none;
}
.cody_s_tab li:nth-child(10) {
	background: none;
	display: none;
}
.cody_s_tab li:nth-child(11) {
	background: none;
	display: none;
}
.cody_s_tab li:nth-child(13) {
	background: none;
	display: none;
}

.cody_s_tab li a {
	display: block;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	color: #747474;
}

.cody_s_tab li a:hover,
.cody_s_tab li.on a {
	font-weight: bold;
	color: #2e2828;
}

.cody_il_b {
	position: relative;
	width: 768px;
	min-height: 600px;
	margin-left: 362px;
	float: left;
}

.cody_il_b .search_line {
	height: 28px;
	position: absolute;
	top: 0;
	padding-bottom: 15px;
	background-color: #fff;
	width: 768px;
	z-index: 10;
}
.cody_il_b .search_line.sticky {
	position: fixed;
	top: 208px;
	width: 768px;
	background-color: #fff;
	z-index: 10;
	padding-top: 31px;
	padding-bottom: 15px;
}

.cody_il_b .search_line .select_wrap {
	float: left;
	width: 105px;
}

.cody_il_b .search_line .search_t1 {
	float: right;
	width: 468px;
}
.cody_il_b .search_line .sort_area {
	float: left;
	margin-top: 5px;
}
.cody_il_b .search_line .search_t1 .input_b input {
	width: 407px;
	height: 26px;
	padding: 0 10px 0 10px;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	border-right: 0;
	border-left: 1px solid #d5d5d5;
}

.cody_il_b .search_line .search_t1 .input_b > span {
	display: block;
	float: right;
}

.cody_il_b .search_line .search_t1 .input_b > span button {
	display: block;
}

.cody_il_b .search_line .search_t1 .input_b > span button img {
	display: block;
}

ul.cody_item_list {
	overflow: hidden;
	margin-top: 183px;
}

ul.cody_item_list li {
	position: relative;
	overflow: hidden;
	float: left;
	width: 180px;
	height: 218px;
	margin: 0 16px 16px 0;
	background-color: #efefef;
}

ul.cody_item_list li:nth-child(4n) {
	margin: 0 0 16px 0;
}

ul.cody_item_list li a.ci_link {
	display: block;
	width: 178px;
	height: 216px;
	border: 1px solid #e0e0e0;
	color: #423b3b;
}
ul.cody_item_list li a.ci_link:hover,
ul.cody_item_list li a.ci_link:focus {
	text-decoration: none;
}
ul.cody_item_list li a.ci_link .ci_b {
	margin: 0 12px;
	border-bottom: 1px solid #f1f1f1;
}

ul.cody_item_list li a.ci_link .ci_b .ci_item {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 136px;
}

ul.cody_item_list li a.ci_link .ci_b img.ci_img {
	object-fit: cover;
	justify-content: center;
}

ul.cody_item_list li a.ci_link .ci_tl {
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 79px;
	margin: 0 12px;
}

ul.cody_item_list li a.ci_link .ci_tl .ci_tb .cc_l {
	margin-bottom: 10px;
	text-align: center;
}

ul.cody_item_list li a.ci_link .ci_tl .ci_tb .cc_l p.ci_ct {
	display: inline-block;
	position: relative;
	padding: 2px 0 2px 0;
	margin-left: 20px;
	background: #c29a67;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.5px;
	color: #fff;
}

ul.cody_item_list li a.ci_link .ci_tl .ci_tb p.ci_ct::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: -31px;
	width: 31px;
	height: 20px;
	background: url(https://lwi.nexon.com/baram/home/cody/lc_l.png) no-repeat;
}

ul.cody_item_list li a.ci_link .ci_tl .ci_tb p.ci_ct::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: -11px;
	width: 11px;
	height: 20px;
	background: url(https://lwi.nexon.com/baram/home/cody/lc_r.png) no-repeat;
}

ul.cody_item_list li a.ci_link .ci_tl .ci_tb p.ci_t1 {
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	color: #c29a67;
}

ul.cody_item_list li a.ci_link .ci_tl .ci_tb p.ci_t2 {
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: -0.5px;
	text-align: center;
	color: #423b3b;
}

ul.cody_item_list li .btn_detail {
	position: absolute;
	top: 4px;
	right: 4px;
}

ul.cody_item_list li .btn_detail a {
	display: block;
	width: 25px;
	height: 29px;
	background: url(https://lwi.nexon.com/baram/home/cody/btn_detail.png) no-repeat;
}

ul.cody_item_list li .btn_detail a:hover {
	background-position-y: -68px;
}

ul.cody_item_list li .cil_new {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 25px;
	height: 29px;
	background: url(https://lwi.nexon.com/baram/home/cody/cil_new.png) no-repeat;
}

ul.cody_item_list li.select a.ci_link {
	width: 176px;
	height: 214px;
	border: 2px solid #564e4f;
}

ul.cody_item_list li a.ci_link:hover,
ul.cody_item_list li.select a.ci_link .ci_tl p.ci_t2 {
	text-decoration: underline;
	color: inherit;
}

.cody_il_b .paging_wrap {
	float: none;
	width: auto;
}

.cody_il_b .paging_wrap .paging ul {
	display: block;
	margin-top: 14px;
}

.cody_il_b .paging_wrap .paging ul li {
	display: inline-block;
	min-width: 30px;
	margin: 0 2px;
}

.cody_il_b .paging_wrap .paging ul li.first_prev,
.cody_il_b .paging_wrap .paging ul li.prev_btn,
.cody_il_b .paging_wrap .paging ul li.next_btn,
.cody_il_b .paging_wrap .paging ul li.last_next {
	vertical-align: -6px;
}

.cody_item_list li ul.list_type {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 25px;
}
.cody_item_list li ul.list_type li {
	width: 100%;
	height: 29px;
	float: left;
	margin-bottom: 2px;
}
.cody_item_list li ul.list_type li.cli_new {
	background: url('https://lwi.nexon.com/baram/home/cody/cli_new.png') no-repeat;
}
.cody_item_list li ul.list_type li.cli_man {
	background: url('https://lwi.nexon.com/baram/home/cody/cli_man.png') no-repeat;
}
.cody_item_list li ul.list_type li.cli_women {
	background: url('https://lwi.nexon.com/baram/home/cody/cli_women.png') no-repeat;
}
.cody_item_list li ul.list_type li.cli_both {
	background: url('https://lwi.nexon.com/baram/home/cody/cli_both.png') no-repeat;
}

.f_item {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 110;
	background: #e8e4df;
}

.f_item .fi_h {
	height: 67px;
	border-bottom: 1px solid #484142;
}

.f_item .fi_h .fh_inner {
	position: relative;
	width: 1130px;
	margin: 0 auto;
}

.f_item .fi_h .fs_b {
	position: absolute;
	top: 13px;
	left: 0;
}

.f_item .fi_h .fs_b button.fh_switch {
	display: block;
	width: 42px;
	height: 42px;
	background: url(https://lwi.nexon.com/baram/home/cody/fh_switch.png) no-repeat;
	background-position-y: 0;
}

.f_item .fi_h .fs_b button.fh_switch.on {
	background-position-y: -82px;
}

.f_item .fi_h p.fi_t {
	margin-left: 64px;
	font-size: 24px;
	line-height: 68px;
	color: #484142;
}

.f_item .fi_h .fh_btn {
	position: absolute;
	top: 13px;
	right: 0;
	display: flex;
	align-items: center;
	gap: 12px;
}
.f_item .fi_h .fh_btn .fh_btn0 {
	border-radius: 100px;
	border: 1px solid #d1cac8;
	position: relative;
	background: #e0dbd4;
	display: flex;
	padding: 8px 20px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin-right: 6px;
}
.f_item .fi_h .fh_btn .fh_btn0 label {
	color: #423b3b;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.52px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.f_item .fi_h .fh_btn .fh_btn0 label::after {
	content: '';
	width: 5px;
	height: 7px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='7' fill='none'%3E%3Cpath stroke='%23423B3B' stroke-linecap='round' d='m1 .5 3 3-3 3'/%3E%3C/svg%3E")
		no-repeat;
}
.f_item .fi_h .fh_btn .fh_btn0 button {
	border-radius: 4px;
	background: #4c4344;
	display: flex;
	padding: 2px 10px 4px 10px;
	font-weight: 300;
	justify-content: center;
	align-items: flex-end;
	gap: 6px;
	color: #fcfcfc;
	font-size: 13px;
	letter-spacing: -0.52px;
}
.f_item .fi_h .fh_btn .fh_btn0 button:hover {
	background: #726667;
}
.f_item .fi_h .fh_btn .fh_btn0 button::before {
	content: '';
	width: 17px;
	height: 17px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23fff' d='M14 7.786A.786.786 0 0 0 13.214 7H7.786A.786.786 0 0 0 7 7.786v5.428c0 .434.352.786.786.786h5.428a.786.786 0 0 0 .786-.786V7.786Zm1 5.428C15 14.2 14.2 15 13.214 15H7.786C6.8 15 6 14.2 6 13.214V7.786C6 6.8 6.8 6 7.786 6h5.428C14.2 6 15 6.8 15 7.786v5.428Z'/%3E%3Cpath fill='%23fff' d='M11 3.786A.79.79 0 0 0 10.214 3H3.786A.79.79 0 0 0 3 3.786v6.428l.004.08a.791.791 0 0 0 .702.702l.08.004.1.01a.5.5 0 0 1 0 .98l-.1.01-.182-.01a1.791 1.791 0 0 1-1.595-1.594L2 10.214V3.786A1.79 1.79 0 0 1 3.786 2h6.428A1.79 1.79 0 0 1 12 3.786a.5.5 0 0 1-1 0Z'/%3E%3C/svg%3E")
		no-repeat;
}
.f_item .fi_h .fh_btn > a {
	display: block;
	float: left;
	padding: 0 23px;
	height: 42px;
	line-height: 40px;
	color: #fff;
	font-weight: 300;
	background: url(https://lwi.nexon.com/baram/home/cody/fh_btn.png) 50% 0 no-repeat;
}

.f_item .fi_h .fh_btn > a:hover {
	background-position-y: 100%;
}

.f_item .fl_l {
	display: none;
	margin-top: 31px;
}

.f_item ul.fi_list {
	overflow: hidden;
	width: 1130px;
	margin: 0 auto;
}

.f_item ul.fi_list > li {
	position: relative;
	float: left;
	width: 366px;
	height: 34px;
	margin-right: 15px;
	border-bottom: 1px solid #fff;
}

.f_item ul.fi_list > li:hover {
	background: #f4f1ec;
}

.f_item ul.fi_list > li:nth-child(3n) {
	margin-right: 0;
}

.f_item ul.fi_list > li a {
	display: block;
	overflow: hidden;
	height: 34px;
	padding: 0 10px;
}

.f_item ul.fi_list > li .fi_ip {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 127px;
}

.f_item ul.fi_list > li .fi_it {
	margin: 0 38px 0 127px;
}

.f_item ul.fi_list > li .fi_it .color_sel {
	margin: 5px 0 0 0;
}

.f_item ul.fi_list > li .fi_it .color_sel:hover .color_tip .color_bg01 {
	display: none;
}

.f_item ul.fi_list > li .fi_it ul li,
.f_item ul.fi_list > li .fi_it .color_wrap ul li {
	cursor: auto;
}

.f_item ul.fi_list > li p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #685e60;
}

.f_item ul.fi_list > li p.fl_t1 {
	padding-left: 27px;
	margin-top: 8px;
}

.f_item ul.fi_list > li.fi_l1 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l1.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l2 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l2.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l3 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l3.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l4 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l4.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l5 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l5.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l6 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l6.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l7 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l7.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l8 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l8.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l9 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l9.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l10 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l10.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l11 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l11.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l12 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l12.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l13 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l13.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l14 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l14.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l15 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l15.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l16 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l16.png) no-repeat left 0;
}
.f_item ul.fi_list > li.fi_l17 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l17.png) no-repeat left 0;
}

.f_item ul.fi_list > li p.fl_c {
	padding-left: 48px;
	margin-top: 7px;
	background: url(https://lwi.nexon.com/baram/home/cody/fl_c.png) no-repeat left 0;
}

.f_item ul.fi_list > li p.fl_n {
	padding-left: 48px;
	margin-top: 7px;
	background: url(https://lwi.nexon.com/baram/home/cody/fl_n.png) no-repeat left 0;
}

.f_item ul.fi_list > li.fi_l16 p.fl_n,
.f_item ul.fi_list > li.fi_l17 p.fl_n {
	background: none;
}

.f_item ul.fi_list > li button.fl_close {
	display: none;
	position: absolute;
	top: 8px;
	right: 10px;
	width: 18px;
	height: 18px;
	background: url(https://lwi.nexon.com/baram/home/cody/fl_close.png) no-repeat;
}

.f_item ul.fi_list > li button.fl_close.on {
	display: block;
}

.f_item ul.fi_list > li button.fl_close:hover {
	background-position-y: -38px;
}

.f_item .fi_btn {
	display: none;
	padding-bottom: 32px;
	margin-top: 20px;
}

.f_item .fi_btn .fb_inner {
	width: 1130px;
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
	text-align: right;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: flex-end;
}

.f_item .fi_btn button {
	width: 165px;
	height: 33px;
	border: 1px solid transparent;
	background: #fff;
	font-size: 15px;
	line-height: 130%; /* 19.5px */
	letter-spacing: -0.675px;
	font-family: 'NanumSquare', sans-serif;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
}
.f_item .fi_btn button.fi_btn1 {
	color: #c54646;
}
.f_item .fi_btn button.fi_btn1::before {
	content: '';
	width: 19px;
	height: 21px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' fill='none'%3E%3Cpath stroke='%23C54646' stroke-width='1.5' d='M0 3.5h9.5m9.5 0H9.5m0-3.5v3.5M2 3.486V20h15V3M12.5 7v10M6.5 7v10'/%3E%3C/svg%3E")
		no-repeat;
}

.f_item .fi_btn button.fi_btn1:hover {
	border-color: #c54646;
}
.f_item .fi_btn button.fi_btn2::before {
	content: '';
	width: 17px;
	height: 16px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' fill='none'%3E%3Cpath stroke='%23433C3C' stroke-width='1.5' d='M12.5 5.5h-9 9ZM12.5 5.5c2.125 0 4 1.995 4 5s-1.875 5-4 5M12.5 15.5H.5h12ZM7.5 1.5l-4 4 4 4'/%3E%3C/svg%3E")
		no-repeat;
}

.f_item .fi_btn button.fi_btn2:hover {
	border-color: #423b3b;
}
.f_item.on .fl_l,
.f_item.on .fi_btn {
	display: block;
}

/* tanning */
.tanning {
	margin-top: 95px;
	background: url(https://lwi.nexon.com/baram/home/cody/tanning_bg.png);
	border: 1px solid #e0e0e0;
}

.color_sel {
	margin: 13px 46px 0 0;
}

.color_wrap {
	overflow: hidden;
	padding: 19px 0 32px 0;
	padding-left: 48px;
}

.color_wrap ul {
	float: left;
	height: 25px;
}

.color_sel:nth-child(3n) ul {
	margin-right: 0;
}

/* .color_wrap ul:hover {
    border: 2px solid #ff4343;
    margin-top: 14px;
    float: left;
    height: 20px;
}

.color_wrap ul:hover li {
    width: 23px;
    height: 18px;
}

.color_wrap ul:hover li:first-child {
    width: 18px;
} */

.fi_it ul li,
.color_wrap ul li {
	width: 23px;
	height: 23px;
	float: left;
	margin: 1px 1px 1px 0;
	background-color: red;
	cursor: pointer;
	position: relative;
}

.color_wrap ul li:first-child {
	margin-left: 1px;
}

.color_tip {
	display: none;
	position: absolute;
	top: -25px;
	left: 0;
	right: 0;
	height: 22px;
	font-size: 13px;
	text-align: center;
	color: #fff;
	background: url('https://lwi.nexon.com/baram/home/cody/tip_arrow.png') center bottom no-repeat;
}

.color_sel:hover .color_tip {
	display: block;
}

.color_tip .color_bg01 {
	display: block;
	position: absolute;
	top: 11px;
	left: -13px;
	width: 221px;
	height: 53px;
	background: url(https://lwi.nexon.com/baram/home/cody/tip_border.png) no-repeat;
}

span.color_txt {
	display: inline-block;
	position: relative;
	z-index: 1;
	height: 20px;
	padding: 0 8px;
	background-color: #564e4f;
	line-height: 20px;
	letter-spacing: -0.6px;
	color: #fff;
}

.color_sel {
	float: left;
	position: relative;
}

/* preparing */
.cody_il_b #noData {
	margin-top: -92px;
}

.preparing {
	overflow: hidden;
	height: 331px;
	margin-top: 68px;
}

.preparing_ic {
	width: 124px;
	height: 124px;
	margin: 96px auto 0;
	background: url(https://lwi.nexon.com/baram/home/cody/preparing_ic.png) no-repeat;
}

.important_ic {
	width: 51px;
	height: 50px;
	margin: 134px auto 0;
	background: url(https://lwi.nexon.com/baram/home/cody/important_ic.png) no-repeat;
}

p.preparing_t {
	margin-top: 20px;
	font-size: 20px;
	text-align: center;
	color: #3e586f;
}

p.preparing_t span.p_c1 {
	color: #c59f6f;
}

/* cp_pop */
body.ofh {
	overflow: visible;
}
body.locked-scroll {
	height: 100%;
	padding-right: 17.5px;
	overflow: hidden;
	box-sizing: border-box;
}
body.locked-scroll .cp_pop {
	overflow-y: auto;
}
body.overflow {
	height: 100%;
	padding-right: 17.5px;
	overflow: hidden;
	box-sizing: border-box;
}
body.overflow .cp_pop {
	overflow-y: auto;
}
.cp_pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	overflow-y: auto;
	background-color: rgba(0, 0, 0, 0.8);
}
.cp_pop .modal_body {
	position: relative;
	min-width: 328px;
	min-height: 328px;
	width: 328px;
	height: 328px;
	margin: 50px auto;
	min-height: calc(100% - 100px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.cp_pop .modal_body .pop_c {
	position: relative;
	min-width: 328px;
	min-height: 328px;
	width: 328px;
	height: 328px;
	background-color: #e8e5e0;
	background-repeat: no-repeat;
	background-position: center;
}
.cp_pop .modal_close {
	position: absolute;
	top: 0;
	right: -78px;
	cursor: pointer;
	outline: none;
}
.cp_pop .modal_close a {
	display: block;
	width: 78px;
	height: 63px;
	margin: 0 auto;
	background: url(https://lwi.nexon.com/baram/home/cody/pop_close.png) no-repeat;
	text-indent: -9999px;
}

.cp_pop .modal_body .pop_cb {
	position: relative;
	border: 1px solid #232020;
}

.knowhow_wrap .reply_list2 li dl dd {
	line-height: 1.3;
}

.knowhow_wrap .reply_list2 li dl dd img {
	max-width: 100%;
}

.knowhow_wrap .board_type4 li dl dd.title > div.new_icon {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/board_new_icon.png') 10px center no-repeat;
	margin: 0;
	height: 73px;
}

.knowhow_wrap .board_type4 li dl dd.title > div {
	float: left;
	padding-left: 50px;
	font-family: 'Malgun Gothic';
	width: 400px;
}

.knowhow_wrap .board_type4 li dl dd.title > div a {
	max-width: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	max-width: 350px;
	display: inline-block;
}

/***** balance wrap *****/

/* common */
.balance_wrap {
	position: relative;
	*zoom: 1;
	padding-top: 41px;
}

.balance_wrap:after {
	content: '';
	display: block;
	clear: both;
}

.balance_wrap .like {
	font-size: 0;
}

.balance_wrap .like span,
.balance_wrap .like a {
	display: inline-block;
	*zoom: 1;
	width: 45px;
	height: 28px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/spr_icon_balance.png') no-repeat;
	vertical-align: top;
	padding-left: 20px;
}

.balance_wrap .like .good {
	color: #ffce58;
}

.balance_wrap .like .bad {
	color: #d76d4a;
	background-position: 0 -41px;
	margin-left: 12px;
}

.balance_wrap .like a.good:hover {
	background-position: -75px 0;
}

.balance_wrap .like a.bad:hover {
	background-position: -75px -41px;
}

/* balance list */
.balance_list .top3_list li,
.top3_list li .new,
.balance_list .top3_list .rank,
.balance_list .top3_list li .user .img .cover,
.balance_list .top3_list li .user .job,
.balance_list .top3_list li .count span,
.balance_list .top3_list li .no_top3 .icon {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/spr_balance_list.png') no-repeat;
}

.balance_list .tab_menu9 {
	height: 55px;
	margin-bottom: 35px;
}

.balance_list .tab_menu9 ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.balance_list .tab_menu9 li {
	display: table-cell;
	float: none;
	*float: left;
	width: auto;
	*width: 113px;
}

.balance_list .tab_menu9 .tab_menu_flow {
	width: 113px;
}

.balance_list .balance_sort {
	overflow: hidden;
	padding-bottom: 7px;
}

.balance_list .top3_list {
	width: 100%;
	float: left;
	margin-bottom: 35px;
}

.balance_list .top3_list ul {
	position: relative;
	*zoom: 1;
	margin-right: -40px;
}

.balance_list .top3_list ul:after {
	content: '';
	display: block;
	clear: both;
}

.balance_list .top3_list li {
	position: relative;
	float: left;
	width: 363px;
	height: 251px;
	margin-right: 20px;
}

.balance_list .top3_list li .list_info {
	padding: 31px 0 0 184px;
}

.balance_list .top3_list li:first-child {
	margin-right: 21px;
}

.balance_list .top3_list li .new {
	position: absolute;
	top: -7px;
	right: 0;
	width: 52px;
	height: 34px;
	background-position: 0 -266px;
	text-indent: -99999px;
	overflow: hidden;
}

.balance_list .top3_list li .rank {
	position: absolute;
	top: 29px;
	left: 33px;
	height: 22px;
	line-height: 24px;
	background-position: -377px 0;
	font-size: 18px;
	color: #c4a26e;
	padding-left: 25px;
}

.balance_list .top3_list li .rank .num {
	color: #fff;
}

.balance_list .top3_list li .user {
	display: block;
	position: absolute;
	top: 67px;
	left: 0;
	width: 164px;
	text-align: center;
	color: #c4a26e;
}

.balance_list .top3_list li .user .img {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto 13px;
	padding: 3px;
}

.balance_list .top3_list li .user .img img {
	vertical-align: top;
	width: 80px;
	height: 80px;
}

.balance_list .top3_list li .user .img .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: -369px -184px;
}

.balance_list .top3_list li .user span {
	display: block;
	font-size: 14px;
}

.balance_list .top3_list li .user .job {
	width: 74px;
	height: 21px;
	line-height: 21px;
	background-position: -369px -152px;
	font-size: 12px;
	margin: 0 auto 18px;
}

.balance_list .top3_list li .user .job img {
	vertical-align: top;
	margin: 2px 2px 0 0;
}

.balance_list .top3_list li .date .balance_list .top3_list li .title {
	padding-left: 3px;
}

.balance_list .top3_list li .date {
	display: block;
	color: #797272;
	font-size: 12px;
	line-height: 17px;
	font-family: '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.balance_list .top3_list li .title {
	width: 138px;
	height: 80px;
	overflow: hidden;
	font-size: 20px;
	color: #d0c4c4;
	line-height: 23px;
	word-wrap: break-word;
	margin: 9px 0 23px;
}

.balance_list .top3_list li .title a {
	color: #d0c4c4;
	font-family: '맑은 고딕', sans-serif;
	letter-spacing: -0.09em;
}

.balance_list .top3_list li .title a:hover {
	text-decoration: underline;
}

.balance_list .top3_list li .count {
	width: 139px;
	height: 21px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #000;
	font-size: 0;
	text-align: center;
	margin-top: 11px;
}

.balance_list .top3_list li .count span {
	display: inline-block;
	*zoom: 1;
	font-size: 11px;
	line-height: 21px;
	font-family: '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.balance_list .top3_list li .count .comment {
	background-position: -381px -29px;
	padding-left: 16px;
	margin-right: 23px;
}

.balance_list .top3_list li .count .view {
	background-position: -379px -52px;
	padding-left: 18px;
}

.balance_list .top3_list li .no_top3 {
	text-align: center;
	font-size: 18px;
	color: #c4a26e;
	padding-top: 83px;
}

.balance_list .top3_list li .no_top3 .icon {
	display: block;
	width: 38px;
	height: 44px;
	background-position: -368px -94px;
	margin: 0 auto 12px;
}

.balance_list .board_type3 li .title {
	width: 486px;
}

.balance_list .board_type3 li .title p {
	width: 424px;
	padding-left: 50px;
}

.balance_list .board_type3 li .title p.new_icon {
	background-position: 12px center;
}

.balance_list .board_type3 li .like {
	width: 142px;
}

.balance_list .board_type3 li .like span {
	margin-top: 22px;
}

.balance_list .board_type3 li .count {
	width: 211px;
}

.balance_list .board_type3 li .count .count_wraper {
	width: auto;
	padding: 0 10px;
}

.balance_list .paging_wrap {
	width: 1128px;
	float: left;
	height: 53px;
	border: 1px solid #ecebe9;
	margin: 10px 0;
}

.balance_list .paging_wrap .select_wrap {
	float: left;
	width: 90px;
	height: 28px;
	margin-top: 13px;
	margin-left: 10px;
}

.balance_list .paging_wrap .list_search2 div {
	width: 317px;
	height: 28px;
	float: left;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/list_search_bg.png') left top no-repeat;
	position: relative;
}

.balance_list .search_not_found {
	border-top: 1px solid #ecebe9;
	border-bottom: 1px solid #ecebe9;
	margin-bottom: 13px;
}

/* balance write */
.balance_write .title_area span {
	float: left;
	display: block;
	width: 210px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #d5d5d5;
	padding-left: 12px;
	margin-right: 7px;
}

.balance_write .title_area .input_txt {
	width: 889px;
}

/* balance view */
.balance_view .v_layer_head h1 em,
.balance_view .reply_list_wrap h2 em,
.balance_view .reply_list2 .badge,
.balance_view .reply_list2 li .data .btn_comdel,
.balance_view .coment_more_wrap2 button {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/spr_balance_view.png') no-repeat;
}

.balance_view .v_layer_head h1 em {
	width: 74px;
}

.balance_view .v_layer_head .count_wraper {
	margin-right: 31px;
}

.balance_view .btn_group_left .like {
	padding-top: 4px;
}

.balance_view .reply_list_wrap h2 em {
	width: 52px;
	background-position: -94px 0;
}

.balance_view .reply_list_wrap {
	margin-top: 64px;
}

.balance_view .coment_wrap {
	width: 1129px;
	height: 80px;
	background: none;
	border: 1px solid #dedede;
	border-right: 0 none;
	margin-top: 14px;
}

.balance_view .coment_wrap textarea {
	width: 915px;
	height: 64px;
	outline: 0;
	padding-right: 20px;
	padding-top: 16px;
	margin-top: 0;
}

.balance_view .coment_wrap textarea::placeholder,
.balance_view .coment_wrap textarea::-webkit-input-placeholder {
	color: #b7b7b7;
}

.balance_view .coment_wrap textarea:-ms-input-placeholder {
	color: #b7b7b7;
}

.balance_view .coment_wrap .coment_add_btn {
	margin-top: -1px;
}

.balance_view .coment_wrap .coment_add_btn button {
	display: block;
	width: 100px;
	height: 82px;
	text-indent: -999999px;
	overflow: hidden;
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/coment_add_btn.jpg') no-repeat;
}

.balance_view .coment_wrap .coment_add_btn button:hover {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/coment_add_btn_on.jpg') no-repeat;
}

.balance_view .coment_list_count {
	width: 1108px;
	padding-left: 22px;
	margin-top: 23px;
}

.balance_view .reply_list2 {
	border-bottom: 1px solid #dedede;
}

.balance_view .reply_list2 li {
	position: relative;
	width: 1090px;
	min-height: 37px;
	border-left: 0 none;
	border-bottom: 0 none;
	border-right: 0 none;
	padding: 19px 20px 20px;
	margin-bottom: 0;
}

.balance_view .reply_list2 .recommend {
	background: #f8f8f8;
}

.balance_view .reply_list2 .badge {
	position: absolute;
	top: 23px;
	left: 223px;
	color: #9b4645;
	width: 19px;
	text-align: center;
	background-position: 0 -23px;
	font-size: 12px;
	white-space: nowrap;
	padding-top: 28px;
}

.balance_view .reply_list2 li dt {
	width: 203px;
	margin-right: 50px;
}

.balance_view .reply_list2 li .time {
	position: absolute;
	top: 43px;
	left: 20px;
	width: auto;
	margin-top: 0;
}

.balance_view .reply_list2 li .like {
	position: absolute;
	top: 24px;
	right: 15px;
}

.balance_view .reply_list2 li .job_bg2 {
	margin-right: 9px;
}

.balance_view .reply_list2 li .data {
	width: 660px;
	font-family: '맑은 고딕', sans-serif;
	word-wrap: break-word;
	margin: -1px 0;
}

.balance_view .reply_list2 li .data span {
	font-family: '맑은 고딕', sans-serif;
	font-size: 14px;
	padding-right: 6px;
}

.balance_view .reply_list2 li .data .btn_comdel {
	display: inline-block;
	*zoom: 1;
	width: 14px;
	height: 14px;
	vertical-align: text-bottom;
	outline: 0;
	text-indent: -99999px;
	overflow: hidden;
	background-position: -165px 0;
	margin-bottom: 2px;
}

.balance_view .coment_more_wrap2 {
	background: none;
	padding-top: 0;
	margin-top: 42px;
}

.balance_view .coment_more_wrap2 button {
	display: block;
	width: 100%;
	height: 44px;
	text-indent: -99999px;
	overflow: hidden;
	outline: 0;
	background-position: 0 -76px;
}

/* 참여바람 글쓰기 */
.caution_event {
	margin: -10px 0 17px;
}

.caution_event img {
	display: block;
}

.caution_event + div {
	margin-top: 0 !important;
}

/*quick_menu*/
.quick_list_wrap {
	position: absolute;
	right: 50%;
	margin-right: -700px;
	top: 499px;
	width: 113px;
	height: auto;
	z-index: 7;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.sticky .quick_list_wrap {
	position: fixed;
	top: 150px;
}

.quick_list_wrap .quick_banner {
	display: block;
	margin: -98px 0 10px;
}

.quick_list_wrap .quick_banner img {
	vertical-align: top;
}

.quick_btn {
	background-color: #fff;
}

.quick_btn li {
	position: relative;
	height: 80px;
	overflow: hidden;
	text-align: center;
}

.quick_btn li a {
	display: block;
}

.quick_btn li.on {
	height: 80px;
}

.quick_btn li.on img {
	top: -80px;
}

.quick_btn li img {
	position: absolute;
	left: 0;
	top: 0;
}

.quick_btn01 {
	width: 100%;
	float: left;
}

.quick_btn01 span {
	float: left;
	height: 30px;
}

.quick_list_wrap .qb_n1 {
	margin-top: 22px;
}
.quick_list_wrap .qb_n1 a {
	display: block;
	width: 113px;
	height: 105px;
	background: url(https://lwi.nexon.com/baram/banner/2023/1123_banner/231123_8DEC3E9ACC6AEF16_bn.jpg) repeat;
	text-indent: -9999px;
}

.ql_top {
	display: none;
	position: relative;
	overflow: hidden;
	height: 32px;
	margin-top: 10px;
}

.ql_top.on {
	display: block;
}

.ql_top img {
	position: absolute;
	top: 0;
	left: 0;
}
.avatar_info {
	width: 332px;
	float: left;
	margin-top: 20px;
}
.avatar_info ul {
	width: 100%;
	float: left;
}
.avatar_info ul li {
	width: 100%;
	float: left;
	height: 29px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e0e0e0;
	font-size: 14px;
}
.avatar_info ul li.avatar_h {
	text-align: center;
	background: url('https://lwi.nexon.com/baram/home/cody/pt.png') no-repeat;
	border-top: 1px solid #e0e0e0;
	justify-content: center;
	font-size: 15px;
	color: #423b3b;
}
.avatar_info ul li em {
	font-style: normal;
	font-size: 14px;
	color: #5892cd;
	float: left;
	padding-left: 16px;
	background: url('https://lwi.nexon.com/baram/home/cody/m_icon.png') left center no-repeat;
	margin-left: 25px;
}
.avatar_info ul li.w em {
	font-style: normal;
	font-size: 14px;
	color: #c13a3a;
	background: url('https://lwi.nexon.com/baram/home/cody/w_icon.png') left center no-repeat;
}
.avatar_info ul li span {
	float: left;
	color: #423b3b;
	width: 138px;
	text-align: center;
}
.avatar_info ul li span i {
	font-style: normal;
	color: #767676;
}
.avatar_info > i {
	color: #767676;
	font-size: 14px;
	float: left;
	letter-spacing: -0.05em;
	line-height: 16px;
	margin-bottom: 10px;
	font-style: normal;
}
.avatar_info > i em {
	color: #c13a3a;
	font-size: 16px;
	vertical-align: sub;
}
.input_b {
	position: relative;
}
.search_del {
	position: absolute;
	right: 45px;
	top: 3px;
}
.not_2dep {
	margin-top: 130px !important;
}
.cd_cr_pop {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1000;
	align-items: center;
	justify-content: center;
	display: none;
}
.cd_pop_con {
	width: 390px;
	height: 600px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	position: relative;
}
.cd_pop_con h1 {
	width: 100%;
	float: left;
	box-sizing: border-box;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	height: 50px;
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #423b3b;
	padding-left: 30px;
	background: url('https://lwi.nexon.com/baram/home/cody/cd_w_pat.png') no-repeat;
}
.cd_pop_con p {
	width: 100%;
	float: left;
	box-sizing: border-box;
	border-bottom: 1px solid #e0e0e0;
	height: 30px;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #423b3b;
	padding-left: 30px;
	background: url('https://lwi.nexon.com/baram/home/cody/cd_w_pat.png') no-repeat;
}
.cd_pop_con p img {
	margin-right: 3px;
}
.cd_pop_con .cd_pop_close {
	position: absolute;
	top: 0;
	right: -78px;
	cursor: pointer;
	outline: none;
}
.cd_pop_con .cd_pop_close a {
	display: block;
	width: 78px;
	height: 63px;
	margin: 0 auto;
	background: url(https://lwi.nexon.com/baram/home/cody/pop_close.png) no-repeat;
	text-indent: -9999px;
}
.shwo_room {
	width: 332px;
	height: 304px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.shwo_room span {
	position: absolute;
	left: 17px;
	bottom: 17px;
}
.shwo_room.dark {
	background: url('https://lwi.nexon.com/baram/home/cody/show_room_dark.png') no-repeat;
}
.shwo_room.white {
	background: url('https://lwi.nexon.com/baram/home/cody/show_room_white.png') no-repeat;
}

.cd_pop_con textarea {
	width: 332px;
	float: left;
	margin-left: 30px;
	height: 90px;
	margin-top: 10px;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	font-size: 16px;
	color: #423b3b;
	line-height: 20px;
	padding: 10px;
}
.cd_btn_w {
	width: 332px;
	float: left;
	margin-left: 30px;
	margin-top: 14px;
}
.cd_btn_w span {
	float: left;
}
.cd_btn_w .btn02 {
	margin-left: 4px;
}

.cody_item_wrap {
	width: 100%;
	float: left;
	padding-bottom: 28px;
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
	margin-bottom: 30px;
	background-color: #efefef;
	padding-top: 27px;
}
.cody_sort {
	width: 245px;
	float: left;
	margin-left: 20px;
}
.cody_sort > img {
	float: left;
}
.sort_list {
	float: left;
}
.sort_list li {
	width: 82px;
	box-sizing: border-box;
	border: 1px solid #dedede;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #6a6062;
	float: left;
	text-align: center;
	height: 27px;
	border-left: 0px;
}
.sort_list li:first-child {
	width: 82px;
	border-left: 1px solid #dedede;
}
.sort_list li:last-child {
	width: 81px;
}
.sort_list li a {
	color: #6a6062;
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sort_list li:hover,
.sort_list li.active {
	background-color: #6a6062;
	border: 1px solid #6a6062;
}
.sort_list li:hover a,
.sort_list li.active a {
	color: #fff;
}
.cody_btn {
	width: 100%;
	float: left;
	height: 39px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}
.cody_btn a {
	color: #423b3b;
	font-size: 14px;
	letter-spacing: -0.05em;
	background: url('https://lwi.nexon.com/baram/home/cody/cody_arrow.png') right center no-repeat;
	padding-right: 10px;
}
.cody_btn a:hover {
	text-decoration: underline;
}
.cody_item_list2 {
	float: left;
	margin-left: 24px;
	position: relative;
	background: url('https://lwi.nexon.com/baram/home/cody/cody_line.jpg') 0 15px repeat-x;
	width: 841px;
	overflow-x: hidden;
	height: 204px;
}
.cd_list {
	width: 10000000%;
	position: absolute;
	left: 0;
	top: 0;
	transition: left 0.5s ease;
}
.cd_list li {
	width: 140px;
	height: 204px;
	float: left;
	position: relative;
}
.cd_list li.hot::after {
	content: '';
	width: 36px;
	height: 40px;
	background: url('https://lwi.nexon.com/baram/home/cody/cd_list_icon02.png') no-repeat;
	top: -4px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	position: absolute;
}
.cd_list li.new::after {
	content: '';
	width: 36px;
	height: 40px;
	background: url('https://lwi.nexon.com/baram/home/cody/cd_list_icon01.png') no-repeat;
	top: -4px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	position: absolute;
}
.cd_list li dl {
	width: 100%;
	float: left;
	margin-top: 30px;
}
.cd_list li dl dt {
	width: 100%;
	float: left;
	height: 136px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cd_list li dl dt img {
}
.cd_list li dl dd {
	color: #c29a67;
	font-size: 13px;
	text-align: center;
}
.cd_list li dl dd a {
	color: #c29a67;
}
.cd_list li dl dd.name {
	color: #423b3b;
	font-size: 15px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	margin-top: 10px;
	width: 134px;
}
.cd_list li dl dd.name a {
	color: #423b3b;
}
.cd_list li dl dd.name a:hover {
	text-decoration: underline;
}
.cd_prev {
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 86px;
	background: url('https://lwi.nexon.com/baram/home/cody/cd_bn_btn.png') no-repeat;
}
.cd_prev:hover {
	background-position-y: -24px;
}
.cd_prev a {
	font-size: 0;
	width: 100%;
	height: 100%;
	float: left;
}
.cd_next {
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 86px;
	background: url('https://lwi.nexon.com/baram/home/cody/cd_bn_btn.png') no-repeat;
	transform: rotate(-180deg);
}
.cd_next:hover {
	background-position-y: -24px;
}
.cd_next a {
	font-size: 0;
	width: 100%;
	height: 100%;
	float: left;
}
.not_cody_list {
	width: 100%;
	float: left;
	height: 477px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #c29a67;
	font-size: 20px;
}
.not_cody_list ul li {
	width: 100%;
	text-align: center;
	margin: 7px 0;
	font-size: 20px;
}
.cd_view_h1 {
	margin: 18px 40px !important;
}
.answer_area ul li {
	float: left;
	margin-left: 5px;
}
.dress_view .coment_wrap textarea {
	width: 935px !important;
}
.dress_view .emoticon_wrap {
	width: 1088px !important;
}
.dress_view .emoticon_bg {
	width: 1088px !important;
}
.dress_view .emoticon_close {
	top: -84px !important;
}
.dress_view .coment_list3 {
	width: 1033px !important;
}
.dress_view .coment_list3 li dl dd.data {
	width: 740px !important;
}
.dress_view .coment_del_btn {
	right: -43px !important;
}
.coment_more_wrap3 {
	width: 100%;
	height: 44px;
	float: left;
	background-color: #ededed;
	margin-bottom: 194px;
}
.coment_more_wrap3 a {
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}
.coment_more_wrap3 em {
	font-style: normal;
	color: #c23c3c;
	font-size: 16px;
	height: 21px;
	line-height: 21px;
	margin-right: 5px;
}
.coment_more_wrap3 span {
	font-size: 16px;
	color: #332d2d;
	background: url('https://lwi.nexon.com/baram/home/cody/reple_more.png') right center no-repeat;
	padding-right: 25px;
	height: 21px;
	line-height: 21px;
}
.con_wrap .v_h1 {
	font-family: 'NanumSquare', sans-serif;
}

.con_wrap ul.fi_list2 {
	overflow: hidden;
	width: 769px;
	float: left;
	margin-left: 29px;
	margin-top: 2px;
}

.con_wrap ul.fi_list2 > li {
	position: relative;
	float: left;
	width: 377px;
	height: 34px;
	margin-right: 15px;
	border-bottom: 1px solid #e0e0e0;
}

.con_wrap ul.fi_list2 > li:hover {
	background: #f4f1ec;
}

.con_wrap ul.fi_list2 > li:nth-child(1) {
	border-top: 1px solid #e0e0e0;
}
.con_wrap ul.fi_list2 > li:nth-child(2) {
	border-top: 1px solid #e0e0e0;
}
.con_wrap ul.fi_list2 > li:nth-child(2n) {
	margin-right: 0;
}

.con_wrap ul.fi_list2 > li a {
	display: block;
	overflow: hidden;
	height: 34px;
	padding: 0 10px;
	cursor: default;
}

.con_wrap ul.fi_list2 > li .fi_ip {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 127px;
}

.con_wrap ul.fi_list2 > li .fi_it {
	margin: 0 38px 0 127px;
}

.con_wrap ul.fi_list2 > li .fi_it .color_sel {
	margin: 5px 0 0 0;
}

.con_wrap ul.fi_list2 > li .fi_it .color_sel:hover .color_tip .color_bg01 {
	display: none;
}

.con_wrap ul.fi_list2 > li .fi_it ul li,
.con_wrap ul.fi_list > li .fi_it .color_wrap ul li {
	cursor: auto;
}

.con_wrap ul.fi_list2 > li p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: 'Malgun Gothic', sans-serif;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #685e60;
}

.con_wrap ul.fi_list2 > li p.fl_t1 {
	padding-left: 27px;
	margin-top: 8px;
}

.con_wrap ul.fi_list2 > li.fi_l1 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l1.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l2 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l2.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l3 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l3.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l4 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l4.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l5 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l5.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l6 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l6.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l7 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l7.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l8 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l8.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l9 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l9.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l10 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l10.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l11 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l11.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l12 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l12.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l13 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l13.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l14 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l14.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l15 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l15.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l16 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l16.png) no-repeat left 0;
}
.con_wrap ul.fi_list2 > li.fi_l17 p.fl_t1 {
	background: url(https://lwi.nexon.com/baram/home/cody/fi_l17.png) no-repeat left 0;
}

.con_wrap ul.fi_list2 > li p.fl_c {
	padding-left: 48px;
	margin-top: 7px;
	background: url(https://lwi.nexon.com/baram/home/cody/fl_c.png) no-repeat left 0;
}

.con_wrap ul.fi_list2 > li p.fl_n {
	padding-left: 48px;
	margin-top: 7px;
	background: url(https://lwi.nexon.com/baram/home/cody/fl_n.png) no-repeat left 0;
}

.con_wrap ul.fi_list2 > li.fi_l16 p.fl_n,
.con_wrap ul.fi_list2 > li.fi_l17 p.fl_n {
	background: none;
}

.con_wrap ul.fi_list2 > li button.fl_close {
	display: none;
	position: absolute;
	top: 8px;
	right: 10px;
	width: 18px;
	height: 18px;
	background: url(https://lwi.nexon.com/baram/home/cody/fl_close.png) no-repeat;
}

.con_wrap ul.fi_list2 > li button.fl_close.on {
	display: block;
}

.con_wrap ul.fi_list2 > li button.fl_close:hover {
	background-position-y: -38px;
}
.v_show_r {
	width: 332px;
	height: 345px;
	float: left;
	position: relative;
}
.v_show_r.dark {
	background: url('https://lwi.nexon.com/baram/home/cody/v_show_room_dark.png') no-repeat;
}
.v_show_r.white {
	background: url('https://lwi.nexon.com/baram/home/cody/v_show_room_white.png') no-repeat;
}
.v_show_r .all_btn {
	position: absolute;
	left: 1px;
	bottom: 1px;
}
.v_h1 {
	color: #423b3b;
	font-size: 18px;
	font-weight: bold;
	float: left;
	margin-left: 40px;
}
.show_img {
	width: 332px;
	height: 304px;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}

.board_type3 li dl dt.time {
	border-bottom: 1px solid #ecebe9;
}

.board_type3 li dl dd.title2 {
	width: 845px;
	float: left;
	color: #272525;
	font-size: 16px;
	position: relative;
	border-left: 1px solid #ecebe9;
}

.board_type3 li dl dd.title2 p {
	float: left;
	padding-left: 70px;
	max-width: none;
	width: 880px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	font-family: 'Malgun Gothic';
}

.board_type3 li dl dd.title2 p.new_icon {
	background: url('https://ssl.nexon.com/S2/Game/baram/2016/renewal/board_new_icon.png') 20px center no-repeat;
}

.board_type3 li dl dd.title2 a {
	color: #272525;
	font-size: 16px;
	font-family: 'Malgun Gothic';
}

.board_type3 li dl dd.title2 a:hover {
	color: #c23c3c;
	text-decoration: underline;
}

.board_type3 li dl dd.title2 span {
	position: absolute;
	width: 810px;
	left: 7px;
	top: 62px;
	border: 1px solid #000;
	line-height: 20px;
	font-size: 13px;
	color: #797272;
	background-color: #fff;
	padding: 10px;
	z-index: 10;
	display: none;
	font-family: 'Malgun Gothic';
	overflow: hidden;
	text-overflow: ellipsis;
}
.csp_con {
	width: 1130px;
	height: 200px;
	background: url('https://lwi.nexon.com/baram/home/csp/csp_bg.png') no-repeat;
	float: left;
	position: relative;
	margin-bottom: 33px;
}
.csp_con_h {
	width: 100%;
	height: 50px;
	float: left;
}
.csp_con_b {
	width: 100%;
	height: 150px;
	float: left;
}
.csp_ch {
	position: absolute;
	left: 38px;
	top: 14px;
}
.csp_ch li {
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 5px;
	background: url('https://lwi.nexon.com/baram/home/csp/csp_ch.png') no-repeat;
	background-size: 400% 100%;
}
.csp_ch li a {
	font-size: 0;
	width: 100%;
	height: 100%;
	float: left;
}
.csp_ch li.ch2 {
	background-position-x: -36px;
}
.csp_ch li.ch3 {
	background-position-x: -72px;
}
.csp_lv {
	height: 50px;
	float: right;
	display: flex;
	align-items: center;
	margin-right: 40px;
}
.csp_lv em {
	background: url('https://lwi.nexon.com/baram/home/csp/csp_lv.png') no-repeat;
	width: 24px;
	height: 28px;
	background-size: 400% 100%;
	display: block;
	margin-left: 10px;
}
.csp_lv em.lv1 {
	background-position-x: 0px;
}
.csp_lv em.lv2 {
	background-position-x: -36px;
}
.csp_lv em.lv3 {
	background-position-x: -72px;
}

.csp_char {
	width: 80px;
	height: 80px;
	float: left;
	margin-left: 38px;
	margin-top: 34px;
}
.csp_info_txt {
	margin-left: 30px;
	width: 711px;
	height: 90px;
	float: left;
	margin-top: 28px;
	color: #797272;
	font-size: 14px;
	display: flex;
	align-items: center;
	word-break: break-all;
	overflow: hidden;
}
.csp_btn_wrap {
	width: 180px;
	float: right;
	margin-top: 31px;
	margin-right: 40px;
}
.csp_btn_wrap ul li {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	height: 42px;
	background: url('https://lwi.nexon.com/baram/home/csp/csp_btn.png') no-repeat;
}
.csp_btn_wrap ul li:hover {
	background-position-x: -180px;
}
.csp_btn_wrap ul li a {
	width: 100%;
	height: 100%;
	float: left;
	font-size: 0;
}
.csp_btn_wrap ul li.btn01 {
	background-position-y: -70px;
}
.csp_btn_wrap ul li.btn02 {
	background-position-y: -140px;
}

.info_box {
	width: 100%;
	float: left;
	height: 121px;
}
.csp_user_list {
	width: 100%;
	float: left;
	margin-bottom: 22px;
}
.csp_user_list ul {
	width: 1182px;
	margin-top: -17px;
}
.csp_user_list ul li {
	background: url('https://lwi.nexon.com/baram/home/csp/csp_list_bg.png') no-repeat;
	width: 343px;
	height: 310px;
	float: left;
	margin-right: 51px;
	margin-top: 50px;
	position: relative;
}
.csp_user {
	width: 100%;
	float: left;
}
.csp_user dt {
	width: 100%;
	text-align: center;
	margin-top: 43px;
	float: left;
}
.csp_user dt img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.csp_user dd {
	width: 78%;
	text-align: center;
	color: #797272;
	font-size: 14px;
	line-height: 1.2;
	float: left;
	position: relative;
	margin-left: 11%;
	margin-top: 10px;
	max-height: 34px;
	word-break: break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	letter-spacing: -1px;
	font-family: 'malgun gothic', 'NanumSquare';
}
.csp_user dd.user_name {
	color: #373535;
	font-size: 16px;
	margin-top: 10px;
}
.csp_user dd.btn {
}
.ch_btn {
	position: absolute;
	left: 82px;
	top: 248px;
	width: 180px;
	height: 42px;
	background: url('https://lwi.nexon.com/baram/home/csp/csp_btn.png') no-repeat;
}
.ch_btn a {
	width: 100%;
	height: 100%;
	font-size: 0;
	float: left;
}
.ch_btn:hover {
	background-position-x: -180px;
}
.csp_rank1 {
	background: url('https://lwi.nexon.com/baram/home/csp/csp_lv.png') no-repeat;
	width: 40px;
	height: 46px;
	position: absolute;
	left: 15px;
	top: 15px;
	font-size: 0;
}
.csp_rank2 {
	background: url('https://lwi.nexon.com/baram/home/csp/csp_lv.png') -60px 0 no-repeat;
	width: 40px;
	height: 46px;
	position: absolute;
	left: 15px;
	top: 15px;
	font-size: 0;
}
.csp_rank3 {
	background: url('https://lwi.nexon.com/baram/home/csp/csp_lv.png') -120px 0 no-repeat;
	width: 40px;
	height: 46px;
	position: absolute;
	left: 15px;
	top: 15px;
	font-size: 0;
}

.codi_txt table {
	width: 60.58%;
	max-width: 424px;
	border-collapse: separate;
}
.codi_txt table tr {
}
.codi_txt table tr th {
	aspect-ratio: 210 / 32;
	color: #fff8e4;
	text-align: center;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.32px;
	background: url('https://lwi.nexon.com/baram/home/templete/th1.png') no-repeat;
	background-size: 100%;
	display: inline-block;
	width: 49.5%;
	line-height: 190%;
}
.codi_txt table tr th:first-child {
	margin-right: 1%;
}
.codi_txt table tr td {
	aspect-ratio: 210 / 32;
	color: #523f3b;
	text-align: center;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.32px;
	background-color: #fff;
	border-bottom: 1px dashed #312623;
	display: inline-block;
	width: 49.5%;
	line-height: 190%;
}
.codi_txt table tr td:first-child {
	margin-right: 1%;
}
#temp_board {
	position: relative;
	width: 100%;
	max-width: 700px;
	height: auto;
	font-family: 'NEXON Lv2 Gothic';
}
.item_ren_wrap {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'NEXON Lv2 Gothic';
}
.Color1_beige {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'NEXON Lv2 Gothic';
	padding-bottom: 60px;
	background: #fff8e4;
}
.Color2_green {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'NEXON Lv2 Gothic';
	padding-bottom: 60px;
	background: #cdd6ba;
}
.Color3_blue {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'NEXON Lv2 Gothic';
	padding-bottom: 60px;
	background: #bad7eb;
}
.Color4_purple {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'NEXON Lv2 Gothic';
	padding-bottom: 60px;
	background: #cab8e4;
}
.Color5_red {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'NEXON Lv2 Gothic';
	padding-bottom: 60px;
	background: #e4b8c6;
}
.Color6_brown {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'NEXON Lv2 Gothic';
	padding-bottom: 60px;
	background: #523f3b;
}
.Color7_darkgray {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'NEXON Lv2 Gothic';
	padding-bottom: 60px;
	background: #5a5480;
}
.Color8_gray {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'NEXON Lv2 Gothic';
	padding-bottom: 60px;
	background: #9d9db3;
}
.Color9_lightgray {
	width: 100%;
	height: auto;
	float: left;
	font-family: 'NEXON Lv2 Gothic';
	padding-bottom: 60px;
	background: #eae9ee;
}
.Color1_beige h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/custom01.png') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 187;
	font-size: 0;
}
.Color2_green h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/custom02.png') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 187;
	font-size: 0;
}
.Color3_blue h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/custom03.png') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 187;
	font-size: 0;
}
.Color4_purple h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/custom04.png') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 187;
	font-size: 0;
}
.Color5_red h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/custom05.png') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 187;
	font-size: 0;
}
.Color6_brown h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/custom06.png') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 187;
	font-size: 0;
}
.Color7_darkgray h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/custom07.png') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 187;
	font-size: 0;
}
.Color8_gray h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/custom08.png') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 187;
	font-size: 0;
}
.Color9_lightgray h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/custom09.png') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 187;
	font-size: 0;
}
/*.list_3th {margin:0 6%; display: grid; justify-items: center; grid-template-columns: repeat(3, 1fr); gap:8px}
.list_3th li{width:100%; max-width:200px; aspect-ratio:200/218; border-radius: 8px; background: rgba(0, 0, 0, 0.30); }*/
.list_3th {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
.list_3th li {
	width: 30%;
	max-width: 200px;
	aspect-ratio: 200 / 218;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.3);
	position: relative;
}
.list_3th li dl {
}
.list_3th li dl dt {
	width: 100%;
	float: left;
	aspect-ratio: 200 / 136;
	position: relative;
	overflow: hidden;
}
.list_3th li dl dt a {
	width: 100%;
	height: 100%;
	float: left;
}
.list_3th li dl dt a::after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 22px;
	height: 22px;
	content: '';
	background: url('https://lwi.nexon.com/baram/home/templete/av_arrow.png') no-repeat;
}
.list_3th li dl dt img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	height: auto;
	width: auto;
	image-rendering: pixelated;
}
.list_3th li dl dd {
	width: 90%;
	display: flex;
	justify-content: center;
	float: left;
	margin-left: 5%;
}
.item_name {
	color: #533f3e;
	text-align: center;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 112.5%;
	letter-spacing: -0.32px;
	margin-top: 4px;
}
.item_info {
	color: #533f3e;
	text-align: center;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 122.222%;
	letter-spacing: -0.36px;
	margin-top: 8px;
}
.Color1_beige .item_name {
	color: #533f3e;
}
.Color1_beige .item_info {
	color: #533f3e;
}
.Color2_green .item_name {
	color: #533f3e;
}
.Color2_green .item_info {
	color: #533f3e;
}
.Color3_blue .item_name {
	color: #533f3e;
}
.Color3_blue .item_info {
	color: #533f3e;
}
.Color4_purple .item_name {
	color: #533f3e;
}
.Color4_purple .item_info {
	color: #533f3e;
}
.Color5_red .item_name {
	color: #533f3e;
}
.Color5_red .item_info {
	color: #533f3e;
}
.Color6_brown .item_name {
	color: #533f3e;
}
.Color6_brown .item_info {
	color: #533f3e;
}
.Color7_darkgray .item_name {
	color: #fff8e4;
}
.Color7_darkgray .item_info {
	color: #fff8e4;
}
.Color8_gray .item_name {
	color: #fff8e4;
}
.Color8_gray .item_info {
	color: #fff8e4;
}
.Color9_lightgray .item_name {
	color: #533f3e;
}
.Color9_lightgray .item_info {
	color: #533f3e;
}
.Color1_beige .list_3th li,
.Color1_beige .list_2th li,
.Color1_beige .list_4th {
	background: rgba(0, 0, 0, 0.08);
}
.Color2_green .list_3th li,
.Color2_green .list_2th li,
.Color2_green .list_4th {
	background: rgba(255, 255, 255, 0.55);
}
.Color3_blue .list_3th li,
.Color3_blue .list_2th li,
.Color3_blue .list_4th {
	background: rgba(255, 255, 255, 0.55);
}
.Color4_purple .list_3th li,
.Color4_purple .list_2th li,
.Color4_purple .list_4th {
	background: rgba(255, 255, 255, 0.55);
}
.Color5_red .list_3th li,
.Color5_red .list_2th li,
.Color5_red .list_4th {
	background: rgba(255, 255, 255, 0.55);
}
.Color6_brown .list_3th li,
.Color6_brown .list_2th li,
.Color6_brown .list_4th {
	background: #fff;
}
.Color7_darkgray .list_3th li,
.Color7_darkgray .list_2th li,
.Color7_darkgray .list_4th {
	background: rgba(0, 0, 0, 0.3);
}
.Color8_gray .list_3th li,
.Color8_gray .list_2th li,
.Color8_gray .list_4th {
	background: rgba(0, 0, 0, 0.3);
}
.Color9_lightgray .list_3th li,
.Color9_lightgray .list_2th li,
.Color9_lightgray .list_4th {
	background: rgba(0, 0, 0, 0.08);
}
.list_2th {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 24px;
	margin-bottom: 24px;
}
.list_2th li {
	width: 45%;
	max-width: 304px;
	aspect-ratio: 304 / 340;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.3);
	position: relative;
	overflow: hidden;
}
.list_2th li.l {
	width: 45%;
	max-width: 304px;
	aspect-ratio: 304 / 340;
	border-radius: 8px;
	position: relative;
}
.list_2th li a {
	width: 100%;
	height: 100%;
	float: left;
}
.list_2th li a::after {
	position: absolute;
	right: 8px;
	bottom: 8px;
	width: 22px;
	height: 22px;
	content: '';
	background: url('https://lwi.nexon.com/baram/home/templete/av_arrow.png') no-repeat;
	opacity: 0;
}
.list_2th li a:hover::after {
	opacity: 1;
}
.list_2th li img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	height: auto;
	width: auto;
	border-radius: 8px;
	image-rendering: pixelated;
}
.list_4th {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 0px;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.3);
	max-width: 616px;
	margin: 0 auto;
	margin-top: 6px;
	width: 88%;
}
.list_4th li {
	width: 25%;
	max-width: 154px;
	aspect-ratio: 154 / 180;
	position: relative;
	overflow: hidden;
}
.list_4th li a {
	width: 100%;
	height: 100%;
	float: left;
}
.list_4th li a::after {
	position: absolute;
	right: 3px;
	bottom: 8px;
	width: 22px;
	height: 22px;
	content: '';
	background: url('https://lwi.nexon.com/baram/home/templete/av_arrow.png') no-repeat;
	opacity: 0;
}
.list_4th li a:hover::after {
	opacity: 1;
}
.list_4th li img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	height: auto;
	width: auto;
	border-radius: 8px;
	image-rendering: pixelated;
}
.info_txt {
}
.info_txt li {
	display: flex;
	justify-content: center;
	width: 90%;
	margin: 0 auto;
	margin-top: 8px;
}
.info_txt li:first-child {
	margin-top: 24px;
}
.info_txt li p {
	color: #533f3e;
	text-align: center;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.28px;
	padding-left: 7px;
	position: relative;
}
.info_txt li p:before {
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	left: 0px;
	top: 6px;
	background-color: #533f3e;
	opacity: 0.8;
}
.Color6_brown .info_txt li p,
.Color7_darkgray .info_txt li p,
.Color8_gray .info_txt li p {
	color: #fff8e4;
}
.Color6_brown .info_txt li p:before,
.Color7_darkgray .info_txt li p:before,
.Color8_gray .info_txt li p:before {
	background-color: #fff8e4;
}
.codi_txt {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px;
	margin-top: 15px;
}
/* .codi_txt ul{width: 30%; max-width:210px;}
.codi_txt ul li{aspect-ratio: 210 / 32; width:100%; float:left; display:flex; justify-content:center; align-items:center; border-bottom: 1px dashed #312623; background: rgba(0, 0, 0, 0.30);color: #533F3E;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.32px; position:relative;box-sizing:border-box;}
.codi_txt ul li:first-child{border-bottom:0; background:url("th1.png") no-repeat !important; background-size:100% !important;color: #FFF8E4;} */
.Color7_darkgray .codi_txt table tr td,
.Color8_gray table tr td {
	color: #fff8e4;
}
.Color1_beige .codi_txt table tr td {
	border-bottom: 1px dashed #523f3b;
	background: rgba(0, 0, 0, 0.08);
}
.Color2_green .codi_txt table tr td {
	border-bottom: 1px dashed #523f3b;
	background: rgba(255, 255, 255, 0.55);
}
.Color3_blue .codi_txt table tr td {
	border-bottom: 1px dashed #523f3b;
	background: rgba(255, 255, 255, 0.55);
}
.Color4_purple .codi_txt table tr td {
	border-bottom: 1px dashed #523f3b;
	background: rgba(255, 255, 255, 0.55);
}
.Color5_red .codi_txt table tr td {
	border-bottom: 1px dashed #523f3b;
	background: rgba(255, 255, 255, 0.55);
}
.Color6_brown .codi_txt table tr td {
	border-bottom: 1px dashed #312623;
	background: #fff;
}
.Color7_darkgray .codi_txt table tr td {
	border-bottom: 1px dashed #312623;
	background: rgba(0, 0, 0, 0.3);
}
.Color8_gray .codi_txt table tr td {
	border-bottom: 1px dashed #312623;
	background: rgba(0, 0, 0, 0.3);
}
.Color9_lightgray .codi_txt table tr td {
	border-bottom: 1px dashed #523f3b;
	background: rgba(0, 0, 0, 0.08);
}
.Color1_beige .codi_txt table tr th {
	background: url('https://lwi.nexon.com/baram/home/templete/th2.png') no-repeat !important;
	background-size: 100% !important;
	color: #fff8e4;
}
.Color2_green .codi_txt table tr th {
	background: url('https://lwi.nexon.com/baram/home/templete/th2.png') no-repeat !important;
	background-size: 100% !important;
	color: #fff8e4;
}
.Color3_blue .codi_txt table tr th {
	background: url('https://lwi.nexon.com/baram/home/templete/th2.png') no-repeat !important;
	background-size: 100% !important;
	color: #fff8e4;
}
.Color4_purple .codi_txt table tr th {
	background: url('https://lwi.nexon.com/baram/home/templete/th2.png') no-repeat !important;
	background-size: 100% !important;
	color: #fff8e4;
}
.Color5_red .codi_txt table tr th {
	background: url('https://lwi.nexon.com/baram/home/templete/th2.png') no-repeat !important;
	background-size: 100% !important;
	color: #fff8e4;
}
.Color6_brown .codi_txt table tr th {
	background: url('https://lwi.nexon.com/baram/home/templete/th1.png') no-repeat !important;
	background-size: 100% !important;
	color: #fff8e4;
}
.Color7_darkgray .codi_txt table tr th {
	background: url('https://lwi.nexon.com/baram/home/templete/th1.png') no-repeat !important;
	background-size: 100% !important;
	color: #fff8e4;
}
.Color8_gray .codi_txt table tr th {
	background: url('https://lwi.nexon.com/baram/home/templete/th1.png') no-repeat !important;
	background-size: 100% !important;
	color: #fff8e4;
}
.Color9_lightgray .codi_txt table tr th {
	background: url('https://lwi.nexon.com/baram/home/templete/th2.png') no-repeat !important;
	background-size: 100% !important;
	color: #fff8e4;
}

.codi_tb {
	width: 88%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.codi_tb table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px; /* 세로 간격 1px 설정 */
}
.codi_tb table tr {
}
.codi_tb table tr th {
	aspect-ratio: 150 / 32;
	color: #fff8e4;
	text-align: center;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.32px;
	background: url('https://lwi.nexon.com/baram/home/templete/th_2.png') no-repeat;
	background-size: 100%;
	display: inline-block;
	width: 24.36%;
	line-height: 190%;
}
.codi_tb table tr td {
	aspect-ratio: 464 / 32;
	color: #523f3b;
	text-align: center;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.32px;
	background: url('https://lwi.nexon.com/baram/home/templete/td_2.png') no-repeat;
	background-size: 100%;
	display: inline-block;
	width: 75.64%;
	line-height: 190%;
}
.Color6_brown .codi_tb table tr th,
.Color7_darkgray .codi_tb table tr th {
	background: url('https://lwi.nexon.com/baram/home/templete/th_1.png') no-repeat;
	background-size: 100%;
	color: #fff8e4;
}
.Color6_brown .codi_tb table tr td,
.Color7_darkgray .codi_tb table tr td {
	background: url('https://lwi.nexon.com/baram/home/templete/td_1.png') no-repeat;
	background-size: 100%;
	color: #fff;
}
.tmp_bnt01 {
	max-width: 460px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	background-color: #523f3b;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff8e4;
	font-size: 20px;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 2.6% 4.5%;
}
.tmp_bnt01::after {
	content: ''; /* 아이콘 또는 텍스트 */
	display: inline-block;
	width: 22px; /* 아이콘 너비 */
	height: 22px; /* 아이콘 높이 */
	margin-left: 8px; /* 텍스트와 아이콘 사이 간격 */
	background-image: url('https://lwi.nexon.com/baram/home/templete/arrow_2.jpg'); /* 아이콘 이미지 */
	background-size: contain;
	background-repeat: no-repeat;
}
.Color6_brown .tmp_bnt01,
.Color7_darkgray .tmp_bnt01,
.Color8_gray .tmp_bnt01 {
	background-color: #fff8e4;
	color: #523f3b;
}
.Color6_brown .tmp_bnt01::after,
.Color7_darkgray .tmp_bnt01::after,
.Color8_gray .tmp_bnt01::after {
	background-image: url('https://lwi.nexon.com/baram/home/templete/arrow_1.jpg'); /* 아이콘 이미지 */
	background-size: contain;
	background-repeat: no-repeat;
}
.btn_l {
	max-width: 538px;
	aspect-ratio: 538 / 60;
	width: 76.86%;
}
.btn_s {
	/* max-width: 257px !important;
	aspect-ratio: 257 / 60 !important;
	width: 36.72% !important; */
}
.tmp_wrap {
	position: relative;
	width: 100%;
	float: left;
}
.btn_wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin-top: 25px;
}
.btn_wrap a {
	position: unset;
	left: 0;
	transform: translateX(0);
}
@media (max-width: 700px) {
	.item_name {
		font-size: calc(16px * 0.9);
		margin-top: calc(10px * 0.9);
	}
	.item_info {
		font-size: calc(18px * 0.9);
		margin-top: calc(8px * 0.9);
	}
	.info_txt li p {
		font-size: calc(18px * 0.9);
	}
	.codi_txt ul li {
		font-size: 2.2857vw;
	}
	.codi_tb table tr th {
		font-size: 2.2857vw;
	}
	.codi_tb table tr td {
		font-size: 2.2857vw;
	}
	.codi_txt table tr th {
		font-size: 2.2857vw;
	}
	.codi_txt table tr td {
		font-size: 2.2857vw;
	}
	.tmp_bnt01 {
		font-size: 2.8571vw;
		border-radius: 4px;
	}
	.tmp_bnt01::after {
		width: 11px;
		height: 11px;
	}
	.tmp_bnt02 {
		font-size: 2.8571vw;
	}
	.list_3th li dl dt img {
		max-width: 100%;
		max-height: 100%;
	}
	.list_4th li img {
		max-width: 100%;
		max-height: 100%;
	}
	.list_2th li img {
		max-width: 100%;
		max-height: 100%;
	}
	/*
  .new_item_list01{padding-top:26.7143vw}
  .new_item_list02{padding-top:26.7143vw}
  .new_item_list03{padding-top:26.7143vw}
  .new_item_list04{padding-top:26.7143vw}
  .new_item_list05{padding-top:26.7143vw}
  .new_item_list06{padding-top:26.7143vw}
  .new_item_list07{padding-top:26.7143vw}
  .new_item_list08{padding-top:26.7143vw}
  .new_item_list09{padding-top:26.7143vw}*/
}
@media (max-width: 500px) {
	.item_name {
		font-size: 2.2857vw;
		margin-top: calc(10px * 0.8);
	}
	.item_info {
		font-size: 2.5714vw;
		margin-top: calc(8px * 0.8);
	}
	.info_txt li p {
		font-size: 2.5714vw;
	}
	.codi_txt ul li {
		font-size: 2.2857vw;
	}
}
.luxury_outfit_effect .Color1_beige h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/luxury_h1_01.jpg') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 147;
	font-size: 0;
}
.luxury_outfit_effect .Color2_green h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/luxury_h1_02.jpg') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 147;
	font-size: 0;
}
.luxury_outfit_effect .Color3_blue h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/luxury_h1_03.jpg') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 147;
	font-size: 0;
}
.luxury_outfit_effect .Color4_purple h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/luxury_h1_04.jpg') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 147;
	font-size: 0;
}
.luxury_outfit_effect .Color5_red h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/luxury_h1_05.jpg') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 147;
	font-size: 0;
}
.luxury_outfit_effect .Color6_brown h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/luxury_h1_06.jpg') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 147;
	font-size: 0;
}
.luxury_outfit_effect .Color7_darkgray h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/luxury_h1_07.jpg') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 147;
	font-size: 0;
}
.luxury_outfit_effect .Color8_gray h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/luxury_h1_08.jpg') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 147;
	font-size: 0;
}
.luxury_outfit_effect .Color9_lightgray h1 {
	width: 100%;
	background: url('https://lwi.nexon.com/baram/home/templete/luxury_h1_09.jpg') no-repeat;
	background-size: 100%;
	aspect-ratio: 700 / 147;
	font-size: 0;
}
.luxury_outfit_effect h1 + .list_2th {
	margin-top: 0;
}