@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
* {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	box-sizing: border-box;
	word-wrap: break-word;
	word-break: keep-all
}

html {
	-webkit-text-size-adjust: none;
	height: 100%
}

body {
	font-family: "PretendardRegular", sans-serif
}

body .medium {
	font-family: "PretendardMedium", sans-serif
}

body .bold {
	font-family: "PretendardSemiBold", sans-serif
}

body .bold2 {
	font-family: "PretendardBold", sans-serif
}

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

button {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: none;
	outline: none;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	border: 0;
	outline: 0;
	box-sizing: border-box
}

button:disabled {
	cursor: default
}

a {
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	text-decoration: none;
	outline: 0
}

input,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	box-sizing: border-box
}

label {
	cursor: pointer
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: ""
}

ol,
ul,
li {
	list-style: none
}

em,
address {
	font-style: normal
}

hr {
	display: block;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 1px
}

table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse
}

table,
th,
td,
tr {
	border: 1px solid #000
}

.tb {
	display: table;
	width: 100%;
	height: 100%
}

.cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle
}

input,
textarea {
	font-size: inherit;
	line-height: inherit;
	outline: none;
	outline: 0;
	-webkit-appearance: none
}

textarea {
	width: 100%;
	height: 100%;
	resize: none
}

pre {
	white-space: normal
}

font {
	white-space: inherit
}

input,
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

@font-face {
	font-family: "PretendardMedium";
	font-weight: 500;
	src: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/common/font/Pretendard/Pretendard-Medium.woff2") format("woff2"), url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/common/font/Pretendard/Pretendard-Medium.woff") format("woff")
}

@font-face {
	font-family: "PretendardRegular";
	font-weight: 500;
	src: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/common/font/Pretendard/Pretendard-Regular.woff2") format("woff2"), url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/common/font/Pretendard/Pretendard-Regular.woff") format("woff")
}

@font-face {
	font-family: "PretendardSemiBold";
	font-weight: 700;
	src: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/common/font/Pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/common/font/Pretendard/Pretendard-SemiBold.woff") format("woff")
}

@font-face {
	font-family: "PretendardBold";
	font-weight: 700;
	src: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/common/font/Pretendard/Pretendard-Bold.woff2") format("woff2"), url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/common/font/Pretendard/Pretendard-Bold.woff") format("woff")
}

input::-webkit-input-placeholder {
	color: #8d8d8d !important
}

input::-moz-placeholder {
	color: #8d8d8d !important
}

input:-ms-input-placeholder {
	color: #8d8d8d !important
}

input:-moz-placeholder {
	color: #8d8d8d !important
}

input::-ms-clear,
input::-ms-reveal {
	display: none;
	width: 0;
	height: 0
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
	display: none
}

textarea::placeholder {
	color: #b5b5b5;
}

a.skip_to_content {
	width: 1px;
	height: 1px;
	position: absolute;
	overflow: hidden;
	z-index: -999;
	top: -50px;
	right: 0;
	left: 0
}

a.skip_to_content:focus,
a.skip_to_content:active {
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	z-index: 999;
	top: 0;
	margin: 0;
	padding: 5px 5px 2px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000
}

.hide {
	position: absolute;
	left: -1000px;
	top: -1000px;
	overflow: hidden;
	width: 1px;
	height: 1px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	color: rgba(0, 0, 0, 0)
}

/*!* ** slick Slider ** *!
.slick-list,
.slick-track {width: 100%;height: 100% !important;overflow: hidden;}
.slick-slide {position: relative;float: left;width: 100%;height: 100%;overflow: hidden;cursor: pointer;outline: 0;}
.slick-slide a{display: block;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: 50% 0;}
.slick-slide img{width: 100%;height: 100%;}
.slick-arrow {position: absolute;z-index: 10;top: 50%;width: 40px;height: 60px;font-size: 0;color: transparent;cursor: pointer;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.arrows {margin: 0 auto;width: 800px;height: 96px;}
.slick-arrow.slick-prev,
.slick-arrow.btn_prev {left: 0;background-position: -435px -27px;}
.slick-arrow.slick-next,
.slick-arrow.btn_next {right: 0;background-position: -470px -27px;}
.slick-arrow.slick-hidden {display: none;}
.slick-dots {position: absolute;bottom: 12px;left: 50%;width: 100%;height: 6px;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);text-align: center;
	& > li {
		display: inline-block;width: 6px;height: 6px;margin: 0 2px;vertical-align: top;background-color: #212226;border-radius: 50%;overflow: hidden;
	}
	& > li.slick-active {background-color: #fff;}
	& > li button {width: 100%;height: 100%;font-size: 1px;color: transparent;}
}
.swiper-slide a{position: relative;display: block;height: 100%;}
.swiper-slide img{width: 100%;height: 100%;}
.swiper-pagination{z-index: 1;}
.swiper-pagination-bullet{opacity: 1;}*/
.slick-list,
.slick-slider,
.slick-track {
	display: block;
	position: relative;
	display: flex;
	align-items: center;
	text-align: center
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
	visibility: hidden
}

.slick-slider {
	box-sizing: border-box;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-slider img {
	display: none;
	opacity: 0
}

.slick-slider .slick-active img {
	display: block;
	opacity: 1;
	display: inline-block
}

.slick-slider .item {
	width: calc(100% - 400px);
	height: auto
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin: 0 auto
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	top: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ""
}

.slick-track:after {
	clear: both
}

.slick-slide {
	height: 100%;
	min-height: 1px;
	display: none;
	float: left
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	width: 100%;
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-vertical .slick-slide {
	height: auto;
	display: block;
	border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-prev {
	position: absolute;
	width: 50px;
	height: 70px;
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='70' viewBox='0 0 50 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 0 0 34.998 35 70v-9.127L9.127 34.998 35 9.128V0zM20.165 34.998l14.918 14.917 14.915-14.917-14.915-14.915-14.918 14.915z' fill='%237E7E7E' fill-rule='evenodd'/%3E%3C/svg%3E");
	top: 50%;
	left: -100px;
	transform: translateY(-50%)
}

.slick-next {
	position: absolute;
	width: 50px;
	height: 70px;
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='70' viewBox='0 0 50 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 0 0 34.998 35 70v-9.127L9.127 34.998 35 9.128V0zM20.165 34.998l14.918 14.917 14.915-14.917-14.915-14.915-14.918 14.915z' fill='%237E7E7E' fill-rule='evenodd'/%3E%3C/svg%3E");
	top: 50%;
	right: -100px;
	transform: translateY(-50%) rotate(180deg)
}

.slick-arrow {
	z-index: 10;
	font-size: 0;
	background-size: 100% 100%
}

.slick-arrow:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='70' viewBox='0 0 50 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 0 0 34.998 35 70v-9.127L9.127 34.998 35 9.128V0zM20.165 34.998l14.918 14.917 14.915-14.917-14.915-14.915-14.918 14.915z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.slick-list,
.slick-track,
.slick-slide>div {
	height: 100%
}

.pop_phone .btn_close:before,
.pop_phone .agreement input[type=checkbox]:checked+label:before,
.pop_phone .agreement input[type=checkbox]+label:before,
.pop_grade .btn_close:before,
.pfp_zone .btn_close:before,
.pfp_zone input[type=checkbox]:checked+label:before,
.pfp_zone input[type=checkbox]+label:before,
.pfp_zone .pfp_body .pfp_avatar li.current:after,
	/* .paging>button.btn_next:hover,
.paging>button.btn_next,
.paging>button.btn_prev:hover,
.paging>button.btn_prev,
 .info li.comment:before,
.info li.view:before,
.info li.like:before,
.btn_share:before,
.post_vote dl dd input[type=checkbox]:checked+label:before,
.post_vote dl dd input[type=checkbox]+label:before,
.post_vote dl dd input[type=radio]:checked+label:before,
.post_vote dl dd input[type=radio]+label:before,
.board.view .move_list li.next .arrow:before,
.board.view .move_list li span.arrow:before,
.board.view .textarea .list_attach li .ibtn_del,
.board.view .textarea .btn_camera:hover,
.board.view .textarea .btn_camera,
.board.view .like_wrap button.dislike.on:before,
.board.view .like_wrap button.dislike:before,
.board.view .like_wrap button:before,
.board.view .like_wrap button.like.on:before,
.board.view .reply_wrap .reply_total:before,
.board_list_img.video .list li:hover .img:before,
.my_page_wrap .user_wrap .alert .btn_close,
.board_list_img .list li.comment:before,
.board_list_img .list li.view:before,
.board_list_img .list li.like:before,
.board_list li.board_item .titicons .titicon_img,
.board_list li.board_item .desc.titicon_img:after, */
.board.view .textarea .list_attach li .ibtn_del,
#CMMpop_agree .pop_close,
#CMMpop_gamestart .pop_close,
#CMMpop_report .report_choice input[type=radio]:checked+label:before,
#CMMpop_report .report_choice input[type=radio]+label:before,
	/*#CMMpop_report .title:before,
 [id^=CMMpop_default] .pop_layer .pop_close,
#CMMpop_share .pop_layer .pop_close,
#CMMpop_share .sns_list li .img.reddit,
#CMMpop_share .sns_list li .img.line,
#CMMpop_share .sns_list li .img.kakao,
#CMMpop_share .sns_list li .img.whatsapp,
#CMMpop_share .sns_list li .img.facebook,
#CMMpop_share .sns_list li .img.share,
#CMMpop_temporarily .pop_close,
#CMMpop_temporarily .save_list .btn_close:before,
/* .board .tool_list li.trash:before,
.board .tool_list li.modify:before,
.board .tool_list li:before,
.board .btn_tool_more,*/
	/*.board .btn_write:before,
.board .select_sort .btn_select.on:after,
.board .select_sort .btn_select:hover:after,
.board .select_sort .btn_select:after,*/
[id^=CMMpop_default] .pop_layer .pop_close,
.main .board_area_2 .board_wrap .text_wrap.new:before,
.main .board_area_1 .list_video .swiper_video .swiper-slide a:hover:after,
.main .board_area_1 .list_video .swiper_video .swiper-slide.new:after,
.main .board_area_1 .list_notice .desc.new:before,
#CMMfooter .lang button:after,
#CMMfooter .logo,
#CMMfooter .download_list li.windows,
#CMMfooter .download_list li.one,
#CMMfooter .download_list li.apple,
#CMMfooter .download_list li.google,
#CMMfooter .sns_list li.kakao,
#CMMfooter .sns_list li.facebook,
#CMMfooter .sns_list li.twitter,
#CMMfooter .sns_list li.cafe,
#CMMfooter .sns_list li.youtube,
[id^=CMMheader] .header_right .search_wrap .btn_search.on+.inp_wrap .btn_del:before,
[id^=CMMheader] .header_right .search_wrap .btn_search:hover,
[id^=CMMheader] .header_right .search_wrap .btn_search,
[id^=CMMheader] .header_right .link_coupon:hover,
[id^=CMMheader] .header_right .link_coupon,
[id^=CMMheader] .nav>li .depth2 li.link_outside a:hover span:after,
[id^=CMMheader] .nav>li .depth2 li.link_outside a span:after,
[id^=CMMheader] .nav>li.link_outside a:hover span:after,
[id^=CMMheader] .nav>li.link_outside a span:after,
[id^=CMMheader] .nav>li.arrow:after,
[id^=CMMheader] .nav_wrap.on .logo+.nav>li.link_outside a span:after,
[id^=CMMheader] .btn_menu.on,
[id^=CMMheader] .btn_menu,
[id^=CMMheader]:hover .nav li.link_outside a span:after {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/sprite_set-f72dac978f.png");
	background-repeat: no-repeat
}

body {
	height: 100%
}

#COMMUNITYwrap {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	min-width: 1450px
}

#COMMUNITYwrap section {
	flex: 1;
	position: relative;
	overflow: hidden
}

select.select {
	display: none
}

#CMMheader_2 {
	display: none
}

[id^=CMMheader] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 80px;
	z-index: 110;
	color: #fff;
	background: #000;
	padding: 0 40px 0 211px;
	min-width: 1450px;
	font-family: "PretendardRegular", sans-serif
}

[id^=CMMheader]:after {
	content: "";
	display: block;
	clear: both
}

[id^=CMMheader]:hover .nav li a {
	color: #8d8d8d
}

[id^=CMMheader]:hover .nav li.link_outside a span:after {
	background-position: 0 100%;
	background-size: 2562.5% 2554.16%
}

[id^=CMMheader] .container {
	margin: 0;
	height: 100%;
	position: relative
}

[id^=CMMheader].header_error h1.logo {
	left: 50% !important;
	transform: translateX(-50%)
}

[id^=CMMheader] h1.logo {
	width: 121px;
	height: 36px;
	position: absolute;
	top: 22px;
	left: 40px;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

[id^=CMMheader] h1.logo a {
	width: 100%;
	height: 100%;
	display: block
}

[id^=CMMheader] .nav_wrap .logo {
	display: none;
	width: 121px;
	height: 36px;
	position: absolute;
	top: 22px;
	left: 40px;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

[id^=CMMheader] .nav_wrap .logo a {
	width: 100%;
	height: 100%;
	display: block
}

[id^=CMMheader] .sub_title {
	display: none
}

[id^=CMMheader] .btn_menu {
	display: none;
	background-position: 99.83% 91.51%;
	background-size: 2562.5% 2554.16%;
	z-index: 70
}

[id^=CMMheader] .btn_menu.on {
	background-position: 0 95.39%;
	background-size: 1281.25% 1277.08%
}

[id^=CMMheader] .btn_back {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.647 2 6 12l9.647 10L17 20.599 8.706 12 17 3.403z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
	width: 24px;
	height: 24px;
	background-size: 100% 100%;
	position: absolute;
	top: 22px;
	left: 20px;
	left: calc(constant(safe-area-inset-left) + 22px);
	left: calc(env(safe-area-inset-left) + 22px)
}

[id^=CMMheader] .btn_check {
	font-size: 16px;
	line-height: 20px;
	position: absolute;
	top: 24px;
	right: 20px;
	right: calc(constant(safe-area-inset-right) + 20px);
	right: calc(env(safe-area-inset-right) + 20px)
}

[id^=CMMheader] .nav_wrap.on .logo {
	background: #a76c38;
	height: 68px;
	position: fixed;
	top: 0;
	left: 0;
	width: 380px;
	z-index: 60;
	display: none
}

[id^=CMMheader] .nav_wrap.on .logo+.nav {
	display: block;
	left: 0
}

[id^=CMMheader] .nav_wrap.on .logo+.nav>li.link_outside a span:after {
	background-position: 4.39% 100%;
	background-size: 2562.5% 2554.16%
}

[id^=CMMheader] .nav_wrap {
	height: 100%;
	display: inline-block
}

[id^=CMMheader] .nav {
	font-size: 16px;
	line-height: 20px;
	height: 100%;
	float: left
}

[id^=CMMheader] .nav>li {
	height: 100%;
	display: flex;
	align-items: center;
	float: left;
	position: relative
}

[id^=CMMheader] .nav>li:hover .depth2,
[id^=CMMheader] .nav>li:active .depth2 {
	display: block
}

[id^=CMMheader] .nav>li:first-child a {
	padding-left: 0
}

[id^=CMMheader] .nav>li.go_event span {
	background-image: linear-gradient(to bottom, #ffd992, #b07c3a 77%, #ad7936);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

[id^=CMMheader] .nav>li.on>a {
	color: #fff;
	position: relative
}

[id^=CMMheader] .nav>li.arrow:after {
	display: none;
	background-position: 66.49% 20.79%;
	background-size: 1708.33% 1702.77%
}

[id^=CMMheader] .nav>li.new a span {
	position: relative
}

[id^=CMMheader] .nav>li.new a span:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #f04242;
	top: 50%;
	transform: translateY(-50%);
	left: -14px;
	position: absolute
}

[id^=CMMheader] .nav>li.link_outside a span:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background-position: 8.79% 100%;
	background-size: 2562.5% 2554.16%;
	margin-left: 4px
}

[id^=CMMheader] .nav>li.link_outside a:hover span:after {
	background-position: 8.79% 100%;
	background-size: 2562.5% 2554.16%
}

[id^=CMMheader] .nav>li:first-child {
	padding-left: 0
}

[id^=CMMheader] .nav>li>a {
	width: 100%;
	height: 100%;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 0 25px
}

[id^=CMMheader] .nav>li>a:hover {
	color: #fff
}

[id^=CMMheader] .nav>li .depth2 {
	display: none;
	position: absolute;
	top: 100%;
	padding: 30px 20px 30px 34px;
	font-size: 14px;
	line-height: 18px;
	background: #000;
	border-top: 1px solid #2d2d2d;
	min-width: 140px;
	max-width: 200px
}

[id^=CMMheader] .nav>li .depth2 li {
	margin-top: 10px;
	position: relative
}

[id^=CMMheader] .nav>li .depth2 li:first-child {
	margin-left: 0;
	margin-top: 0
}

[id^=CMMheader] .nav>li .depth2 li span {
	position: relative
}

[id^=CMMheader] .nav>li .depth2 li a span:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #3d3d3d;
	top: 6px;
	left: -14px;
	position: absolute;
	transform: inherit
}

[id^=CMMheader] .nav>li .depth2 li.new a span:before {
	background: #f04242
}

[id^=CMMheader] .nav>li .depth2 li.on a {
	color: #fff
}

[id^=CMMheader] .nav>li .depth2 li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}

[id^=CMMheader] .nav>li .depth2 li a:hover {
	color: #fff
}

[id^=CMMheader] .nav>li .depth2 li.link_outside a span:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background-position: 0 100%;
	background-size: 2562.5% 2554.16%;
	margin-left: 3px;
	vertical-align: top;
	margin-top: 3px
}

[id^=CMMheader] .nav>li .depth2 li.link_outside a:hover span:after {
	background-position: 8.79% 100%;
	background-size: 2562.5% 2554.16%
}

[id^=CMMheader] .header_right {
	position: absolute;
	display: flex;
	align-items: center;
	height: 100%;
	top: 0;
	right: 0
}

[id^=CMMheader] .header_right.login .btn_login {
	display: none
}

[id^=CMMheader] .header_right.login .link_coupon {
	margin-left: 0
}

[id^=CMMheader] .header_right.login .user {
	display: block
}

[id^=CMMheader] .header_right.login .btn_profile {
	display: inline-block !important
}

[id^=CMMheader] .header_right .login_wrap {
	display: flex;
	align-items: center
}

[id^=CMMheader] .header_right .btn_login {
	font-size: 16px;
	line-height: 20px
}

[id^=CMMheader] .header_right .link_coupon {
	width: 27px;
	height: 24px;
	background-position: 88.77% 29.55%;
	background-size: 1138.88% 1277.08%;
	margin-left: 40px
}

[id^=CMMheader] .header_right .link_coupon:hover {
	background-position: 98.75% 29.55%;
	background-size: 1138.88% 1277.08%
}

[id^=CMMheader] .header_right .user {
	display: none;
	position: relative;
	margin-left: 40px
}

[id^=CMMheader] .header_right .user .btn_profile {
	width: 36px;
	height: 36px;
	background-size: cover;
	display: none;
	border-radius: 50%;
	overflow: hidden
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap {
	padding: 37px 40px 30px 114px;
	border: solid 1px #2d2d2d;
	background-color: rgba(0, 0, 0, .94);
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .26);
	border-radius: 10px;
	top: 46px;
	right: -20px;
	min-height: 114px;
	display: flex;
	align-items: center;
	min-width: 330px
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .text_wrap {
	display: table;
	white-space: nowrap
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .img_profile {
	display: inline-block;
	width: 54px;
	height: 54px;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 20px;
	position: absolute;
	top: 30px;
	left: 40px;
	border-radius: 50%;
	overflow: hidden
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .username {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	margin-right: 24px;
	position: relative
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .username:after {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #5e5e5e;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	right: -14px;
	position: absolute
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .btn_logout {
	display: inline-block;
	color: #8d8d8d;
	font-size: 16px;
	line-height: 20px
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .grade {
	color: #b3a9a9;
	font-size: 14px;
	line-height: 20px;
	margin-top: 4px
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .grade .img {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: -2px
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .grade .img.grade_1 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_1.png") !important
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .grade .img.grade_2 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_2.png") !important
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .grade .img.grade_3 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_3.png") !important
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .grade .img.grade_4 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_4.png") !important
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .grade .img.grade_5 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_5.png") !important
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .grade .img.grade_6 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_6.png") !important
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .grade .img.grade_7 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_7.png") !important
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .grade .img.grade_8 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_8.png") !important
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .grade .img.grade_9 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_9.png") !important
}

[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .grade .img.grade_10 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_10.png") !important
}

[id^=CMMheader] .header_right .search_wrap {
	margin-left: 40px;
	position: relative
}

[id^=CMMheader] .header_right .search_wrap .btn_search {
	width: 24px;
	height: 24px;
	background-position: 8.81% 95.39%;
	background-size: 1281.25% 1277.08%;
	position: relative;
	z-index: 10
}

[id^=CMMheader] .header_right .search_wrap .btn_search:hover {
	background-position: 17.63% 95.39%;
	background-size: 1281.25% 1277.08%
}

[id^=CMMheader] .header_right .search_wrap .btn_search.on+.inp_wrap {
	display: block;
	position: absolute;
	right: -10px;
	width: 300px;
	height: 44px;
	background: #383838;
	border-radius: 4px;
	top: 50%;
	transform: translateY(-50%)
}

[id^=CMMheader] .header_right .search_wrap .btn_search.on+.inp_wrap input {
	padding: 12px 76px 12px 20px;
	background: none;
	font-size: 16px;
	color: #fff;
	width: 100%
}

[id^=CMMheader] .header_right .search_wrap .btn_search.on+.inp_wrap input::-webkit-input-placeholder {
	color: #8d8d8d !important
}

[id^=CMMheader] .header_right .search_wrap .btn_search.on+.inp_wrap input::-moz-placeholder {
	color: #8d8d8d !important
}

[id^=CMMheader] .header_right .search_wrap .btn_search.on+.inp_wrap input:-ms-input-placeholder {
	color: #8d8d8d !important
}

[id^=CMMheader] .header_right .search_wrap .btn_search.on+.inp_wrap input:-moz-placeholder {
	color: #8d8d8d !important
}

[id^=CMMheader] .header_right .search_wrap .btn_search.on+.inp_wrap .btn_del {
	width: 20px;
	height: 24px;
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%)
}

[id^=CMMheader] .header_right .search_wrap .btn_search.on+.inp_wrap .btn_del:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-position: 95.4% 92.13%;
	background-size: 2196.42% 2189.28%;
	width: 12px;
	height: 12px;
	transform: translate(-50%, -50%)
}

[id^=CMMheader] .header_right .search_wrap .inp_wrap {
	display: none
}

[id^=CMMheader] .header_right .user_wrap {
	position: absolute;
	display: none
}

[id^=CMMheader] .header_right .btn_gamestart {
	width: 280px;
	height: 80px;
	background: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/btn_gamestart.jpg") no-repeat 0 0;
	background-size: 100% 100%;
	margin-left: 30px
}

[id^=CMMheader] .header_right .btn_gamestart:hover {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/btn_gamestart_on.gif?v=1")
}

[id^=CMMheader] .header_right .btn_gamestart.pre {
	width: 280px;
	height: 80px;
	background: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/btn_gamestart_pre.png") no-repeat 0 0;
	background-size: 100% 100%;
	margin-left: 30px
}

[id^=CMMheader] .header_right .btn_gamestart.pre:hover {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/btn_gamestart_pre_on.gif")
}

[id^=CMMheader] .nav_wrap.on+.nav li a {
	color: #0e0e0e
}

[id^=CMMheader] .nav_wrap.on+.nav li a:hover {
	color: #fff
}

[id^=CMMheader] .nav>li>a:hover {
	color: #fff
}

[id^=CMMheader] .nav>li .depth2 li a {
	color: #8d8d8d
}

[id^=CMMheader] .nav>li .depth2 li a:hover {
	color: #fff
}

body.pop_on {
	overflow: hidden;
}

.pop_wrap {
	position: fixed; top: 0; bottom: 0; left: 0; right:0; background-color: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; z-index: -1;
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

.pop_wrap.on {visibility: visible;
	opacity: 1;
	overflow-y: auto;
	z-index: 99;
	display: flex !important;
}

.pop_wrap .pop_layer {
	position: relative;
	background-color: #fff;
	margin-top: 150px;
	margin-left: auto;
	margin-right: auto;
}

.pop_wrap:not([id^=CMMpop_default]) .pop_layer .pop_close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-image: url('../img/btn_pop_close.svg');
	background-position: 50% 50%;
	background-size: cover;
}

.pop_wrap .pop_contents {
	font-size: 16px;
	letter-spacing: -0.4px;
	line-height: 1.5;
	color: #5b5b5b;
	padding: 40px;
}

.pop_wrap .title {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 70px;
	background-color: #78604d;
	font-family: "PretendardMedium", sans-serif;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: -0.6px;
	color: #fff;
	text-align: center;
}

.pop_wrap .desc {
	margin-bottom: 30px;
}

.pop_wrap .btns {
	margin-top: 30px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.pop_wrap .btns button,
.pop_wrap .btns a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 140px;
	height: 50px;
	font-family: "PretendardMedium", sans-serif;
	font-size: 18px;
	letter-spacing: -0.45px;
	transition: 0.3s;
}

.pop_wrap .btns button + button,
.pop_wrap .btns button + a,
.pop_wrap .btns a + a {
	margin-left: 10px;
}

.pop_wrap .btn_cancel {
	background-color: #fff;
	border: 1px solid #91745e;
	color: #91745e;
}

.pop_wrap .btn_cancel:hover {
	border-color: #be9a7e;
	color: #be9a7e
}

.pop_wrap .btn_report,
.pop_wrap .btn_delete_all,
[id^=CMMpop_default] .btn_confirm {
	background-color: #91745e;
	color: #fff;
}

.pop_wrap .btn_report:hover,
.pop_wrap .btn_delete_all:hover,
[id^=CMMpop_default] .btn_confirm:hover {
	background-color: #be9a7e;
}

.pop_empty {
	border-top: 1px solid #ddd1ca;
	border-bottom: 1px solid #ddd1ca;
	text-align: center;
	padding-top: 115px;
	padding-bottom: 115px;
}

#CMMfooter {
	padding: 50px 0 60px;
	text-align: center;
	background: #000;
	position: relative;
	font-family: "PretendardRegular", sans-serif
}

#CMMfooter .container {
	overflow: inherit;
	width: 100%
}

#CMMfooter .sns_list {
	display: flex;
	justify-content: center
}

#CMMfooter .sns_list li {
	width: 42px;
	height: 42px;
	display: inline-block;
	margin-left: 20px
}

#CMMfooter .sns_list li a {
	width: 100%;
	height: 100%;
	display: block
}

#CMMfooter .sns_list li:first-child {
	margin-left: 0
}

#CMMfooter .sns_list li.youtube {
	background-position: 0 85.63%;
	background-size: 732.14% 729.76%
}

#CMMfooter .sns_list li.cafe {
	background-position: 40.67% 64.83%;
	background-size: 732.14% 729.76%
}

#CMMfooter .sns_list li.twitter {
	background-position: 89.26% 64.83%;
	background-size: 732.14% 729.76%
}

#CMMfooter .sns_list li.facebook {
	background-position: 56.87% 64.83%;
	background-size: 732.14% 729.76%
}

#CMMfooter .sns_list li.kakao {
	background-position: 73.06% 64.83%;
	background-size: 732.14% 729.76%
}

#CMMfooter .download_list {
	margin-top: 30px;
	display: flex;
	justify-content: center;
	font-size: 0
}

#CMMfooter .download_list li {
	width: 106px;
	height: 32px;
	display: inline-block;
	margin-left: 10px
}

#CMMfooter .download_list li a {
	width: 100%;
	height: 100%;
	display: block
}

#CMMfooter .download_list li:first-child {
	margin-left: 0
}

#CMMfooter .download_list li.google {
	background-position: 94.54% 9.83%;
	background-size: 290.09% 957.81%
}

#CMMfooter .download_list li.google.register {
	background: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/googleplay_register_ko.png") no-repeat 0 0;
	background-size: 100% 100%
}

#CMMfooter .download_list li.apple {
	background-position: 41.43% 9.83%;
	background-size: 290.09% 957.81%
}

#CMMfooter .download_list li.apple.register {
	background: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/appstore_register_ko.png") no-repeat 0 0;
	background-size: 100% 100%
}

#CMMfooter .download_list li.one {
	background-position: 0 30.41%;
	background-size: 290.09% 957.81%
}

#CMMfooter .download_list li.one.register {
	background: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/onestore_register_ko.png") no-repeat 0 0;
	background-size: 100% 100%
}

#CMMfooter .download_list li.windows {
	background-position: 53.1% 30.41%;
	background-size: 290.09% 957.81%
}

#CMMfooter .link_list {
	margin-top: 40px
}

#CMMfooter .link_list>li {
	margin-right: 26px;
	font-size: 16px;
	line-height: 22px;
	color: #b3a9a9;
	display: inline-block;
	height: 22px
}

#CMMfooter .link_list>li strong {
	font-weight: normal;
	color: #fff
}

#CMMfooter .link_list>li a {
	display: block;
	width: 100%;
	height: 100%
}

#CMMfooter .link_list>li:last-child {
	margin-right: 0
}

#CMMfooter .link_list>li:hover {
	color: #fff
}

#CMMfooter .link_list>li.lang {
	text-decoration: underline
}

#CMMfooter .link_list>li.grade button {
	line-height: 22px;
	display: block
}

#CMMfooter .logo {
	width: 224px;
	height: 26px;
	background-position: 100% 0;
	background-size: 137.27% 1178.84%;
	margin: 20px auto 0
}

#CMMfooter .copy {
	margin-top: 44px;
	color: #b3a9a9;
	font-size: 14px;
	line-height: 22px;
	opacity: .56
}

#CMMfooter .copy .m_br {
	display: none
}

#CMMfooter .copy .t_br {
	display: none
}

#CMMfooter .ipt_select {
	position: relative
}

#CMMfooter .ipt_select .list {
	display: none
}

#CMMfooter .btn_select.on+.list {
	display: block;
	padding: 20px 0;
	background: #0e0e0e;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .16);
	border: solid 1px #5e5e5e;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	text-align: left;
	margin-bottom: 12px;
	min-width: 104px;
	max-height: 352px;
	overflow: auto
}

#CMMfooter .btn_select.on+.list li:nth-child(n+2) {
	margin-top: 10px
}

#CMMfooter .btn_select.on+.list li.on a {
	color: #fff
}

#CMMfooter .btn_select.on+.list a {
	font-size: 14px;
	line-height: 22px;
	color: #6e6e6e;
	padding: 0 20px;
	display: block
}

#CMMfooter .btn_select.on+.list a:hover {
	color: #fff
}

#CMMfooter .lang {
	color: #fff
}

#CMMfooter .lang button {
	color: #fff;
	padding-right: 18px;
	position: relative
}

#CMMfooter .lang button:after {
	width: 8px;
	height: 12px;
	background-position: 99.33% 9.16%;
	background-size: 3843.75% 2554.16%;
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0
}

#CMMfooter .lang button:before {
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	display: inline-block;
	background: #fff
}

@media screen and (max-width: 1199px) {
	.btn_gamestart.pc_view {
		width: 238px !important;
		height: 68px !important;
		margin-right: -20px;
		display: block !important;
		background-size: 100% 100%
	}

	#COMMUNITYwrap {
		min-width: 320px
	}

	select.select {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		bottom: 0;
		opacity: 0;
		display: block
	}

	#CMMheader_2 {
		display: block
	}

	.sub [id^=CMMheader] h1.logo {
		top: 16px;
		left: 64px;
		position: absolute;
		left: -1000px;
		top: -1000px;
		overflow: hidden;
		width: 1px;
		height: 1px;
		text-indent: -9999px;
		font-size: 0;
		line-height: 0;
		color: rgba(0, 0, 0, 0)
	}

	.sub [id^=CMMheader] .sub_title {
		display: block;
		position: fixed;
		top: 19px;
		font-size: 20px;
		line-height: 30px;
		left: 64px;
		left: calc(constant(safe-area-inset-left) + 64px);
		left: calc(env(safe-area-inset-left) + 64px)
	}

	.main [id^=CMMheader] h1.logo {
		top: 16px;
		left: 64px;
		display: block;
		left: calc(constant(safe-area-inset-left) + 64px);
		left: calc(env(safe-area-inset-left) + 64px)
	}

	[id^=CMMheader] {
		height: 68px;
		padding: 0 20px 0 211px;
		min-width: 340px
	}

	[id^=CMMheader] .nav {
		position: fixed;
		top: 0;
		left: -380px;
		display: none;
		width: 380px;
		background: #fff;
		float: none;
		z-index: 50;
		padding-top: 68px
	}

	[id^=CMMheader] .nav>li {
		display: block;
		float: none;
		margin-left: 0;
		height: auto;
		position: relative;
		padding: 0;
		overflow: hidden
	}

	[id^=CMMheader] .nav>li:hover .depth2,
	[id^=CMMheader] .nav>li:active .depth2 {
		display: none
	}

	[id^=CMMheader] .nav>li.go_event {
		padding: 20px;
		padding-left: calc(constant(safe-area-inset-left) + 20px);
		padding-left: calc(env(safe-area-inset-left) + 20px)
	}

	[id^=CMMheader] .nav>li.go_event a {
		padding: 12px 20px !important;
		font-size: 14px;
		line-height: 22px;
		color: #0e0e0e;
		border: solid 1px #bebebe;
		display: block;
		text-align: center
	}

	[id^=CMMheader] .nav>li.go_event a:hover {
		border: solid 1px #0e0e0e
	}

	[id^=CMMheader] .nav>li.go_event a:hover span:before {
		background: #0e0e0e
	}

	[id^=CMMheader] .nav>li.go_event a:hover span:after {
		background: #0e0e0e
	}

	[id^=CMMheader] .nav>li.go_event a:before {
		display: none
	}

	[id^=CMMheader] .nav>li.go_event span {
		-webkit-background-clip: inherit;
		background-clip: inherit;
		-webkit-text-fill-color: inherit;
		background: none;
		color: #0e0e0e;
		display: inline-block;
		width: 100%;
		padding: 0 17px;
		position: relative
	}

	[id^=CMMheader] .nav>li.go_event span:before {
		content: "";
		display: inline-block;
		width: 6px;
		height: 6px;
		background: #bebebe;
		position: absolute;
		top: 7px;
		left: 1px;
		transform: rotate(45deg)
	}

	[id^=CMMheader] .nav>li.go_event span:after {
		content: "";
		display: inline-block;
		width: 6px;
		height: 6px;
		background: #bebebe;
		position: absolute;
		top: 7px;
		right: 1px;
		transform: rotate(45deg)
	}

	[id^=CMMheader] .nav>li.new a span:before {
		left: inherit;
		right: -12px
	}

	[id^=CMMheader] .nav>li.arrow:after {
		content: "";
		display: inline-block;
		width: 14px;
		height: 14px;
		position: absolute;
		top: 19px;
		right: 16px
	}

	[id^=CMMheader] .nav>li.on.arrow:after {
		transform: rotate(180deg)
	}

	[id^=CMMheader] .nav>li.on .depth2 {
		display: block !important
	}

	[id^=CMMheader] .nav>li.m_on.arrow:after {
		transform: rotate(180deg)
	}

	[id^=CMMheader] .nav>li.m_on .depth2 {
		display: block !important
	}

	[id^=CMMheader] .nav>li a {
		color: #0e0e0e !important;
		font-size: 14px;
		line-height: 22px;
		padding: 13px 20px 13px 20px !important;
		position: relative;
		padding-left: calc(constant(safe-area-inset-left) + 20px) !important;
		padding-left: calc(env(safe-area-inset-left) + 20px) !important
	}

	[id^=CMMheader] .nav>li a:hover {
		color: #0e0e0e !important
	}

	[id^=CMMheader] .nav>li a:before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 20px;
		right: 0;
		height: 1px;
		background: #e1e1e1
	}

	[id^=CMMheader] .nav>li a span {
		position: relative
	}

	[id^=CMMheader] .nav>li .depth2 {
		display: none;
		position: relative;
		transform: inherit;
		padding: 0;
		background: none;
		border: none;
		top: inherit;
		left: inherit;
		width: 100%;
		max-width: 100%
	}

	[id^=CMMheader] .nav>li .depth2 li {
		margin-top: 0
	}

	[id^=CMMheader] .nav>li .depth2 li.new span:before {
		display: block
	}

	[id^=CMMheader] .nav>li .depth2 li.on {
		color: #0e0e0e !important;
		background: #f8f8f8
	}

	[id^=CMMheader] .nav>li .depth2 li.on a {
		color: #0e0e0e !important
	}

	[id^=CMMheader] .nav>li .depth2 li a {
		color: #5e5e5e !important;
		font-size: 14px;
		line-height: 22px;
		padding: 13px 20px 13px 40px !important;
		padding-left: calc(constant(safe-area-inset-left) + 40px) !important;
		padding-left: calc(env(safe-area-inset-left) + 40px) !important
	}

	[id^=CMMheader] .nav>li .depth2 li a:hover {
		color: #0e0e0e !important;
		background: #f8f8f8
	}

	[id^=CMMheader] .nav>li .depth2 li a:before {
		left: 40px
	}

	[id^=CMMheader] .nav>li .depth2 li a span {
		position: relative;
		font-size: 14px;
		line-height: 22px;
		display: inline-block
	}

	[id^=CMMheader] .nav>li .depth2 li a span:before {
		left: inherit;
		right: -12px;
		display: none;
		top: 11px
	}

	[id^=CMMheader] .nav>li .depth2 li.link_outside a span:after {
		margin-top: 5px
	}

	[id^=CMMheader] .nav>li .depth2 li.link_outside a:hover span:after {
		background-position: 0 100%;
		background-size: 2562.5% 2554.16%
	}

	[id^=CMMheader] .btn_menu {
		position: absolute;
		width: 24px;
		height: 24px;
		top: 22px;
		left: 22px;
		display: block;
		left: calc(constant(safe-area-inset-left) + 22px);
		left: calc(env(safe-area-inset-left) + 22px)
	}

	[id^=CMMheader] .nav_wrap {
		position: relative
	}

	[id^=CMMheader] .nav_wrap.on:before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 49;
		background-color: rgba(0, 0, 0, .8)
	}

	[id^=CMMheader] .nav_wrap.on .logo {
		position: fixed;
		top: 0;
		left: 0;
		background: #a76c38;
		height: 68px;
		display: block
	}

	[id^=CMMheader] .nav_wrap.on .logo a {
		display: block;
		top: 16px;
		left: 130px;
		width: 121px;
		height: 36px;
		position: absolute;
		background-repeat: no-repeat;
		background-size: 100% 100%
	}

	[id^=CMMheader] .nav_wrap.on .logo+.nav {
		overflow: auto
	}

	[id^=CMMheader] .header_right {
		right: 20px;
		right: calc(constant(safe-area-inset-right) + 20px);
		right: calc(env(safe-area-inset-right) + 20px)
	}

	[id^=CMMheader] .header_right .user_wrap {
		top: 37px !important
	}

	[id^=CMMheader] .header_right .user {
		margin-left: 20px
	}

	[id^=CMMheader] .header_right .user .btn_profile {
		width: 30px;
		height: 30px
	}

	[id^=CMMheader] .header_right .link_coupon {
		margin-left: 20px
	}

	[id^=CMMheader] .header_right .search_wrap {
		margin-left: 20px
	}

	[id^=CMMheader] .header_right .search_wrap .btn_search.on+.inp_wrap {
		display: block;
		position: fixed;
		right: 10px;
		left: 62px;
		transform: inherit;
		top: 12px;
		width: inherit;
		left: calc(constant(safe-area-inset-left) + 62px);
		left: calc(env(safe-area-inset-left) + 62px);
		right: calc(constant(safe-area-inset-left) + 10px);
		right: calc(env(safe-area-inset-left) + 10px)
	}

	[id^=CMMheader] .header_right .search_wrap .btn_search.on+.inp_wrap input {
		padding: 12px 76px 12px 20px
	}

	[id^=CMMheader] .header_right .search_wrap .btn_search.on+.inp_wrap .btn_del {
		right: 54px
	}

	[id^=CMMheader] .header_right .btn_gamestart {
		display: none
	}

	#CMMfooter {
		position: relative;
		padding: 50px 30px 40px 30px;
		padding-left: calc(constant(safe-area-inset-left) + 20px);
		padding-left: calc(env(safe-area-inset-left) + 20px);
		padding-right: calc(constant(safe-area-inset-right) + 20px);
		padding-right: calc(env(safe-area-inset-right) + 20px)
	}

	#CMMfooter .btn_select.on+.list {
		display: none
	}

	#CMMfooter .select {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		bottom: 0;
		opacity: 0;
		display: block
	}

	#CMMfooter .ipt_select .list {
		display: none
	}

	#CMMfooter .link_list {
		margin-top: 30px
	}

	#CMMfooter .link_list>li {
		margin-right: 20px;
		font-size: 14px;
		line-height: 18px;
		height: 18px
	}

	#CMMfooter .link_list>li.grade {
		display: none
	}

	#CMMfooter .link_list>li.lang {
		position: absolute;
		bottom: 36px;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
		margin-left: 0
	}

	#CMMfooter .logo {
		width: 180px;
		height: 21px
	}

	#CMMfooter .copy {
		margin-top: 40px;
		font-size: 12px;
		line-height: 20px
	}

	#CMMfooter .copy .t_br {
		display: block
	}
}

@media screen and (max-width: 767px) {
	.btn_gamestart.pc_view {
		display: none !important
	}

	[id^=CMMheader] {
		min-width: 320px
	}

	[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .username:after {
		display: none
	}

	[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .text_wrap {
		white-space: initial
	}

	[id^=CMMheader] .header_right .user .btn_profile.on+.user_wrap .text_wrap .username {
		word-break: break-all;
		word-wrap: break-word;
		margin-right: 0
	}

	[id^=CMMheader] .header_right .user_wrap {
		position: fixed;
		left: 20px;
		right: 20px !important;
		top: 59px !important;
		padding-bottom: 77px !important
	}

	[id^=CMMheader] .header_right .user_wrap .btn_logout {
		position: absolute;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%)
	}

	[id^=CMMheader] .nav_wrap.on .logo {
		width: 320px
	}

	[id^=CMMheader] .nav_wrap.on .logo a {
		left: 100px
	}

	[id^=CMMheader] .nav {
		position: fixed;
		top: 0;
		left: -320px;
		display: none;
		width: 320px
	}

	#CMMfooter .container {
		padding: 0
	}

	#CMMfooter .download_list {
		width: 240px;
		margin: 20px auto 0;
		display: block
	}

	#CMMfooter .download_list li:nth-child(3) {
		margin-left: 0
	}

	#CMMfooter .download_list li:nth-child(n+3) {
		margin-top: 6px
	}

	#CMMfooter .link_list>li {
		margin-top: 10px
	}

	#CMMfooter .copy .m_br {
		display: block
	}
}

@media screen and (max-width: 360px) {
	[id^=CMMheader] .header_right .search_wrap {
		margin-left: 10px
	}

	[id^=CMMheader] .header_right .link_coupon {
		margin-left: 10px
	}
}

body {
	min-width: 320px
}

#COMMUNITYcontent {
	padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-left);
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-left);
	padding-bottom: 80px;
	background: #fff
}

.container,
article {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-left);
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-left)
}

header {
	padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-left);
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-left)
}

.banner {
	height: 240px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/banner_1.jpg")
}

.banner:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5)
}

.banner .title {
	padding-top: 146px;
	font-size: 36px;
	line-height: 1.3;
	color: #fff;
	position: relative;
	z-index: 10
}

.banner .container {
	position: relative;
	height: 100%
}

.banner .btn_gamestart {
	width: 132px;
	height: 146px;
	position: absolute;
	top: 70px;
	right: 0;
	z-index: 10;
	background: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/btn_gamestart.png") no-repeat 0 0;
	background-size: 100% 100%
}

.banner .btn_gamestart:hover {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/btn_gamestart_on.png")
}

.wordcut {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.wordcut2 {
	display: block;
	max-height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word
}

.tab {
	margin-top: 40px;
	width: 100%;
	z-index: 10
}

.tab.tab_1 ul {
	/* display: block */
}

.tab.tab_1 ul li {
	/* width: 50%; */
	position: relative;
}

.tab.tab_1 ul li:after {
	content: "";
	width: 100%;
	height: 2px;
	background: #000;
	position: absolute;
	bottom: 0;
	right: -100%;
	display: none;
}

.tab.tab_max ul {
	display: -ms-grid;
	display: grid;
	-webkit-grid-template-columns: repeat(5, 1fr);
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 10px;
	column-gap: 10px;
	row-gap: 10px
}

.tab.tab_max ul li {
	width: auto;
	position: relative;
}

.tab.tab_max ul li:after {
	content: "";
	display: none
}

.tab ul {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-column-gap: 10px;
}

.tab ul li {
	position: relative;
	width: 100%;
	height: 64px;
	background-color: #4d4a48;
	border-bottom: 4px solid #fff;
	color: #999;
	font-family: "PretendardMedium", sans-serif;
	font-size: 18px;
	letter-spacing: -0.45px;
	line-height: 24px;
}

.tab ul li.on {
	background-color: #85654c;
	color: #fff;
}

/* .tab ul li+li {
	margin-left: 4px;
} */

.tab ul li::before {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 50%;
	width: 16px;
	height: 15px;
	background-repeat: no-repeat;
	background-image: url("../img/tab_pattern.svg");
	background-position: center center;
	background-size: auto;
	transform: translateX(-50%);
}

.tab ul li.on::before {
	background-image: url('../img/tab_pattern_on.svg');
}

.tab ul li a {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px
}

.tab ul li a::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(50% - 8px);
	height: 2px;
	background-color: #949494;
}

.tab ul li a::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: calc(50% - 8px);
	height: 2px;
	background-color: #949494;
}

.tab ul li.on a::before,
.tab ul li.on a::after {
	background-color: #ceb08a;
}

.gm {
	background-color: #e16513;
	color: #fff;
	border-radius: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	padding: 1px 7px;
	vertical-align: baseline !important;
	margin-right: 6px;
	letter-spacing: 0;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both
}

.quick_menu {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 135px;
	z-index: 20;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 17px
}

.quick_menu.fold .quick_list {
	display: none
}

.quick_menu.fold .btn_toggle:after {
	transform: rotate(180deg)
}

.quick_menu .quick_list {
	display: block
}

.quick_menu li {
	background: #3d3d3d
}

.quick_menu li:hover {
	background: #4a4a4a
}

.quick_menu li:nth-child(n+2) {
	margin-top: 2px
}

.quick_menu li .thumb {
	display: block;
	width: 36px;
	height: 36px;
	margin: 0 auto 2px;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.quick_menu li a {
	padding: 12px 20px 13px 20px;
	display: block
}

.quick_menu .btn_toggle {
	height: 36px;
	line-height: 36px;
	padding: 0 12px;
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
	background: #141414
}

.quick_menu .btn_toggle:after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath data-name='icon/arrow/q_down' d='m-2-2 6 6 6-6' transform='translate(6.5 9.5)' style='fill:none;stroke:%23fff;stroke-width:2px'/%3E%3C/svg%3E%0A");
	width: 20px;
	height: 20px;
	background-size: 100% 100%;
	position: absolute;
	top: 8px;
	right: 8px
}

.quick_menu .btn_toggle:hover {
	background: #292929
}

.quick_menu .btn_top {
	height: 36px;
	line-height: 36px;
	padding: 0 12px;
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
	background: #85654c
}

.quick_menu .btn_top:after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath data-name='icon/arrow/q_down' d='m-2-2 6 6 6-6' transform='translate(6.5 9.5)' style='fill:none;stroke:%23fff;stroke-width:2px'/%3E%3C/svg%3E%0A");
	width: 20px;
	height: 20px;
	background-size: 100% 100%;
	position: absolute;
	top: 8px;
	right: 8px;
	transform: rotate(180deg)
}

.quick_menu .btn_top:hover {
	background: #9e7b5f
}

.main {
	font-family: Noto En Medium, sans-serif
}

.main#COMMUNITYwrap section {
	padding-bottom: 0;
	background: #171717
}

.main#COMMUNITYwrap .search_view .paging {
	margin-bottom: 80px
}

.main#COMMUNITYwrap .search_view {
	padding-bottom: 0;
	background: #fff;
	padding-top: 0;
	font-family: "PretendardRegular", sans-serif !important
}

.main#COMMUNITYwrap .search_view .medium {
	font-family: "PretendardMedium", sans-serif !important
}

.main#COMMUNITYwrap .search_view .bold {
	font-family: "PretendardSemiBold", sans-serif !important
}

.main#COMMUNITYwrap .search_view .bold2 {
	font-family: "PretendardBold", sans-serif !important
}

.main .regular {
	font-family: Noto En Regular, sans-serif
}

.main:lang(ko) {
	font-family: Noto Ko Medium, sans-serif
}

.main:lang(ko) .regular {
	font-family: Noto Ko Regular, sans-serif
}

.main:lang(ko) .bold {
	font-family: Noto Ko Bold, sans-serif
}

.main:lang(ja) {
	font-family: Noto Ja Medium, sans-serif
}

.main:lang(ja) .regular {
	font-family: Noto Ja Regular, sans-serif
}

.main:lang(ja) .bold {
	font-family: Noto Ja Bold, sans-serif
}

.main:lang(zh-hans) {
	font-family: Noto Hans Medium, sans-serif
}

.main:lang(zh-hans) .regular {
	font-family: Noto Hans Regular, sans-serif
}

.main:lang(zh-hans) .bold {
	font-family: Noto Hans Bold, sans-serif
}

.main:lang(zh-hant) {
	font-family: Noto Hant Medium, sans-serif
}

.main:lang(zh-hant) .regular {
	font-family: Noto Hant Regular, sans-serif
}

.main:lang(zh-hant) .bold {
	font-family: Noto Hant Bold, sans-serif
}

.main #COMMUNITYcontent {
	padding-top: 80px
}

.main .swiper-pagination {
	display: none
}

.main [class^=board_area_] .title {
	color: #b89974;
	font-size: 24px;
	line-height: 36px
}

.main .slider_wrap {
	width: 2560px;
	height: 600px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20
}

.main .slider_wrap:before {
	content: "";
	display: block;
	width: 100%;
	height: 200px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000)
}

.main .slider_wrap:after {
	content: "";
	display: block;
	width: 100%;
	height: 70px;
	background: rgba(0, 0, 0, .3);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10
}

.main .slider_wrap a {
	display: block;
	width: 100%;
	height: 100%;
	background-size: 2560px auto;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.main .slider_wrap a.only-mo {
	display: none;
}

.main .slider_wrap a.only-pc {
	display: block;
}

.main .slider_wrap .swiper {
	width: 100%;
	height: 100%
}

.main .slider_wrap .swiper_nav {
	width: 1136px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	height: 70px;
	color: #fff;
	z-index: 20;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer
}

.main .slider_wrap .swiper_nav.flex-center .swiper-wrapper{
	justify-content: center;
}

.main .slider_wrap .swiper_nav .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 13px;
	color: #c8c8c8;
	border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.main .slider_wrap .swiper_nav .swiper-slide span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.main .slider_wrap .swiper_nav .swiper-slide-thumb-active {
	color: #b89974;
	border-bottom: 1px solid #b89974;
	position: relative
}

.main .slider_wrap .swiper_nav .swiper-slide-thumb-active:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12' viewBox='0 0 22 12'%3E%3Cpath d='M459.125 231.917h-10.187l5.021-6.021zm5.792 0h-3.555l-7.4-8.876-7.4 8.876h-3.645v-1h1.875l9.167-11 9.167 11h1.791z' transform='translate(-442.917 -219.917)' style='fill:%23b89974;fill-rule:evenodd'/%3E%3C/svg%3E%0A");
	content: "";
	display: block;
	width: 22px;
	height: 12px;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute
}

.main .slider_wrap .btn_gamestart {
	width: 270px;
	height: 280px;
	background: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/btn_gamestart.gif") no-repeat 0 0;
	background-size: 100% 100%;
	position: absolute;
	top: 426px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 120
}

.main .slider_wrap .btn_gamestart:hover {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/btn_gamestart_on.gif")
}

.main .slider_wrap .container {
	height: 70px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20
}

.main .slider_wrap .container .swiper_button_prev {
	position: absolute;
	bottom: 0;
	top: inherit;
	width: 32px;
	height: 70px;
	background-image: url("data:image/svg+xml,%3Csvg data-name='btn/pageL' xmlns='http://www.w3.org/2000/svg' width='32' height='70' viewBox='0 0 32 70'%3E%3Cpath data-name='icon/arrow/pageL1' d='m-3-3 7 7 7-7' transform='rotate(90 -7.5 24)' style='fill:none;stroke:%23999;stroke-width:1.5px'/%3E%3C/svg%3E%0A");
	background-size: 100% 100%;
	left: 0
}

.main .slider_wrap .container .swiper_button_prev:after {
	display: none
}

.main .slider_wrap .container .swiper_button_next {
	position: absolute;
	bottom: 0;
	top: inherit;
	width: 32px;
	height: 70px;
	background-image: url("data:image/svg+xml,%3Csvg data-name='btn/pageL' xmlns='http://www.w3.org/2000/svg' width='32' height='70' viewBox='0 0 32 70'%3E%3Cpath data-name='icon/arrow/pageL1' d='m-3-3 7 7 7-7' transform='rotate(90 -7.5 24)' style='fill:none;stroke:%23999;stroke-width:1.5px'/%3E%3C/svg%3E%0A");
	background-size: 100% 100%;
	transform: rotate(180deg);
	right: 0
}

.main .slider_wrap .container .swiper_button_next:after {
	display: none
}

.main .board_area_1 {
	position: relative;
	z-index: 10
}

.main .board_area_1 .title {
	margin-top: 70px
}

.main .board_area_1 .list_notice+.title {
	margin-top: 114px
}

.main .board_area_1:after {
	width: 100%;
	height: 1px;
	background: #2f2f2f;
	top: 294px;
	left: 0;
	right: 0;
	content: "";
	display: block;
	position: absolute
}

.main .board_area_1 .list_notice {
	margin-top: 20px;
	display: -ms-grid;
	display: grid;
	-webkit-grid-template-columns: repeat(4, 1fr);
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 26px;
	column-gap: 26px;
	min-height: 124px
}

.main .board_area_1 .list_notice li a:hover .desc {
	text-decoration: underline
}

.main .board_area_1 .list_notice .board_title {
	color: #999;
	font-size: 18px;
	line-height: 27px;
	display: block
}

.main .board_area_1 .list_notice .desc {
	color: #fff;
	font-size: 18px;
	line-height: 27px;
	margin-top: 4px;
	height: 54px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word
}

.main .board_area_1 .list_notice .desc.new:before {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: 96.56% 20.65%;
	background-size: 1921.87% 1915.62%;
	margin-right: 10px;
	margin-top: 6px;
	vertical-align: top;
	flex-shrink: 0;
	content: ""
}

.main .board_area_1 .list_notice .date {
	color: gray;
	font-size: 14px;
	line-height: 20px;
	margin-top: 19px
}

.main .board_area_1 .list_video {
	padding-bottom: 71px;
	position: relative;
	margin-top: 20px
}

.main .board_area_1 .list_video .swiper_video {
	height: 160px
}

.main .board_area_1 .list_video .swiper_video .swiper-slide {
	position: relative;
	cursor: pointer
}

.main .board_area_1 .list_video .swiper_video .swiper-slide.new:after {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: 96.56% 20.65%;
	background-size: 1921.87% 1915.62%;
	content: "";
	position: absolute;
	left: 0;
	top: 0
}

.main .board_area_1 .list_video .swiper_video .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%
}

.main .board_area_1 .list_video .swiper_video .swiper-slide a img {
	object-fit: cover;
	width: 100%;
	height: 100%
}

.main .board_area_1 .list_video .swiper_video .swiper-slide a:hover:before {
	background: rgba(0, 0, 0, .6);
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.main .board_area_1 .list_video .swiper_video .swiper-slide a:hover:after {
	content: "";
	display: block;
	width: 82px;
	height: 82px;
	background-position: 0 0;
	background-size: 372.72% 371.51%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.main .board_area_1 .list_video .btns_wrap {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	right: 0;
	top: -48px
}

.main .board_area_1 .list_video .btns_wrap .swiper-pagination_2 {
	display: none;
	align-items: center;
	justify-content: center
}

.main .board_area_1 .list_video .btns_wrap button {
	width: 28px;
	height: 28px;
	background: #101010;
	margin-left: 2px;
	position: relative
}

.main .board_area_1 .list_video .btns_wrap button:after {
	content: "";
	display: block;
	width: 6px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.591' height='13.061' viewBox='0 0 7.591 13.061'%3E%3Cpath data-name='icon/arrow/pageL1' d='m-2-2 6 6 6-6' transform='rotate(90 1.265 3.796)' style='fill:none;stroke:%23fff;stroke-width:1.5px'/%3E%3C/svg%3E%0A");
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.main .board_area_1 .list_video .btns_wrap button.swiper_button_next_2:after {
	transform: translate(-50%, -50%) rotate(180deg)
}

.main .board_area_2 {
	padding-bottom: 70px;
	background: #2f2820
}

.main .board_area_2 .board_wrap {
	margin-top: 70px;
	display: -ms-grid;
	display: grid;
	-webkit-grid-template-columns: repeat(3, 1fr);
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 20px;
	column-gap: 20px
}

.main .board_area_2 .board_wrap .board_item {
	min-width: 0
}

.main .board_area_2 .board_wrap a {
	display: block;
	width: 100%;
	margin-top: 20px
}

.main .board_area_2 .board_wrap .thumb {
	height: 208px;
	display: block;
	object-fit: cover;
	width: 100%
}

.main .board_area_2 .board_wrap .text_wrap {
	padding: 27px 20px;
	background: #4a4237;
	color: #fff;
	font-size: 18px;
	line-height: 26px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.main .board_area_2 .board_wrap .text_wrap.new:before {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: 96.56% 20.65%;
	background-size: 1921.87% 1915.62%;
	margin-right: 10px;
	margin-top: 6px;
	vertical-align: top;
	flex-shrink: 0;
	content: ""
}

.main .board_area_2 .board_wrap .board_item a:hover .text_wrap {
	text-decoration: underline
}

.board {
	margin-top: 40px
}

.board .btn_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.board .select_sort {
	min-width: 212px;
	height: 50px;
	color: #5b5b5b;
	font-size: 16px;
	letter-spacing: -0.4px;
	line-height: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative
}

.board .select_sort .list_select {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	margin-top: 2px;
	background-color: #f0f0f0;
	z-index: 20;
	display: none;
	max-height: 244px;
	overflow: auto;
	padding: 11px 0;
}

.board .select_sort .list_select li {
	font-size: 16px;
	color: #5e5e5e
}

.board .select_sort .list_select li:hover {
	color: #0e0e0e;
	background: #f8f8f8
}

.board .select_sort .list_select li button {
	width: 100%;
	padding: 5px 16px;
	text-align: left;
	font-size: 16px;
	letter-spacing: -0.4px;
	line-height: 1.5;
}

.board .select_sort .list_select li + li {
	margin-top: 10px;
}

.board .select_sort .btn_select {
	width: 100%;
	height: 100%;
	text-align: left;
	background-color: #f0f0f0;
	letter-spacing: inherit;
	padding-left: 16px;
	padding-right: 46px;
}

.board .select_sort .btn_select:after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background-image: url('../img/select-arr.svg');
	background-position: 50% 50%;
	background-size: cover;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%) rotate(0deg)
}

/* .board .select_sort .btn_select:hover {
	border: solid 1px #0e0e0e
} */

/*.board .select_sort .btn_select:hover:after{background-position:13.37% 98.65%;background-size:1921.87% 3831.25%}*/

.board .select_sort .btn_select.on:after {
	transform: translateY(-50%) rotate(180deg);
}

.board .select_sort .btn_select.on+.list_select {
	display: block
}

.board .select_sort select.select {
	display: none;
	font-family: inherit;
}

.board textarea:disabled {
	position: relative;
	background-color: #f0f0f0;
}

.board .time_over p {
	padding: 80px 20px;
	border: solid 1px #e1e1e1;
	color: #bebebe;
	font-size: 16px;
	line-height: 24px;
	display: block;
	text-align: center
}

.board .btn_write,
.board.view .btn_list,
.post_vote .btn_submit {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 140px;
	height: 50px;
	background-color: #91745e;
	font-family: "PretendardMedium", sans-serif;
	font-size: 18px;
	color: #fff;
	letter-spacing: -0.45px;
	transition: background-color 0.2s;
}

.board .btn_write:hover,
.board.view .btn_list:hover,
.post_vote .btn_submit:hover {
	background-color:#be9a7e;
}

.board .btn_write:disabled,
.board.view .btn_list:disabled,
.post_vote .btn_submit:disabled {
	background-color: #d8d8d8;
}

/* .board .btn_write:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-position: 26.45% 95.39%;
	background-size: 1281.25% 1277.08%;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%)
} */

.board .comment_reply {
	padding-top: 25px;
	border-top: 1px solid #ddd1ca;
}

.board .post_comment_list > .comment_reply:nth-child(1) {
	border-top: none;
}

.board .comment_reply > div {
	padding-left: 30px;
	padding-right: 30px;
}

.board .comment_reply .thumb {
	display: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden
}

.board .comment_reply .name {
	font-family: "PretendardRegular", sans-serif;
}

.board .comment_reply .user {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.board .comment_reply .user .user_wrap {
	display: flex;
	justify-content: center;
	align-items: center
}

.board .comment_reply .user .user_wrap .name,
.board .comment_reply .date {
	color: #808080;
	font-size: 14px;
	letter-spacing: -0.35px;
}


.board .comment_reply .post_comment {
	margin-top: 15px;
	font-size: 16px;
	line-height: 1.63;
	word-break: break-word
}

.board .comment_reply .post_comment .usertag {
	color: #484848;
	margin-right: 16px
}

.board .comment_reply .post_comment .usertag.mytag {
	font-family: "PretendardRegular", sans-serif;
	color: #e16513;
}

.board .comment_reply .post_comment .img {
	margin-top: 14px
}

.board .comment_reply .post_comment .img img {
	max-width: 240px;
	width: 100%
}

.board .comment_reply .date {
	position: relative;
	padding-left: 16px;
}

.board .comment_reply .date:after {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #d8d8d8;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

.board .comment_reply .textarea_wrap+.reply_foot {
	padding-top: 0;
	padding-left: 0;
	margin-top: 0
}

.board .comment_reply .reply_foot {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 10px;
	padding-bottom: 20px;
}

.board .comment_reply .btn_reply {
	color: #91745e;
	font-family: "PretendardMedium", sans-serif;
	font-size: 16px;
	letter-spacing: -0.4px;
}

.board .comment_reply .btn_reply:hover {
	text-decoration: underline;
}

.board .comment_reply .depth_2 > li {
	background-color: #f9f9f9;
	padding-left: 30px;
}

.board .comment_reply .depth_2 > li + li{
	border-color: #fff;
}


.board .comment_reply .depth_2 .user,
.board .comment_reply .depth_2 .textarea_wrap {
	position: relative;
}

.board .comment_reply .depth_2 .user::before,
.board .comment_reply .depth_2 .textarea_wrap::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -8px;
	left: -5px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-image: url('../img/ico_reply_line.svg');
	background-position: 50% 50%;
	background-size: cover;
}

.board .comment_reply .textarea_wrap {
	padding-bottom: 20px
}

.board .comment_reply .depth_2 .textarea_wrap {

}

.board .tool_wrap {
	position: relative
}

.board .tool_wrap+#CMMpop_share {
	right: 34px
}

.board .btn_tool_more {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-image: url('../img/tooltip-more.svg');
	background-position: 50% 50%;
	background-size: cover;
}

.board .btn_tool_more.on+.tool_list {
	display: flex;
	z-index: 10
}

.board .tool_list {
	display: none;
	position: absolute;
	top: -45px;
	left: 50%;
	background: #b19d8d;
	padding: 0 12px;
	transform: translateX(-50%);
}

.board .tool_list::before {
	content: '';
	display: block;
	position: absolute;
	bottom: -8px;
	left: 50%;
	width: 12px;
	height: 10px;
	background-repeat: no-repeat;
	background-image: url('../img/tooltip-arr.svg');
	background-position: 50% 50%;
	background-size: cover;
	transform: translateX(-50%);
}

.board .tool_list li {
	height: 30px;
	color: #fff;
	font-size: 16px;
	letter-spacing: -0.4px;
	display: flex;
	align-items: center;
	position: relative;
}


/* .board .tool_list li:before {
	content: "";
	display: block;
	width: 14px;
	height: 16px;
	background-position: 69.84% 92.77%;
	background-size: 2196.42% 1915.62%;
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%)
} */

/* .board .tool_list li.modify:before {
	background-position: 98.8% 77.96%;
	background-size: 2196.42% 1915.62%
}

.board .tool_list li.trash:before {
	background-position: 64.73% 92.77%;
	background-size: 2196.42% 1915.62%
} */

.board .tool_list li button {
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 0 6px;
}
.board .tool_list li button:hover {
	text-decoration: underline;
}

.board.write {
	margin-top: 40px
}

.board.write .select_list {
	display: flex;
	align-items: center;
	padding-top: 30px
}

.board.write .select_sort + .select_sort {
	margin-left: 10px
}

.board.write .input_title {
	margin-top: 26px;
	border-top: 1px solid #ddd1ca;
	border-bottom: 1px solid #ddd1ca;
}

.board.write .input_title input {
	padding: 18px 30px;
	width: 100%;
	font-size: 16px;
	letter-spacing: -0.4px;
	color: #5b5b5b;
}

.board.write .editor_zone {
	padding: 50px 30px;
}

.board.write .write_tag {
	padding: 18px 30px;
	border-top: solid 1px #ddd1ca;
	font-size: 16px;
	letter-spacing: -0.4px;
	color: #5b5b5b;
	line-height: 1.5
}

.board.write .write_tag input {
	width: 100%;
}

.board.write .write_tag .tag {
	word-break: break-all
}

.board.write .write_tag .tag + .tag {
	margin-left: 8px;
}

.board.write .bw_btns {
	padding-top: 20px;
	border-top: 1px solid #ddd1ca;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.board.write .bw_btns .register_wrap {
	display: flex
}

.board.write .bw_btns button {
	min-width: 140px;
	height: 50px;
	font-family: "PretendardMedium", sans-serif;
	font-size: 18px;
	letter-spacing: -0.45px;
	color: #fff;
	transition: 0.3s;
}

.board.write .bw_btns button:hover,
.board.write .bw_btns button .active {
}

.board.write .bw_btns button + button {
	margin-left: 10px;
}

.board.write .bw_btns button.btn_cancel  {
	background-color: #fff;
	border: 1px solid #91745e;
	color: #91745e;
}

.board.write .bw_btns button.btn_cancel:hover {
	color: #be9a7e;
}

.board.write .bw_btns button.btn_temporarily {
	background-color: #727272;
}

.board.write .bw_btns button.btn_temporarily .num {
	padding-left: 8px;
}

.board.write .bw_btns button.btn_basic,
.board.write .bw_btns button.btn_basic.active {
	background-color: #91745e;
}

.board.write .bw_btns button.btn_basic:hover {
	background-color:#be9a7e;
}

.list+.empty_wrap {
	margin-top: 0
}

.list+.empty_wrap .empty {
	/* border: none */
	margin-top: -1px;
}

.empty_wrap {
	margin-top: 20px;
}

.empty_wrap .empty {
	border-top: 1px solid #ddd1ca;
	border-bottom: 1px solid #ddd1ca;
	text-align: center;
	padding-top: 160px;
	padding-bottom: 160px;
}

.empty_wrap .empty p {
	color: #5b5b5b;
	font-family: "PretendardRegular", sans-serif;
	font-size: 18px;
	letter-spacing: -0.45px;
	line-height: 1.5;
	display: inline-block
}

.empty_wrap + .board_wrap {
	margin-top: -1px;
}

article.search .board_list {
	width: 100%
}

article.search .point,
article.search .point_search {
	font-family: "PretendardMedium", sans-serif;
	color: #e16513;
}

article.search .search_result {
	margin-bottom: 50px;
	font-size: 24px;
	letter-spacing: -0.6px;
}

article.search .board_wrap {
	margin-top: 27px;
}

article.search .search_result .point,
article.search .search_result .point_search {
	font-family: "PretendardSemiBold", sans-serif
}

article.search .board_list li.board_item .desc {
	max-width: 1060px
}

article.search .tag_wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	gap: 10px;
}

article.search .tag_wrap > span {
	border-radius: 100px;
	background-color: #f6f6f6;
	color: #5b5b5b;
	font-family: "PretendardMedium", sans-serif;
	font-size: 14px;
	line-height: 1.85;
	letter-spacing: -0.35px;
	padding: 3px 18px;
}

article.search .tag_wrap .point {
	font-weight: 700;
}

article.search .select_wrap {
	display: flex;
}

article.search .select_wrap .select_sort {
	float: none
}

article.search .select_wrap .select_right {
	display: flex;
}

article.search .select_wrap .select_right,
article.search .select_wrap .select_right>.select_sort:nth-child(n+2) {
	margin-left: 10px
}

#CMMpop_temporarily {

}
#CMMpop_temporarily .desc {
	font-weight: 700;
	text-align: center;
	color: #5b5b5b;
}

#CMMpop_temporarily .save_list {
	max-height: 260px;
	overflow: auto;
}

#CMMpop_temporarily .save_list li:nth-child(1) {
	border-top: 1px solid #ddd1ca;
}

#CMMpop_temporarily .save_list li {
	display: flex;
	align-items: center;
	padding: 10px;
	border-bottom: 1px solid #ddd1ca;
}

#CMMpop_temporarily .save_list span {
	display: inline-block;
	width: calc(100% - 90px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#CMMpop_temporarily .save_list li:hover span {
	text-decoration: underline;
}

#CMMpop_temporarily .save_list .btn_close {
	width: 90px;
	height: 30px;
	border: 1px solid #91745e;
	position: relative
}

#CMMpop_temporarily .save_list .btn_close:hover {
	border-color: #be9a7e;
	transition: 0.3s;
}

#CMMpop_temporarily .save_list .btn_close:before {
	content: "삭제";
	display: block;
	font-family: "PretendardMedium", sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -0.4px;
	color: #91745e;
	transition: 0.3s;
}

#CMMpop_temporarily .save_list .btn_close:hover:before {
	color: #be9a7e;
}

#CMMpop_share.pop_wrap {
	align-items: center;
	z-index: 98;
}

#CMMpop_share.pop_wrap .pop_layer {
	width: 350px;
	margin-top: 0;
}

#CMMpop_share .sns_list {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	padding: 40px;
	gap: 30px 10px;
}

#CMMpop_share .sns_list li {
	position: relative;
	width: calc((100% / 4) - 8px);
}

#CMMpop_share .sns_list li .img {
	width: 60px;
	height: 60px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

#CMMpop_share .sns_list li .img.share {
	background-image: url('../img/sns_url.svg');
}

#CMMpop_share .sns_list li .img.facebook {
	background-image: url('../img/sns_facebook.svg');
}

#CMMpop_share .sns_list li .img.whatsapp {
	background-image: url('../img/sns_whatsapp.svg');
}

#CMMpop_share .sns_list li .img.kakao {
	background-image: url('../img/sns_kakaotalk.svg');
}

#CMMpop_share .sns_list li .img.line {
	background-image: url('../img/sns_line.svg');
}

#CMMpop_share .sns_list li .img.reddit {
	background-image: url('../img/sns_reddit.svg');
}

#CMMpop_share .sns_list li .text {
	font-size: 12px;
	letter-spacing: -0.3px;
	color: #484848;
	text-align: center;
	padding-top: 2px;
}

#CMMpop_share .sns_list li:hover > .text {
	text-decoration: underline;
}

#CMMpop_share .sns_list li button {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

[id^=CMMpop_default] .pop_layer {
	width: 440px;
	padding: 40px;
	margin-top: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

[id^=CMMpop_default] .btns {
	border-top: 1px solid #ddd1ca;
	margin-top: 40px;
	padding-top: 30px;
}

[id^=CMMpop_default] .pop_layer .pop_close {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
	background-position: 35.27% 95.39%;
	background-size: 1281.25% 1277.08%
}

[id^=CMMpop_default] .pop_cont p {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 140px;
	font-family: "PretendardRegular", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -.4px;
}

[id^=CMMpop_default].pop_service .tit {
	color: #222832;
	font-size: 16px;
	line-height: 24px
}

[id^=CMMpop_default].pop_service .agree_info {
	padding: 0 20px;
	text-align: left;
	color: #222832;
	margin-top: 20px
}

[id^=CMMpop_default].pop_service .agree_info li {
	font-size: 14px;
	line-height: 26px
}

[id^=CMMpop_default].pop_service .agree_info li:nth-child(n+2) {
	margin-top: 10px
}

[id^=CMMpop_default].pop_service .agree_note {
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	color: #5e5e5e;
	margin-top: 20px
}

#CMMpop_report {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	display: none
}

#CMMpop_report .pop_contents .choice_title {
	font-weight: 700;
}

#CMMpop_report .pop_contents dt:before,
#CMMpop_report .pop_contents .choice_title:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #5e5e5e;
	position: absolute;
	top: 8px;
	left: 1px;
	transform: rotate(45deg)
}

#CMMpop_report .report_info {
	display: flex;
}

#CMMpop_report .report_info + .report_info {
	margin-top: 10px;
}

#CMMpop_report .pop_contents dt {
	min-width: 60px;
}

#CMMpop_report .report_info dd {
	font-family: "PretendardMedium", sans-serif;
}

#CMMpop_report .report_info dd+dt {
	margin-top: 20px
}

#CMMpop_report .report_choice  {
	border-top: 1px solid #ddd1ca;
	padding-top: 30px;
	margin-top: 30px;
}

#CMMpop_report .report_choice .choice_title {
	margin-bottom: 20px
}

#CMMpop_report .report_choice li + li {
	margin-top: 10px;
}

#CMMpop_report .report_choice li:first-child {
	margin-top: 0
}

#CMMpop_report .report_choice li.textarea {
	background-color: #f0f0f0;
	margin-left: 28px;
	margin-top: 16px;
}

#CMMpop_report .report_choice li.textarea textarea {
	padding: 20px;
	height: 130px !important;
	background-color: inherit;
	color: #5b5b5b;
	display: block
}
#CMMpop_report .report_choice input[type=radio] {
	display: none
}

#CMMpop_report .report_choice input[type=radio]+label{
	position: relative;
	display: inline-block;
	font-family: "PretendardRegular", sans-serif;
	padding-left: 30px;
	text-indent: 0;
}

#CMMpop_report .report_choice input[type=radio]+label~label {
	margin-left: 10px
}
#CMMpop_report .report_choice input[type=radio]{
	display: none
}

#CMMpop_report .report_choice input[type=radio]+label:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #707070;
	background-color: #fff;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	box-sizing: border-box;
}

#CMMpop_report .report_choice input[type=radio]+label:before {
	background-color: #f8f8f8;
	border-radius: 50%;
}

#CMMpop_report .report_choice input[type=radio]:checked+label:before {
	background-image: url('../img/radio_chk.svg');
	background-size: 10px 10px;
}

/* #CMMpop_report.on {
	display: block !important;
	min-width: 320px;
	position: fixed;
	top: 68px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background-color: #fff
} */

#CMMpop_gamestart {
	position: fixed;
	min-width: 640px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	background-color: rgba(0, 0, 0, .6);
	z-index: 1000;
	text-align: center;
	align-items: center;
}

#CMMpop_gamestart:after {
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	content: ""
}

#CMMpop_gamestart .popup_layer {
	width: 680px;
	padding: 50px 40px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16);
	border: solid 1px #bebebe;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	position: relative
}

#CMMpop_gamestart .title {
	font-size: 18px;
	line-height: 30px;
	color: #222832;
	background-color: inherit;
}

#CMMpop_gamestart .notice_box {
	padding: 24px 30px;
	background: #f8f8f8;
	text-align: left;
	margin-top: 36px
}

#CMMpop_gamestart .notice_box dt {
	color: #0e0e0e;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px
}

#CMMpop_gamestart .notice_box dt:nth-of-type(n+2) {
	margin-top: 20px
}

#CMMpop_gamestart .notice_box dd {
	color: #5e5e5e;
	font-size: 14px;
	line-height: 22px;
	padding-left: 17px;
	position: relative
}

#CMMpop_gamestart .notice_box dd:nth-child(n+2) {
	margin-top: 6px
}

#CMMpop_gamestart .notice_box dd:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: #5e5e5e;
	position: absolute;
	width: 6px;
	height: 6px;
	top: 7px;
	left: 0;
	transform: rotate(45deg)
}

#CMMpop_gamestart .btn_download {
	padding: 16px 10px;
	border: solid 2px #0e0e0e;
	background: #fff;
	color: #0e0e0e;
	font-size: 16px;
	line-height: 24px;
	display: block;
	margin: 40px auto 0;
	min-width: 200px
}

#CMMpop_gamestart .btn_download:hover {
	border: solid 2px #0e0e0e;
	background: #0e0e0e;
	color: #fff
}

#CMMpop_gamestart .pop_close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 20px;
	right: 20px;
	background-position: 35.27% 95.39%;
	background-size: 1281.25% 1277.08%
}

#CMMpop_agree {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	background-color: rgba(0, 0, 0, .6);
	z-index: 1000;
	text-align: center;
	align-items: center;
}

#CMMpop_agree:after {
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	content: ""
}

#CMMpop_agree .popup_layer {
	width: 680px;
	padding: 50px 40px 88px 40px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .16);
	border: solid 1px #bebebe;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	position: relative
}

#CMMpop_agree .title {
	font-size: 18px;
	line-height: 30px;
	color: #222832;
	font-weight: normal;
	background-color: inherit;
}

#CMMpop_agree .desc {
	font-size: 14px;
	line-height: 22px;
	color: #0e0e0e;
	margin-top: 10px
}

#CMMpop_agree .info_box {
	padding: 24px 30px;
	background: #f8f8f8;
	text-align: left;
	margin-top: 30px
}

#CMMpop_agree .info_box li {
	color: #0e0e0e;
	font-size: 14px;
	line-height: 22px;
	padding-left: 18px;
	position: relative
}

#CMMpop_agree .info_box li:nth-child(n+2) {
	margin-top: 8px
}

#CMMpop_agree .info_box li:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: #0e0e0e;
	position: absolute;
	width: 6px;
	height: 6px;
	top: 7px;
	left: 0;
	transform: rotate(45deg)
}

#CMMpop_agree .info_box li.note {
	color: #5e5e5e;
	font-size: 12px;
	line-height: 16px;
	margin-top: 20px;
	padding-left: 0
}

#CMMpop_agree .info_box li.note:before {
	display: none
}

#CMMpop_agree .checkbox {
	text-align: left
}

#CMMpop_agree .checkbox [type=checkbox] {
	display: none
}

#CMMpop_agree .checkbox label {
	position: relative;
	font-size: 14px;
	color: #0e0e0e;
	line-height: 20px;
	display: inline-block;
	margin-top: 20px
}

#CMMpop_agree .checkbox label:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	left: 0;
	width: 20px;
	height: 20px;
	text-indent: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5h19v19H.5z' fill='%23FFF' stroke='%23BEBEBE' fill-rule='evenodd'/%3E%3C/svg%3E%0A") !important;
	background-size: 100% 100% !important
}

#CMMpop_agree .checkbox input[type=checkbox]:checked+label:before {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%230E0E0E' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23FFF' d='m15.466 5-6.904 6.924-4.028-4.04L3 9.422 8.562 15 17 6.538z'/%3E%3C/g%3E%3C/svg%3E%0A") !important
}

#CMMpop_agree .btn_area {
	margin-top: 40px;
	display: flex;
	justify-content: center
}

#CMMpop_agree .btn_area button {
	width: 200px;
	height: 56px;
	padding: 16px 10px;
	font-size: 16px
}

#CMMpop_agree .btn_area button.btn_cancel {
	border: solid 2px #bebebe;
	background-color: #fff;
	color: #9e9e9e
}

#CMMpop_agree .btn_area button.btn_cancel:hover {
	border-color: #0e0e0e
}

#CMMpop_agree .btn_area button.btn_confirm {
	border: solid 2px #0e0e0e;
	background-color: #fff;
	color: #0e0e0e;
	margin-left: 20px
}

#CMMpop_agree .btn_area button.btn_confirm:hover {
	background-color: #0e0e0e;
	color: #fff
}

#CMMpop_agree .checkbox_today {
	background: #0e0e0e;
	height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0
}

#CMMpop_agree .checkbox_today [type=checkbox] {
	display: none
}

#CMMpop_agree .checkbox_today label {
	position: relative;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	display: inline-block
}

#CMMpop_agree .checkbox_today label:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	left: 0;
	width: 18px;
	height: 18px;
	text-indent: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5h19v19H.5z' fill='%23FFF' stroke='%23BEBEBE' fill-rule='evenodd'/%3E%3C/svg%3E%0A") !important;
	background-size: 100% 100% !important
}

#CMMpop_agree .checkbox_today input[type=checkbox]:checked+label:before {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M.9.9h16.2v16.2H.9z'/%3E%3Cpath fill='%230E0E0E' d='m13.92 4.5-6.214 6.231L4.08 7.095 2.7 8.48l5.006 5.02L15.3 5.884z'/%3E%3C/g%3E%3C/svg%3E%0A") !important
}

#CMMpop_agree .pop_close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 20px;
	right: 20px;
	background-position: 35.27% 95.39%;
	background-size: 1281.25% 1277.08%
}

#CMMpop_gamegrade .pop_layer {
	width: 774px;
	height: 217px;
	position: absolute;
	bottom: 78px;
	left: 50%;
	transform: translateX(-50%);
	background: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/gamegrade_popup.png") no-repeat 0 0;
	background-size: 100% 100%
}

#CMMpop_gamegrade .pop_layer .pop_close {
	width: 40px;
	height: 40px;
	top: 10px;
	right: 10px;
	position: absolute
}

#CMMpopbanner {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .6);
	overflow: hidden;
	overflow-y: auto;
	z-index: -1;
	-webkit-overflow-scrolling: touch;
	text-align: center
}

#CMMpopbanner.on {
	display: inline-block;
	z-index: 140
}

#CMMpopbanner:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

#CMMpopbanner .banner_layer {
	display: inline-block;
	vertical-align: middle
}

#CMMpopbanner .pop_layer {
	display: none;
	vertical-align: middle
}

#CMMpopbanner .pop_layer.on {
	display: block
}

#CMMpopbanner .pop_layer a {
	width: 100%;
	height: 100%;
	display: block
}

#CMMpopbanner .pop_layer .portrait {
	display: none
}

#CMMpopbanner .pop_layer .landscape {
	max-width: 800px
}

#CMMpopbanner .pop_layer .bottom {
	height: 62px;
	background: #000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 16px
}

#CMMpopbanner .pop_layer .checkbox [type=checkbox] {
	display: none
}

#CMMpopbanner .pop_layer .checkbox label {
	position: relative;
	font-size: 16px;
	color: #c8c8c8;
	line-height: 20px;
	display: inline-block
}

#CMMpopbanner .pop_layer .checkbox label:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	left: 0;
	width: 20px;
	height: 20px;
	text-indent: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg style='fill:%23fff;stroke:%23707070'%3E%3Cpath style='stroke:none' d='M0 0h20v20H0z'/%3E%3Cpath style='fill:none' d='M.5.5h19v19H.5z'/%3E%3C/g%3E%3Cpath data-name='icon/check' d='m-1-1 5 5 7-7' transform='translate(5.5 9.5)' style='stroke:%235b5b5b;stroke-width:1.5px;fill:none'/%3E%3C/svg%3E%0A");
	background-size: 100% 100%
}

#CMMpopbanner .pop_layer .banner_close {
	width: 50px;
	height: 50px;
	position: relative;
	margin-right: 2px
}

#CMMpopbanner .pop_layer .banner_close:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.06' height='17.06' viewBox='0 0 17.06 17.06'%3E%3Cpath data-name='268' d='m11243.666-14943.333 16 16' transform='translate(-11243.136 14943.863)' style='fill:none;stroke:%23707070;stroke-width:1.5px'/%3E%3Cpath data-name='269' d='m0 0 16 16' transform='rotate(-90 8.53 7.999)' style='fill:none;stroke:%23707070;stroke-width:1.5px'/%3E%3C/svg%3E%0A");
	background-size: 100% 100%
}
#CMMpop_user_check {
	align-items: center;
}

#CMMpop_user_check .pop_layer {
	margin-top: 0;
}

#CMMpop_user_check .ico.alert {
	display: block;
	width: 40px;
	height: 40px;
	background-image: url('../img/ico_pop-alert.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin: 0 auto 10px;
}
#CMMpop_user_check.pop_wrap .title {
	background-color: transparent;
	font-family: "PretendardBold", sans-serif;
	font-size: 20px;
	letter-spacing: -0.5px;
	color: #5b5b5b;
	height: auto;
}

#CMMpop_user_check .text-wrap .text {
	text-align: center;
	margin-top: 20px;
}

#CMMpop_user_check .table-wrap {
	margin-top: 30px;
}

#CMMpop_user_check table {
	margin-top: 10px;
}

#CMMpop_user_check th {
	font-weight: inherit;
	text-align: left;
	width: 109px;
}
#CMMpop_user_check th,
#CMMpop_user_check td {
	border-color: #ddd1ca;
	color: #808080;
	padding: 16px 20px;
}

.board_wrap {
	margin-top: 20px;
	min-height: 300px
}

.head_text {
	color: #85614c
}

.board_list.full {
	width: 100%;
	float: none
}

.board.view .board_content.full {
	width: 100%;
	float: none
}

.board.view .board_content .title_wrap {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #ddd1ca;
	border-bottom: 1px solid #ddd1ca;
	padding: 30px;
}
.board.view .board_content .title {
	width: calc(100% - 30px);
	line-height: 1.5;
}
.board.view .board_content .title.bold {
	font-family: "PretendardRegular", sans-serif;
	font-weight: 400;
	font-size: 22px;
}

.board_list {
	width: 808px;
	border-top: 1px solid #ddd1ca;
	float: left
}

.board_list li.board_item {
	border-top: 1px solid #ddd1ca
}

.board_list li.board_item a {
	padding: 20px 30px;
	display: block;
	position: relative;
}

.board_list li.board_item:first-child {
	border-top: none
}

.board_list li.board_item:last-child {
	border-bottom: 1px solid #ddd1ca
}

.board_list li.board_item.fixed {
	background: #f6f4f2
}

/* .board_list li.board_item.fixed .text:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #000;
	position: absolute;
	top: 8px;
	left: -16px;
	transform: rotate(45deg)
} */

.board_list li.board_item .info li {
	display: flex;
	align-items: center;
}

.board_list li.board_item .text {
	position: relative;
	font-size: 18px;
	letter-spacing: -0.45px;
	line-height: 1.77;
	display: flex
}

.board_list li.board_item .text:after {
	content: "";
	display: block;
	clear: both
}

.board_list li.board_item .title {
	float: left;
	flex-shrink: 0;
	color: #85614c;
}
.board_list li.board_item .title.bold {
	font-family: "PretendardRegular", sans-serif;
}

.board_list li.board_item .desc {
	margin-left: 8px;
	padding-right: 0;
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative
}

.board_list li.board_item .desc.titicon_img.titicon_new {
	padding-right: 37px
}

.board_list li.board_item .desc.titicon_img {
	padding-right: 23px
}

.board_list li.board_item .desc.titicon_new {
	padding-right: 14px
}

.board_list li.board_item .desc.titicon_img:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 8px;
	right: 0;
	width: 16px;
	height: 16px;
	background-image: url('../img/titicon_img.svg');
	background-position: 50% 50%;
	background-size: cover;
}

.board_list li.board_item .desc.titicon_new:before {
	content: "";
	display: inline-block !important;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
	background-image: url('../img/titicon_new.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin-right: 4px;
}

.board_list li.board_item .desc.titicon_img.titicon_new:after {
	right: 14px
}

.board_list li.board_item .titicons {
	display: none
}

.board_list li.board_item .titicons .titicon_img {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url('../img/titicon_img.svg');
	background-position: 50% 50%;
	background-size: cover;
	display: inline-block;
	vertical-align: middle
}

.board_list li.board_item .titicons .titicon_new {
	display: none;
}

.board_list_img .list {
	display: -ms-grid;
	display: grid;
	-webkit-grid-template-columns: repeat(3, 1fr);
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 24px;
	column-gap: 24px;
	grid-row-gap: 38px;
	row-gap: 38px;
	justify-content: space-between;
	align-items: center;
	padding-top: 5px;
	padding-bottom: 15px;
}

.board_list_img .info+.info {
	margin-top: 10px;
	margin-left: 0;
}

.board_list_img .list li {
	position: relative;
	min-width: 0
}

.board_list_img .list li:nth-child(1){
	margin-left: 0;
}

.board_list_img .list li.new:before {
	content: "NEW";
	display: none;
	position: absolute;
	top: -2px;
	left: -2px;
	padding: 7px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	z-index: 10;
	border: 2px solid #fff;
	background: #e60606;
	font-family: "PretendardSemiBold", sans-serif
}

.board_list_img .list li:hover .thumb {
	transform: scale(1.1)
}

.board_list_img .list li .img {
	position: relative;
	overflow: hidden;
	color: #fff
}

.board_list_img .list li .img .thumb {
	background-position: 50% 50%;
	background-size: cover;
	padding-top: 63.16%;
	transition: all .2s linear
}

.board_list_img .list li .img .info_wrap {
	position: absolute;
	padding: 14px 0;
	height: 50px;
	width: 100%;
	bottom: 0;
	left: 0;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	background: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	color: #fff;
	margin: 0
}

.board_list_img .list li .img .info_wrap .info {
	justify-content: center
}

.board_list_img .list li .img .info_wrap .info li {
	font-size: 16px;
	line-height: 22px
}

.board_list_img .list li .img .info_wrap .info li:nth-child(n+2) {
	margin-left: 30px
}

.board_list_img .list li .text_wrap {
	display: flex;
	flex-direction: column;
	background-color: #f6f6f6;
	padding: 18px 20px;
}


.board_list_img .list li .title {
	font-family: "PretendardRegular", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #0e0e0e;
	padding-right: 14px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%
}

.board_list_img .list li:hover .title .tit {
	text-decoration: underline;
}

.board_list_img .list li.new .title .head_text:after {
	content: "";
	display: inline-block !important;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
	background-image: url('../img/titicon_new.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin-left: 8px;
	margin-right: 8px;
}

.board_list_img .list li .title .titicon_new {
	content: "";
	display: none;
	position: absolute;
	bottom: 9px;
	right: 0;
	width: 8px;
	height: 8px;
	background: #e60606;
	border-radius: 50%
}

.board_list_img .list li .title+.info {
	margin-top: 6px
}

.board_list_img .list li .title+.info .date {
	color: #9e9e9e
}

.board_list_img .info_wrap {
	flex-direction: column;
	margin-top: 8px;
}

.media_artwork .list {
	position: relative
}

.media_artwork .list .inner {
	overflow: hidden;
	height: 100%;
	padding: 1px
}

.media_artwork .list .item .thumb {
	position: relative;
	display: block;
	height: 100%;
	padding-top: 30%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	box-sizing: border-box;
	transform: translateZ(0)
}

.media_artwork .list .thumb:after {
	display: none
}

.media_artwork .list a:hover .thumb:after {
	opacity: 1
}

.media_artwork .list a:hover p {
	opacity: 1
}

.media_artwork .list p {
	opacity: 0;
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	transition: .4s;
	color: #fff;
	background-color: rgba(0, 0, 0, 0)
}

.media_artwork .list .empty p {
	opacity: 1;
	position: relative;
	left: inherit;
	right: inherit;
	bottom: inherit;
	transition: .4s;
	color: #0e0e0e;
	background-color: rgba(0, 0, 0, 0)
}

.media_artwork .zoom {
	opacity: 0;
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	transition: z-index 0s .4s, opacity .4s 0s;
	background-color: rgba(0, 0, 0, .8);
	will-change: auto;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px)
}

.media_artwork .zoom.on {
	opacity: 1;
	z-index: 120;
	overflow: auto;
	overflow-x: hidden;
	transition: z-index 0s 0s, opacity 0s 0s;
	will-change: opacity
}

.media_artwork .zoom .swiper-slide {
	width: 100%
}

.media_artwork .zoom .item {
	width: 100%;
	height: 100%
}

.media_artwork .zoom .swiper-pagination {
	display: none;
	bottom: 28px
}

.media_artwork .zoom .zoom_head {
	position: fixed;
	top: 40px;
	left: 0;
	right: 0;
	z-index: 3;
	box-sizing: border-box
}

.media_artwork .zoom .zoom_body {
	position: absolute;
	top: 120px;
	left: 200px;
	right: 200px;
	bottom: 120px;
	padding: 0;
	display: flex;
	align-items: center
}

.media_artwork .zoom .zoom_body::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, .6)
}

.media_artwork .zoom .zoom_body .inner {
	width: calc(100% - 80px);
	margin: auto
}

.media_artwork .zoom .zoom_body .swiper-wrapper {
	align-items: center
}

.media_artwork .zoom .zoom_body .item img {
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.media_artwork .zoom .zoom_body .item a {
	display: inline;
	height: auto
}

.media_artwork .zoom .zoom_body .item a:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	height: 100%
}

.media_artwork .zoom .swiper-prev,
.media_artwork .zoom .swiper-next {
	position: fixed;
	z-index: 1;
	margin-top: 30px
}

.media_artwork .zoom .swiper-prev {
	left: 0
}

.media_artwork .zoom .swiper-next {
	right: 0
}

.media_artwork .zoom .swiper-prev:before,
.media_artwork .zoom .swiper-next:before {
	width: 100%;
	height: 100%
}

.media_artwork .zoom .swiper-pagination-bullet {
	background-color: #fff
}

.media_artwork .zoom .btn_zoom_down {
	padding: 11px 20px;
	border: solid 1px #fff;
	background-color: rgba(255, 255, 255, 0);
	color: #fff;
	line-height: 24px;
	display: inline-block;
	font-size: 16px
}

.media_artwork .zoom .btn_zoom_down:before {
	width: 16px;
	height: 16px;
	display: inline-block;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2 1v6.731L4.323 4.854 3.192 5.985l4.807 4.809 4.809-4.809-1.13-1.131-2.879 2.877V1H7.2zm7.2 9v3.2H1.599V10H0v4.799h16V10h-1.6z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
	margin-right: 14px;
	vertical-align: middle;
	background-size: 100% 100%
}

.media_artwork .zoom .btn_zoom_down:hover:before {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2 1v6.731L4.323 4.854 3.192 5.985l4.807 4.809 4.809-4.809-1.13-1.131-2.879 2.877V1H7.2zm7.2 9v3.2H1.599V10H0v4.799h16V10h-1.6z' fill='%230E0E0E' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

.media_artwork .zoom .btn_zoom_down:hover {
	background: #fff;
	color: #0e0e0e
}

.media_artwork .zoom .btn_close {
	width: 40px;
	height: 40px;
	top: 0;
	right: 40px;
	position: absolute;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.28 6.667 20 17.949 8.715 6.667l-2.05 2.05L17.949 20 6.667 31.282l2.05 2.051 11.282-11.282 11.282 11.282 2.052-2.05L22.05 20 33.333 8.718z' fill='%239E9E9E' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

.media_artwork .zoom .btn_close:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.28 6.667 20 17.949 8.715 6.667l-2.05 2.05L17.949 20 6.667 31.282l2.05 2.051 11.282-11.282 11.282 11.282 2.052-2.05L22.05 20 33.333 8.718z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

.board.list.single .textarea {
	border: solid 1px #e1e1e1;
	padding: 24px 20px 20px 24px
}

.board.list.single .textarea .bottom_area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px
}

.board.list.single .textarea .counter {
	color: #9e9e9e;
	font-size: 14px;
	line-height: 22px;
	margin-right: 20px
}

.board.list.single .textarea .btn_register {
	font-size: 14px;
	line-height: 22px;
	padding: 6px 16px;
	border: solid 1px #e1e1e1;
	color: #e1e1e1
}

.board.list.single .textarea .btn_register.btn_on {
	border: solid 1px #0e0e0e;
	background: #0e0e0e;
	color: #fff
}

.board.list.single .textarea .btn_register:hover {
	border: solid 1px #0e0e0e;
	color: #0e0e0e;
	background: #fff
}

.board.list.single .textarea .btn_cancel {
	font-size: 14px;
	line-height: 22px;
	padding: 6px 16px;
	border: solid 1px #e1e1e1;
	color: #9e9e9e
}

.board.list.single .textarea .btn_cancel:hover {
	border: solid 1px #0e0e0e;
	color: #0e0e0e
}

.board.list.single .textarea .user_id {
	font-size: 14px;
	line-height: 22px
}

.board.list.single .textarea textarea {
	margin-top: 10px;
	display: block;
	line-height: 24px
}

.board.list.single .textarea textarea::-webkit-input-placeholder {
	color: #bebebe !important
}

.board.list.single .textarea textarea::-moz-placeholder {
	color: #bebebe !important
}

.board.list.single .textarea textarea:-ms-input-placeholder {
	color: #bebebe !important
}

.board.list.single .textarea textarea:-moz-placeholder {
	color: #bebebe !important
}

.board.list.single .textarea .btns {
	display: flex;
	align-items: center
}

.board.list.single .textarea .btns button {
	margin-right: 10px
}

.board.list.single .textarea .btns button:last-child {
	margin-right: 0
}

.board.list.single .comment_reply {
	padding-bottom: 20px
}

.board.list.single .comment_reply:last-child {
	border-bottom: 1px solid #e1e1e1
}

.board.list.single .comment_reply .post_comment {
	margin-top: 10px;
	position: relative;
	padding: 0 20px 0 46px
}

.board.list.single .comment_reply .post_comment span {
	display: inline;
	padding-right: 20px;
	position: relative;
	word-wrap: break-word
}

.board.list.single .comment_reply .post_comment.titicon_new span:before {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	width: 8px;
	height: 8px;
	background: #e60606;
	border-radius: 50%;
	bottom: 6px
}

.board.list.single .empty_wrap {
	margin: 0
}

.board.list.single .empty_wrap .empty {
	border: none
}

.board.list.single .date {
	color: #9e9e9e;
	font-size: 14px;
	line-height: 18px;
	padding-right: 0;
	padding-left: 24px;
	position: relative
}

.board.list.single .date:after {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #d8d8d8;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 10px;
	right: inherit;
	transform: translateY(-50%)
}

.board.list.single span {
	line-height: 24px
}

.board.list.single.titicon_new {
	padding-right: 14px
}

.board.list.single.titicon_new:before {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 10px;
	right: 0;
	width: 8px;
	height: 8px;
	background: #e60606;
	border-radius: 50%
}

.board.list.single .titicons {
	display: none
}

.board.list.single .titicons .titicon_new {
	width: 8px;
	height: 8px;
	background: #e60606;
	margin-left: 2px;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
	margin-bottom: 2px
}

.my_page_wrap {
	margin-top: 40px
}

.my_page_wrap.another .user_wrap .grade {
	cursor: initial
}

.my_page_wrap.another .user_wrap .grade .grade_text {
	text-decoration: inherit
}

.my_page_wrap .empty {
	padding: 100px 0;
	color: #0e0e0e;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	border-bottom: none !important
}

.my_page_wrap:after {
	content: "";
	display: block;
	clear: both
}

.my_page_wrap .user_wrap {
	width: 368px;
	margin-right: 24px;
	padding: 0 40px;
	border: solid 1px #e1e1e1;
	text-align: center;
	position: relative;
	float: left;
	background: #f8f8f8
}

.my_page_wrap .user_wrap .btn_edit {
	background-size: 100% 100%;
	background-color: #9e9e9e;
	border-radius: 50%;
	position: absolute;
	top: 66px;
	left: 66px;
	width: 34px;
	height: 34px;
	background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='ly4kov6mra' cx='17' cy='17' r='17'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='mrkl8nxwbb' fill='%23fff'%3E%3Cuse xlink:href='%23ly4kov6mra'/%3E%3C/mask%3E%3Ccircle stroke='%23FFF' stroke-width='2.267' cx='17' cy='17' r='15.867'/%3E%3Cg mask='url(%23mrkl8nxwbb)' fill='%23FFF'%3E%3Cpath d='M17 20.32a3.32 3.32 0 1 1 0-6.64 3.32 3.32 0 0 1 0 6.64M22.93 17a6.02 6.02 0 0 0-.095-1.03l2.11-1.887-1.638-2.734-2.669.976a5.9 5.9 0 0 0-1.51-.854l-.533-2.777h-3.188l-.532 2.777c-.549.21-1.056.499-1.511.854l-2.669-.976-1.639 2.734 2.11 1.887a6.02 6.02 0 0 0-.094 1.03c0 .344.035.68.092 1.007L9.055 19.89l1.639 2.734 2.644-.967c.462.364.978.658 1.536.873l.532 2.776h3.188l.532-2.776a5.904 5.904 0 0 0 1.536-.873l2.644.967 1.639-2.734-2.107-1.883c.056-.328.091-.663.091-1.007'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.my_page_wrap .user_wrap .alert {
	padding: 16px 54px 16px 20px;
	background-color: rgba(28, 118, 238, .08);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: left;
	font-size: 14px;
	line-height: 20px
}

.my_page_wrap .user_wrap .alert strong {
	color: #1c76ee
}

.my_page_wrap .user_wrap .alert .btn_close {
	width: 14px;
	height: 14px;
	top: 16px;
	right: 20px;
	background-position: 95.4% 92.13%;
	background-size: 2196.42% 2189.28%;
	position: absolute
}

.my_page_wrap .user_wrap .alert+.profile_wrap {
	margin-top: 67px
}

.my_page_wrap .user_wrap .profile_wrap {
	margin-top: 40px
}

.my_page_wrap .user_wrap .img_profile {
	width: 100px;
	height: 100px;
	display: inline-block;
	position: relative
}

.my_page_wrap .user_wrap .img_profile span {
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	height: 100%;
	width: 100%
}

.my_page_wrap .user_wrap .img_profile img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.my_page_wrap .user_wrap .text_wrap {
	color: #0e0e0e;
	font-size: 16px;
	line-height: 20px;
	margin-top: 20px
}

.my_page_wrap .user_wrap .text_wrap .username {
	font-size: 20px;
	line-height: 30px
}


.my_page_wrap .user_wrap .username + .server {
	margin-top: 6px;
}

.my_page_wrap .user_wrap .server {
	color: #a76c38;
	font-size: 16px;
}

.my_page_wrap .user_wrap .grade {
	color: #5e5e5e;
	font-size: 16px;
	line-height: 20px;
	margin-top: 8px;
	display: inline-block;
	position: relative
}

.my_page_wrap .user_wrap .grade:hover {
	color: #1c76ee
}

.my_page_wrap .user_wrap .grade .img {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: -2px
}

.my_page_wrap .user_wrap .grade .img.grade_1 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_1.png") !important
}

.my_page_wrap .user_wrap .grade .img.grade_2 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_2.png") !important
}

.my_page_wrap .user_wrap .grade .img.grade_3 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_3.png") !important
}

.my_page_wrap .user_wrap .grade .img.grade_4 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_4.png") !important
}

.my_page_wrap .user_wrap .grade .img.grade_5 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_5.png") !important
}

.my_page_wrap .user_wrap .grade .img.grade_6 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_6.png") !important
}

.my_page_wrap .user_wrap .grade .img.grade_7 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_7.png") !important
}

.my_page_wrap .user_wrap .grade .img.grade_8 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_8.png") !important
}

.my_page_wrap .user_wrap .grade .img.grade_9 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_9.png") !important
}

.my_page_wrap .user_wrap .grade .img.grade_10 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_10.png") !important
}

.my_page_wrap .user_wrap .grade .grade_text {
	text-decoration: underline
}

.my_page_wrap .user_wrap .my_info {
	padding-bottom: 40px;
	margin-top: 40px;
	display: -ms-grid;
	display: grid;
	-webkit-grid-template-columns: repeat(4, 1fr);
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 40px;
	column-gap: 40px;
	grid-row-gap: 40px;
	row-gap: 40px
}

.my_page_wrap .user_wrap .my_info li {
	padding: 44px 0 0 0;
	color: #5e5e5e;
	font-size: 14px;
	line-height: 18px;
	font-family: "PretendardMedium", sans-serif;
	position: relative
}

.my_page_wrap .user_wrap .my_info li:before {
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #f8f8f8;
	border-radius: 50%;
	top: 0;
	left: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.my_page_wrap .user_wrap .my_info li.write:before {
	display: block;
	content: "";
	margin-right: 20px;
	margin-top: -2px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.95 0 0 11.95V16h16v-1.604H1.605v-1.781l7.756-7.756 1.78 1.781-6.15 6.15h2.27L16 4.05 11.95 0zm-1.455 3.725L11.95 2.27l1.78 1.78-1.453 1.454-1.78-1.78z' fill='%239E9E9E' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.my_page_wrap .user_wrap .my_info li.like:before {
	display: block;
	content: "";
	margin-right: 20px;
	margin-top: -2px;
	background-size: 16px 17px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.535.467 4.17 5.33h-.775v-.005H.673v9.932h2.723V13.8H4.83v1.457h8.21l2.425-5.88V5.326H9.948l1.483-3.39L8.535.467zM4.832 6.77l4.033-4.498.689.348-1.825 4.17h6.295v2.294l-1.943 4.71h-7.25V6.77zm-2.717 7.024h1.276V6.79H2.115v7.004z' fill='%239E9E9E' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

.my_page_wrap .user_wrap .my_info li.view:before {
	display: block;
	content: "";
	margin-right: 20px;
	margin-top: -2px;
	background-size: 15px 16px;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='us6c1mcqsa' d='M0 0h14.933v4.644H0z'/%3E%3Cpath id='w5xuapd9cc' d='M0 0h14.933v4.644H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(.033 .2)'%3E%3Cmask id='q6b2dpnu0b' fill='%23fff'%3E%3Cuse xlink:href='%23us6c1mcqsa'/%3E%3C/mask%3E%3Cpath d='M7.467 1.34c3.495 0 6.44 3.27 6.47 3.304l.996-.891C14.798 3.6 11.568 0 7.467 0S.135 3.6 0 3.753l.995.89c.03-.033 2.963-3.303 6.472-3.303' fill='%239E9E9E' mask='url(%23q6b2dpnu0b)'/%3E%3C/g%3E%3Cg transform='translate(.033 6.223)'%3E%3Cmask id='r55q9kpnjd' fill='%23fff'%3E%3Cuse xlink:href='%23w5xuapd9cc'/%3E%3C/mask%3E%3Cpath d='M7.467 3.304C3.971 3.304 1.025.034.995 0L0 .891c.135.153 3.366 3.753 7.467 3.753 4.1 0 7.331-3.6 7.466-3.753L13.938 0c-.03.033-2.976 3.304-6.471 3.304' fill='%239E9E9E' mask='url(%23r55q9kpnjd)'/%3E%3C/g%3E%3Cpath d='M4.684 5.465A2.824 2.824 0 0 0 7.5 8.296a2.824 2.824 0 0 0 2.816-2.831c0-1.563-1.26-2.83-2.816-2.83a2.824 2.824 0 0 0-2.816 2.83' fill='%239E9E9E'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.my_page_wrap .user_wrap .my_info li.comment:before {
	display: block;
	content: "";
	margin-right: 20px;
	margin-top: -2px;
	background-size: 16px 17px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239E9E9E' fill-rule='evenodd'%3E%3Cpath d='M.673 2.88v10.656h4.054v-1.402H2.101V4.283h11.935v7.851H8.329l-4.06 3.323.916 1.076 3.662-2.997h6.617V2.88z'/%3E%3Cpath d='M4.371 7.577h7.275V6.174H4.371zM4.371 10.49H8.31V9.085H4.371z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.my_page_wrap .user_wrap .btn_my {
	height: 46px;
	border-top: 1px solid #e1e1e1;
	color: #0e0e0e;
	font-size: 16px;
	line-height: 46px;
	width: 366px;
	margin: 0 -40px;
	display: block;
	background: #fff
}

.my_page_wrap .user_info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: 6px;
	margin-bottom: 6px;
}

.my_page_wrap .user_info > span + span {
	margin-left: 6px;
}

.my_page_wrap .user_info .server {
	color: #85614c;
}

.my_page_wrap .user_info .tag {
	display: inline-flex;
	align-items: center;
	height: 18px;
	font-family: "PretendardMedium", sans-serif;
	font-size: 12px;
	color: #fff;
	border-radius: 15px;
	padding: 0 6px;
}

.my_page_wrap .user_info .tag.state {
	background-color: #a8352e;
}

.my_page_wrap .user_info .tag.rank {
	background-color: #91745e;
}
.my_page_wrap .user_info  .level {
	color: #5e5e5e;
}

.my_page_wrap .user_info  .level em {
	display: inline-block;
	font-size: 14px;
}

.my_page_wrap .my_board {
	width: 808px;
	float: right
}

.my_page_wrap .my_board .tab {
	display: flex;
	margin-top: 0
}

.my_page_wrap .my_board .tab li {
	display: block
}

.my_page_wrap .my_board .tab li:nth-child(n+2) {
	margin-left: 2px
}

.my_page_wrap .my_board .tab li a {
	padding: 11px 20px;
	color: #5e5e5e;
	font-size: 16px;
	line-height: 24px;
	background: #f1f1f1;
	display: block
}

.my_page_wrap .my_board .tab li a.on {
	color: #0e0e0e;
	border: solid 1px #0e0e0e;
	background: #fff;
	padding: 10px 19px
}

.my_page_wrap .my_board .list {
	margin-top: 22px
}

.my_page_wrap .my_board .list .board_item {
	border-top: 1px solid #e1e1e1
}

.my_page_wrap .my_board .list .board_item:last-child {
	border-bottom: 1px solid #e1e1e1
}

.my_page_wrap .my_board .list .board_item a {
	padding: 24px 30px;
	display: block
}

.my_page_wrap .my_board .list .board_item .text {
	line-height: 24px;
	display: flex
}

.my_page_wrap .my_board .list .board_item .text:after {
	content: "";
	display: block;
	clear: both
}

.my_page_wrap .my_board .list .board_item .title {
	float: left;
	flex-shrink: 0
}

.my_page_wrap .my_board .list .board_item .desc {
	margin-left: 10px;
	padding-right: 0;
	line-height: 24px;
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative
}

.my_page_wrap .my_board .info_wrap {
	margin-top: 10px
}

.my_account {
	padding-top: 40px
}

.my_account h3.title {
	color: #0e0e0e;
	font-size: 24px;
	line-height: 36px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1
}

.my_account .phone_register {
	width: 600px;
	margin: 40px auto 0;
	font-size: 16px;
	line-height: 24px
}

.my_account .phone_register dt {
	padding-left: 18px;
	position: relative
}

.my_account .phone_register dt:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #000;
	position: absolute;
	top: 8px;
	left: 2px;
	transform: rotate(45deg)
}

.my_account .phone_register dd {
	margin-top: 14px;
	background: #f8f8f8;
	position: relative;
	height: 64px
}

.my_account .phone_register dd input {
	width: 100%;
	height: 100%;
	padding: 20px 98px 20px 30px;
	font-size: 16px;
	line-height: 24px;
	color: #0e0e0e;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0);
	font-family: "PretendardMedium", sans-serif
}

.my_account .phone_register dd .btn_register {
	padding: 7px 16px;
	font-size: 14px;
	line-height: 22px;
	border: 1px solid #e1e1e1;
	color: #0e0e0e;
	position: absolute;
	top: 14px;
	right: 20px;
	background: #fff
}

.my_account .phone_register dd .btn_register:hover {
	border-color: #0e0e0e
}

.my_account .note {
	width: 600px;
	margin: 20px auto 0;
	font-size: 14px;
	line-height: 20px;
	color: #5e5e5e;
	padding-left: 24px;
	position: relative
}

.my_account .note:before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #5e5e5e;
	position: absolute;
	top: 8px;
	left: 10px;
	border-radius: 50%
}

.my_account .note a {
	color: #1c76ee;
	text-decoration: underline
}

.board_list_img.video .list li .info_wrap {
	display: none
}

.board_list_img.video .list li .img:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 82px;
	height: 82px;
	background-repeat: no-repeat;
	background-image: url('../img/ico_video_play.svg');
	background-position: 50% 50%;
	background-size: cover;
	transform: translate(-50%, -50%);
	z-index: 10
}

/* .board_list_img.video .list li:hover .img .thumb:before {
	position: absolute;
	padding: 14px 0;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	background: rgba(0, 0, 0, .5);
	color: #fff;
	margin: 0;
	content: "";
	display: block;
	top: 0
}

.board_list_img.video .list li:hover .img .info_wrap {
	position: absolute;
	padding: 14px 0;
	height: 50px;
	width: 100%;
	bottom: 0;
	left: 0;
	-webkit-backdrop-filter: inherit;
	backdrop-filter: inherit;
	background: inherit;
	display: flex;
	justify-content: center;
	color: #fff;
	margin: 0
} */

.board_list_img.video .list li:hover .thumb {
	transform: scale(1.1)
}

.board.view {
	margin-top: 60px
}

.board.view .side_news {
	margin-top: 0
}

.board.view .side_news .thumb {
	overflow: hidden
}

.board.view .board_content {
	width: 808px;
	float: left
}

.board.view .board_content>.title {
	color: #0e0e0e;
	font-size: 24px;
	line-height: 36px
}

.board.view .board_content .post .table table td,
.board.view .board_content .post .table table th {
	vertical-align: middle;
}

.board.view .btn_more_wrap {
	display: none
}

.board.view .top_wrap {
	position: relative;
	border-bottom: 1px solid #ddd1ca;
	padding: 15px 30px;
}

.board.view .top_wrap .info_wrap {
	width: 100%;
	margin-top: 0;
	justify-content: space-between;
}

.board.view .top_wrap .btns {
	display: flex;
	align-items: center
}

/* .board.view .top_wrap .btn_tool_more {
	margin-left: 10px
} */

.board.view .info {
	margin-left: 0
}

.board.view .info .user_info {
	display: flex;
	align-items: center
}

.board.view .info li {
	margin-left: 5px;
	color: #808080;
	font-size: 14px;
	letter-spacing: -0.35px;
	line-height: normal;
}

.board.view .info .name_wrap {
	margin-left: 10px
}

.board.view .info .name {
	color: #808080;
	margin-left: 16px
}

.board.view .info .date {
	margin-left: 20px
}

.board.view .info .thumb {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-left: 0;
	overflow: hidden
}

.board.view .user_id {
	margin-bottom: 10px;
	display: block;
	font-family: "PretendardRegular", sans-serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: -0.35px;
	color:#808080;
}

.board.view .post {
	font-size: 16px;
	line-height: 1.3;
	color: #0e0e0e;
	padding-top: 40px
}

.board.view .post p {
	clear: both;
}

.board.view .post ,
.post_vote {
	padding-left: 30px;
	padding-right: 30px;
}

.board.view .tag_link {
	margin-top: 60px
}

.board.view .tag_link:after {
	content: "";
	display: block;
	clear: both
}

.board.view .tag_link li {
	float: left
}

.board.view .tag_link li:nth-child(n+2) {
	margin-left: 4px
}

.board.view .tag_link li a {
	color: #9e9e9e;
	font-size: 16px;
	line-height: 24px
}

.board.view .tag_link li a:hover {
	color: #1c76ee;
	text-decoration: underline
}

.board.view .reply_wrap {
	margin-top: 70px;
	text-align: right;
	position: relative;
	line-height: 28px
}

.board.view .reply_wrap:after {
	content: "";
	display: block;
	clear: both
}

.board.view .reply_wrap .reply_total {
	font-family: "PretendardMedium", sans-serif;
	font-size: 18px;;
	letter-spacing: -0.45px;
	color: #464646;
	float: left
}

.board.view .reply_wrap .reply_total span {
	display: inline-block;
	vertical-align: middle
}

.board.view .reply_wrap .reply_total span > em {
	display: inline-block;
	color: #91745e;
	padding-left: 10px;
}

/* .board.view .reply_wrap .reply_total:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 15px;
	background-position: 74.95% 92.45%;
	background-size: 2196.42% 2043.33%;
	vertical-align: middle;
	margin-right: 4px
} */

.board.view .utility_wrap {
	display: flex;
	justify-content: center;
	position: relative;
	border-bottom: 1px solid #ddd1ca;
	margin-top: 50px;
	padding-bottom: 50px;
}

.board.view .like_wrap {
	display: flex;
}

.board.view .like_wrap button {
	position: relative;
	min-width: 90px;
	height: 30px;
	border: 1px solid #91745e;
	font-size: 16px;
	letter-spacing: -0.4px;
	color: #91745e;
	padding-left: 30px;
	padding-right: 10px;
	transition: 0.3s;
}

.board.view .like_wrap button + button {
	margin-left: 10px;
}

.board.view .like_wrap button span {
	display: inline-block;
	vertical-align: middle
}

.board.view .like_wrap button.like {
	margin-left: 0
}

.board.view .like_wrap button.like:after {
	display: none
}

/* .board.view .like_wrap button.like.on {
	color: #0e0e0e
} */

.board.view .like_wrap button:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left:10px;
	width: 14px;
	height: 13px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin-right: 6px;
	transform: translateY(-50%);
}

.board.view .like_wrap button.like:before {
	background-image: url('../img/fg-like.svg');
}

.board.view .like_wrap button.dislike:before {
	background-image: url('../img/fg-dislike.svg');
}

.board.view .like_wrap button:hover {
	border-color: #be9a7e;
}

.board.view .like_wrap button.dislike.on {
	color: #0e0e0e
}

.board.view .like_wrap button.off {
	cursor: auto;
	color: #d8d8d8;
	border-color: #d8d8d8;
}

.board.view .like_wrap button.off::before {
	filter: opacity(0.4) grayscale(1);
}

.board.view .utility_wrap .btns {
	position: absolute;
	top: 0;
	right: 0;
}

.board.view .post_comment_list {
	border-top: 1px solid #e1e1e1;
	margin-top: 13px;
}

/* .board.view .post_comment_list li:last-child {
	border-bottom: 1px solid #e1e1e1
} */

.board.view .post_comment_list .depth_2 li:last-child {
	border-bottom: none
}

.board.view .textarea {
	background-color: inherit;
	border: solid 1px #ddd1ca;
	padding: 20px 30px
}

.board.view .textarea textarea {
	background-color: inherit;
	color: inherit;
	font-size: 16px;
	letter-spacing: -0.4px;;
}

.board.view .textarea .btn_camera {
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-image: url('../img/ico_photo.svg');
	background-position: 50% 50%;
	background-size: cover;
}

.board.view .textarea .bottom_area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% + 30px * 2);
	border-top: 1px solid #ddd1ca;
	margin-left: -30px;
	margin-top: 20px;
	padding: 20px 30px 0;
}

.board.view .textarea .counter {
	color: #808080;
	font-size: 14px;
	letter-spacing: -0.35px;
	margin-right: 20px
}

.board.view .textarea .counter .num {
	color: #e16513;
}

.board.view .textarea.off .counter,
.board.view .textarea.off .counter .num {
	color: #d8d8d8;
}

.board.view .textarea .btns {
	display: flex;
	align-items: center
}

.board.view .textarea .btns button{
	min-width: 90px;
	height: 30px;
	background-color: #91745e;
	font-family: "PretendardMedium", sans-serif;
	font-size: 16px;
	letter-spacing: -0.4px;
	color: #fff;
}

.board.view .textarea .btns button + button {
	margin-left: 10px;
}

.board.view .textarea.off .btns button {
	cursor: default;
	background: #d8d8d8;
}

.board.view .textarea .list_attach {
	margin-top: 28px;
	display: flex;
	align-items: center
}

.board.view .textarea .list_attach li {
	position: relative
}

.board.view .textarea .list_attach li:nth-child(n+2) {
	margin-left: 18px
}

.board.view .textarea .list_attach li .img {
	width: 56px;
	height: 56px
}

.board.view .textarea .list_attach li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.board.view .textarea .list_attach li .ibtn_del {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #fff;
	background-position: 59.65% 20.94%;
	background-size: 1537.5% 1532.5%
}

.board.view .btn_list_wrap {
	display: flex;
	justify-content: flex-end;
	margin-top: 60px
}

.board.view .move_list {
	margin-top: 60px;
	border-top: 1px solid #ddd1ca
}

.board.view .move_list li {
	border-bottom: 1px solid #ddd1ca
}

.board.view .move_list li a {
	display: flex;
	align-items: center;
	padding: 16px 26px;
}

.board.view .move_list li a:hover .tit {
	text-decoration: underline;
}

.board.view .move_list li span.arrow {
	display: inline-flex;
}

.board.view .move_list li span.arrow:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 17px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.board.view .move_list li.prev .arrow:before {
	background-image: url('../img/board_nav_prev.svg');
}

.board.view .move_list li.next .arrow:before {
	background-image: url('../img/board_nav_next.svg');
}

.board.view .move_list li span.arrow > span {
	display: none;
}

.board.view .move_list li span.title {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #5e5e5e;
	font-size: 18px;
	letter-spacing: -0.45px;
}

.board.view .paging {
	margin-top: 28px
}

.board.view ul+.paging {
	margin-top: 40px;
	margin-bottom: 40px
}

.board.view .post_vote+.tag_link {
	margin-top: 40px
}

.post_vote {
	position: relative;
	font-family: "PretendardMedium", sans-serif;
	font-size: 18px;
	letter-spacing: -0.45px;
	margin-top: 50px;
	color: #0e0e0e;
}

.post_vote .vote_top {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 18px;
}

.post_vote .onair,
.post_vote .onend,
.post_vote .finish {
	display: inline-block;
	padding: 5px 11px;
	border-radius: 2px;
	font-family: "PretendardMedium", sans-serif;
	font-size: 14px;
	letter-spacing: -0.35px;
	margin-left: 12px;
}

.post_vote .onair {
	background-color: #549adf;
	color: #fff;

}

.post_vote .finish {
	background-color: #777777;
	color: #fff
}

.post_vote .question {
	position: relative;
	padding-top: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
}

.post_vote .question.disable:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, .7)
}

.post_vote .guide_text {
	position: absolute;
	top: 0;
	right: 30px;
	font-family: "PretendardMedium", sans-serif;
	font-size: 18px;
	letter-spacing: -0.45px;
	color: #e16513;
}

.post_vote dl {
	position: relative;
	overflow: hidden
}

.post_vote dl + dl {
	margin-top: 50px
}

.post_vote dl dt {
	margin-bottom: 20px;
}
.post_vote dl dt,
.post_vote dl dd {
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: -0.4px;
}

.post_vote dl.req dt:before {
	content: "*";
	display: inline-block;
	margin-right: 4px;
	color: #d16060;
}

.post_vote dl dd {
	background-color: #f9f9f9;
	padding: 10px 20px;
}

.post_vote dl dd + dd {
	margin-top: 10px
}

.post_vote dl dd textarea {
	padding: 5px 0;
	width: 100%;
	height: 76px;
	background-color: inherit;
	font-family: "PretendardRegular", sans-serif
}

.post_vote dl dd input[type=radio] {
	display: none
}

.post_vote dl dd input[type=radio]+label,
.post_vote dl dd input[type=checkbox]+label {
	position: relative;
	display: inline-block;
	font-family: "PretendardRegular", sans-serif;
	padding-left: 30px;
	text-indent: 0;
}

.post_vote dl dd input[type=radio]+label~label {
	margin-left: 10px
}

.post_vote dl dd input[type=radio] ,
.post_vote dl dd input[type=checkbox] {
	display: none
}

.post_vote dl dd input[type=radio]+label:before,
.post_vote dl dd input[type=checkbox]+label:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #707070;
	background-color: #fff;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	box-sizing: border-box;
}

.post_vote dl dd input[type=radio]+label:before {
	background-color: #f8f8f8;
	border-radius: 50%;
}

.post_vote dl dd input[type=radio]:checked+label:before {
	background-image: url('../img/radio_chk.svg');
	background-size: 10px 10px;
}

.post_vote dl dd input[type=checkbox]:checked+label:before {
	background-image: url('../img/checkbox_chk.svg');
	background-size: 14px 9px;
}

.post_vote .question.disable dl dd input[type=radio]+label:before,
.post_vote .question.disable dl dd input[type=checkbox]+label:before {
	filter: grayscale(1)
}

.post_vote dl dd label + span {
	padding-left: 10px;
}

.post_vote .btn_submit {
	margin: 40px auto 0;
}

.top_wrap {
	justify-content: space-between;
	display: flex
}

.info_wrap {
	flex-direction: row;
	display: flex;
	margin-top: 12px
}

.btn_share {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: solid 1px #91745e;
	transition: 0.3s;
}

.btn_share:hover {
	border-color: #be9a7e;
}

.btn_share:before {
	content: "";
	display: block;
	width: 14px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url('../img/ico_share.svg');
	background-position: 50% 50%;
	background-size: cover;
	transition: 0.3s;
}
.btn_share:hover::before {
	background-image: url('../img/icon_share_hover.svg');
}
.btn_share.off {
	filter: opacity(0.4) grayscale(1);
}


.info {
	display: flex;
	align-items: center
}

.info+.info {
	margin-left: 20px;
}

.info li {
	display: flex;
	align-items: center;
	margin-left: 16px;
	font-size: 14px;
	letter-spacing: -0.35px;
	line-height: normal;
	color: #808080
}

.info li span {
	vertical-align: middle;
	margin-left: 0;
	display: inline-block
}

.info li:nth-child(1) {
	margin-left: 0
}

.info li.comment:before,
.info li.view:before,
.info li.like:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin-right: 4px;
}

.info li.like:before {
	background-image: url('../img/board-like.svg');
}

.info li.view:before {
	background-image: url('../img/board-view.svg');
}

.info li.comment:before {
	background-image: url('../img/board-comment.svg');
}

.side_news {
	float: right;
	width: 368px;
}

/* .side_news li {
	border-bottom: 1px solid #e1e1e1
} */

.side_news li + li {
	margin-top: 20px;
}

.side_news li a {
	display: block
}

.side_news li .thumb {
	overflow: hidden
}

.side_news li img {
	transition: all .2s linear
}

.side_news li:hover .title {
	text-decoration: underline;
}

.side_news li:hover img {
	transform: scale(1.1)
}

.side_news li:last-child {
	border-bottom: none
}

.side_news li .title {
	margin-top: 12px;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: -0.4px;
	color: #484848;
	line-height: 1.5;
	display: block;
	/* overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap */
}

.paging {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px
}

.paging>button {
	width: 30px;
	height: 30px
}

.paging>button[class*="btn_"]{
	position: relative;
	width: 28px;
	height: 28px;
	background-color: #b19d8d;
	transition: 0.3s;
}

.paging:not(.disabled)>button[class*="btn_"]:hover {
	background-color: #d8bba4;
}


.paging>button[class*="btn_"]::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.paging>button.btn_prev::before,
.paging>button.btn_next::before {
	background-size: 7px 12px;
}

.paging>button.btn_prev::before {
	background-image: url('../img/paging-prev.svg');
}

.paging>button.btn_next::before {
	background-image: url('../img/paging-next.svg');
}

.paging>button.btn_first,
.paging>button.btn_last {
	width: 36px;
}

.paging>button.btn_first::before,
.paging>button.btn_last::before {
	background-size: 12px 12px;
}

.paging>button.btn_first::before {
	background-image: url('../img/paging-first.svg');
}

.paging>button.btn_last::before {
	background-image: url('../img/paging-last.svg');
}

.paging>button[class*="btn_"] + button[class*="btn_"] {
	margin-left: 4px;
}

.paging .num {
	margin: 0 20px
}

.paging .btn_num {
	font-size: 18px;
	letter-spacing: -0.45px;
	color: #5b5b5b;
	padding: 0 11px;
	transition: color 0.3s;
}

.paging .btn_num.on,
.paging .btn_num:hover {
	color: #91745e;
}

.paging.disabled>button[class*="btn_"]{
	background-color: #d8d8d8;
}

.btn_more {
	display: none
}

.error h1.logo {
	left: 50% !important;
	transform: translateX(-50%)
}

.error {
	padding: 200px 20px 0;
	text-align: center
}

.error .title {
	display: block;
	font-size: 20px;
	line-height: 34px;
	color: #0e0e0e
}

.error .desc {
	margin-top: 20px;
	font-size: 16px;
	line-height: 30px;
	color: #5e5e5e;
	display: inline-block
}

.error .link_main {
	margin: 60px 0;
	padding: 11px 10px;
	font-size: 16px;
	line-height: 34px;
	color: #0e0e0e;
	min-width: 200px;
	border: solid 1px #bebebe;
	background-color: #fff;
	display: inline-block
}

.error .link_main:hover {
	border: solid 1px #0e0e0e
}

.error .copy {
	color: #bebebe;
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 12px;
	line-height: 16px
}

.pfp_zone {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .8);
	overflow: hidden;
	overflow-y: auto;
	z-index: -1;
	-webkit-overflow-scrolling: touch;
	text-align: center
}

.pfp_zone:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.pfp_zone.on {
	z-index: 100
}

.pfp_zone .pfp_cont {
	position: relative;
	display: inline-block;
	width: 560px;
	min-height: 679px;
	background-color: #fff;
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .26);
	vertical-align: middle;
	text-align: initial;
	padding: 40px
}

.pfp_zone .pfp_body .sub_tit .info {
	color: #9e9e9e;
	font-size: 13px;
	line-height: 24px;
	margin-left: 4px;
	display: inline-block;
	vertical-align: top
}

.pfp_zone .pfp_body .pfp_nickname {
	margin-top: 14px
}

.pfp_zone .pfp_body .pfp_nickname .pfp_info {
	margin: 4px 0 12px;
	font-size: 16px;
	color: #627793;
	line-height: 24px
}

.pfp_zone .pfp_body .pfp_nickname .pfp_form {
	position: relative;
	display: flex;
	display: -webkit-flex;
	padding: 11px 12px 11px 20px;
	border: 1px solid #e1e1e1;
	align-items: center
}

.pfp_zone .pfp_body .pfp_nickname .pfp_form input {
	width: 100%;
	background: rgba(0, 0, 0, 0);
	border: 0;
	box-shadow: none;
	font-size: 16px;
	color: #0e0e0e;
	line-height: 24px
}

.pfp_zone .pfp_body .pfp_nickname .pfp_form input::-webkit-input-placeholder {
	color: #bebebe !important
}

.pfp_zone .pfp_body .pfp_nickname .pfp_form input::-moz-placeholder {
	color: #bebebe !important
}

.pfp_zone .pfp_body .pfp_nickname .pfp_form input:-ms-input-placeholder {
	color: #bebebe !important
}

.pfp_zone .pfp_body .pfp_nickname .pfp_form input:-moz-placeholder {
	color: #bebebe !important
}

.pfp_zone .pfp_body .pfp_nickname .pfp_form .pfp_length {
	padding-right: 10px;
	font-size: 14px;
	color: #bebebe;
	line-height: 20px
}

.pfp_zone .pfp_body .pfp_nickname .pfp_form button {
	white-space: nowrap;
	padding: 7px 12px;
	border: 1px solid #bebebe;
	font-size: 14px;
	line-height: 18px;
	color: #0e0e0e
}

.pfp_zone .pfp_body .pfp_nickname .pfp_form button:hover {
	border-color: #0e0e0e
}

.pfp_zone .pfp_body .pfp_nickname .pfp_error {
	margin: 6px 0 0 20px;
	font-size: 12px;
	line-height: 16px
}

.pfp_zone .pfp_body .pfp_nickname .pfp_error.true {
	color: #1c76ee
}

.pfp_zone .pfp_body .pfp_nickname .pfp_error.false {
	color: #e60606
}

.pfp_zone .pfp_body .pfp_avatar {
	margin: 20px auto
}

.pfp_zone .pfp_body .pfp_avatar:after {
	content: "";
	display: block;
	clear: both
}

.pfp_zone .pfp_body .pfp_avatar li {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 10px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	border-radius: 50%;
	cursor: pointer;
	float: left
}

.pfp_zone .pfp_body .pfp_avatar li:nth-child(5n) {
	margin-right: 0
}

.pfp_zone .pfp_body .pfp_avatar li:nth-child(5n-4) {
	margin-left: 0
}

.pfp_zone .pfp_body .pfp_avatar li.current:after {
	content: "";
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	top: 0;
	left: 0;
	background-position: 93.33% 81.91%;
	background-size: 1025% 1021.66%
}

.pfp_zone .pfp_body .pfp_avatar li.on:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .6)
}

.pfp_zone .pfp_body .pfp_avatar li.on:after {
	content: "";
	position: absolute;
	display: block;
	width: 24px;
	height: 17px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='17' viewBox='0 0 24 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.37 0 9.536 11.77 2.63 4.902 0 7.517 9.535 17 24 2.615z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.pfp_zone .pfp_body .list_check li:nth-child(n+2) {
	margin-top: 20px
}

.pfp_zone input[type=checkbox] {
	display: none
}

.pfp_zone input[type=checkbox]+label {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	text-indent: 0;
	line-height: 20px;
	font-size: 14px;
	color: #5e5e5e
}

.pfp_zone input[type=checkbox]+label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	text-indent: 0;
	background-position: 45.04% 20.94%;
	background-size: 1537.5% 1532.5%
}

.pfp_zone input[type=checkbox]:checked+label:before {
	background-position: 52.34% 20.94%;
	background-size: 1537.5% 1532.5%
}

.pfp_zone .pfp_foot {
	text-align: center;
	margin-top: 30px;
	display: flex;
	justify-content: center
}

.pfp_zone .pfp_foot button {
	position: static;
	top: auto;
	left: auto;
	height: auto;
	padding: 10px 30px;
	border: solid 1px #bebebe;
	font-size: 16px;
	line-height: 24px
}

.pfp_zone .pfp_foot button:hover {
	border-color: #0e0e0e;
	color: #0e0e0e
}

.pfp_zone .pfp_foot button:nth-child(n+2) {
	margin-left: 10px
}

.pfp_zone .pfp_foot .btn_cancel {
	color: #b9bbce
}

.pfp_zone .btn_close {
	display: block;
	width: 76px;
	height: 76px;
	position: absolute;
	right: 0;
	top: 0
}

.pfp_zone .btn_close:before {
	width: 24px;
	height: 24px;
	background-position: 95.4% 92.13%;
	background-size: 2196.42% 2189.28%;
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	right: 20px
}

.pop_grade .title,
.pfp_zone .title {
	font-size: 20px;
	line-height: 32px;
	color: #222832;
	text-align: center;
	display: block;
	font-weight: normal
}

.pop_grade .sub_tit,
.pfp_zone .sub_tit {
	margin-top: 40px;
	padding-left: 18px;
	position: relative;
	line-height: 24px;
	font-size: 16px;
	font-weight: normal
}

.pop_grade .sub_tit:before,
.pfp_zone .sub_tit:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #0e0e0e;
	position: absolute;
	top: 8px;
	left: 2px;
	transform: rotate(45deg)
}

.pop_grade .sub_tit .member,
.pfp_zone .sub_tit .member {
	color: #1c76ee
}

.pop_grade {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .8);
	overflow: hidden;
	overflow-y: auto;
	z-index: -1;
	-webkit-overflow-scrolling: touch;
	text-align: center;
	padding: 100px 0
}

.pop_grade:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.pop_grade.on {
	z-index: 1000
}

.pop_grade .pop_layer {
	position: relative;
	display: inline-block;
	width: 560px;
	background-color: #fff;
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .26);
	vertical-align: middle;
	text-align: initial;
	padding: 40px
}

.pop_grade .my_info {
	color: #5e5e5e;
	font-size: 13px;
	line-height: 18px;
	margin-top: 10px;
	display: flex;
	padding-left: 18px
}

.pop_grade .my_info li:nth-child(n+2) {
	margin-left: 16px
}

.pop_grade .note {
	margin-top: 10px;
	padding-left: 18px
}

.pop_grade .note li {
	padding-left: 14px;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #5e5e5e
}

.pop_grade .note li:before {
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	background: #5e5e5e;
	border-radius: 50%;
	top: 8px;
	left: 0
}

.pop_grade .note li:nth-child(n+2) {
	margin-top: 6px
}

.pop_grade .member_info {
	padding-left: 18px
}

.pop_grade .member_info li {
	margin-top: 20px
}

.pop_grade .member_info li:last-child {
	margin-bottom: 20px
}

.pop_grade .member_info li .grade {
	padding-left: 30px;
	position: relative;
	display: flex
}

.pop_grade .member_info li .grade .img {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.pop_grade .member_info li .grade .img.grade_1 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_1.png") !important
}

.pop_grade .member_info li .grade .img.grade_2 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_2.png") !important
}

.pop_grade .member_info li .grade .img.grade_3 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_3.png") !important
}

.pop_grade .member_info li .grade .img.grade_4 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_4.png") !important
}

.pop_grade .member_info li .grade .img.grade_5 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_5.png") !important
}

.pop_grade .member_info li .grade .img.grade_6 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_6.png") !important
}

.pop_grade .member_info li .grade .img.grade_7 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_7.png") !important
}

.pop_grade .member_info li .grade .img.grade_8 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_8.png") !important
}

.pop_grade .member_info li .grade .img.grade_9 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_9.png") !important
}

.pop_grade .member_info li .grade .img.grade_10 {
	background-image: url("https://wzcommunity-fn.qpyou.cn/wzcommunity/markup/img/community/zenonia/img/grade/icon_grade_10.png") !important
}

.pop_grade .member_info li .grade .info_1 {
	font-size: 14px;
	line-height: 20px
}

.pop_grade .member_info li .grade .info_2 {
	margin-left: 20px;
	color: #5e5e5e;
	font-size: 14px;
	line-height: 20px
}

.pop_grade .member_info li .grade_info {
	color: #1c76ee;
	margin-top: 6px;
	font-size: 13px;
	line-height: 18px;
	padding-left: 30px
}

.pop_grade .btn_close {
	display: block;
	width: 64px;
	height: 64px;
	position: absolute;
	right: 0;
	top: 0
}

.pop_grade .btn_close:before {
	width: 24px;
	height: 24px;
	background-position: 95.4% 92.13%;
	background-size: 2196.42% 2189.28%;
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	right: 20px
}

.pop_phone {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .8);
	overflow: hidden;
	overflow-y: auto;
	z-index: -1;
	-webkit-overflow-scrolling: touch;
	text-align: center
}

.pop_phone:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.pop_phone.on {
	z-index: 1000;
	padding: 30px 0
}

.pop_phone .pop_layer {
	position: relative;
	display: inline-block;
	width: 560px;
	background-color: #fff;
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .26);
	vertical-align: middle;
	padding: 40px;
	text-align: center
}

.pop_phone .title {
	color: #222832;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	display: block
}

.pop_phone .desc {
	color: #5e5e5e;
	font-size: 16px;
	line-height: 24px;
	margin-top: 10px
}

.pop_phone .input_wrap {
	margin-top: 40px
}

.pop_phone .input_wrap li {
	height: 46px;
	position: relative
}

.pop_phone .input_wrap li .btn_confirm {
	color: #1c76ee;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #e1e1e1;
	padding: 0 20px;
	height: 46px
}

.pop_phone .input_wrap li .btn_confirm:hover {
	border-color: #1c76ee
}

.pop_phone .input_wrap li:nth-child(n+2) {
	margin-top: 10px
}

.pop_phone .input_wrap li input {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 11px 88px 11px 20px;
	border: solid 1px #e1e1e1
}

.pop_phone .input_wrap li .noti {
	font-size: 14px;
	line-height: 20px;
	color: #1c76ee;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	padding: 0
}

.pop_phone .input_wrap li .noti.error {
	color: #e60606
}

.pop_phone .input_wrap li .count {
	color: #e60606;
	top: 0;
	right: 20px;
	line-height: 46px;
	position: absolute
}

.pop_phone .agreement {
	position: relative;
	margin-top: 50px;
	padding-right: 32px;
	text-align: left
}

.pop_phone .agreement input[type=checkbox] {
	display: none
}

.pop_phone .agreement input[type=checkbox]+label {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	text-indent: 0;
	line-height: 20px;
	font-size: 14px;
	color: #0e0e0e
}

.pop_phone .agreement input[type=checkbox]+label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	text-indent: 0;
	background-position: 45.04% 20.94%;
	background-size: 1537.5% 1532.5%
}

.pop_phone .agreement input[type=checkbox]:checked+label:before {
	background-position: 52.34% 20.94%;
	background-size: 1537.5% 1532.5%
}

.pop_phone .agreement .more_info {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.pop_phone .agreement .more_info:after {
	content: "";
	display: block;
	width: 20px;
	height: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='4' viewBox='0 0 20 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239E9E9E' fill-rule='evenodd'%3E%3Cpath d='M0 0h4v4H0zM8 0h4v4H8zM16 0h4v4h-4z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.pop_phone .btns {
	margin-top: 40px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.pop_phone .btns button {
	font-size: 16px;
	line-height: 24px;
	padding: 10px 30px
}

.pop_phone .btns button:nth-child(n+2) {
	margin-left: 10px
}

.pop_phone .btns button.btn_cancel {
	color: #9e9e9e;
	border: solid 1px #bebebe
}

.pop_phone .btns button.btn_cancel:hover {
	border: solid 1px #5e5e5e;
	color: #5e5e5e
}

.pop_phone .btns button.btn_confirm {
	color: #0e0e0e;
	border: solid 1px #bebebe
}

.pop_phone .btns button.btn_confirm:hover {
	border: solid 1px #0e0e0e;
	color: #0e0e0e
}

.pop_phone .btn_close {
	display: block;
	width: 64px;
	height: 64px;
	position: absolute;
	right: 0;
	top: 0
}

.pop_phone .btn_close:before {
	width: 24px;
	height: 24px;
	background-position: 95.4% 92.13%;
	background-size: 2196.42% 2189.28%;
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	right: 20px
}

.ico {display: inline-block;}
.ico.titicon_new {
	width: 16px;
	height: 16px;
	background-image: url('../img/titicon_new.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin-left: 4px;
	margin-right: 6px;
}

@media screen and (max-width: 1199px) {
	.board .textarea textarea {
		height: 58px !important
	}

	.quick_menu {
		width: 50px;
		height: 50px;
		bottom: 10px;
		right: 10px;
		transform: inherit;
		top: inherit
	}

	.quick_menu .quick_list,
	.quick_menu .btn_toggle {
		display: none
	}

	.quick_menu .btn_top {
		height: 100%;
		font: 0/0 a
	}

	.quick_menu .btn_top:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.414' height='10.121' viewBox='0 0 17.414 10.121'%3E%3Cpath data-name='icon/arrow/up' d='m-4-4 8 8 8-8' transform='rotate(180 6.354 2.707)' style='fill:none;stroke:%23fff;stroke-width:2px'/%3E%3C/svg%3E%0A");
		width: 18px;
		height: 11px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}

	.main #COMMUNITYcontent {
		padding-top: 68px
	}

	.main#COMMUNITYwrap .board.search {
		padding-top: 68px
	}

	.main#COMMUNITYwrap .search_view .paging {
		margin-bottom: 0
	}

	.main .swiper-pagination {
		display: block
	}

	.main [class^=board_area_] .title {
		line-height: 38px;
		font-size: 26px
	}

	.main .btns {
		display: none
	}

	.main .slider_wrap {
		height: 300px;
		width: auto
	}

	.main .slider_wrap:before {
		display: none
	}

	.main .slider_wrap:after {
		display: none
	}

	.main .slider_wrap a {
		background-size: 1280px auto
	}

	.main .slider_wrap .swiper_nav {
		display: none
	}

	.main .slider_wrap .btn_gamestart {
		display: none
	}

	.main .slider_wrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.main .slider_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		background: #fff;
		margin: 0 6px;
		bottom: 20px
	}

	.main .board_area_1 {
		background: #171717 !important
	}

	.main .board_area_1 .title {
		text-align: center;
		margin-top: 60px
	}

	.main .board_area_1 .list_notice+.title {
		margin-top: 60px
	}

	.main .board_area_1:after {
		display: none
	}

	.main .board_area_1 .list_notice {
		display: block;
		margin-top: 26px;
		min-height: inherit
	}

	.main .board_area_1 .list_notice li {
		background: #1c1c1c;
		position: relative
	}

	.main .board_area_1 .list_notice li a {
		padding: 20px;
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.main .board_area_1 .list_notice li:nth-child(n+2) {
		margin-top: 10px
	}

	.main .board_area_1 .list_notice .board_title {
		font-size: 16px;
		line-height: 24px
	}

	.main .board_area_1 .list_notice .desc {
		height: auto;
		margin-top: 2px;
		color: #e6e6e6
	}

	.main .board_area_1 .list_notice .date {
		margin-top: 0;
		font-size: 16px;
		margin-left: 8px
	}

	.main .board_area_1 .list_video {
		margin-top: 26px;
		padding-bottom: 60px
	}

	.main .board_area_1 .list_video .swiper_video {
		height: auto
	}

	.main .board_area_1 .list_video .swiper_video .swiper-slide.new:after {
		width: 13px;
		height: 13px
	}

	.main .board_area_1 .list_video .swiper_video .swiper-slide a img {
		height: 16.53vw
	}

	.main .board_area_1 .swiper-pagination-bullets.swiper-pagination-horizontal {
		text-align: center
	}

	.main .board_area_1 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.main .board_area_1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		text-align: center;
		width: 6px;
		height: 6px;
		background: #fff;
		margin: 0 6px
	}

	.main .board_area_1 .list_video .btns_wrap {
		position: sticky;
		max-width: 328px;
		margin: 26px auto 0
	}

	.main .board_area_1 .list_video .btns_wrap button {
		width: 36px;
		height: 36px
	}

	.main .board_area_1 .list_video .btns_wrap button:after {
		width: 7px;
		height: 14px
	}

	.main .board_area_1 .list_video .btns_wrap .swiper-pagination_2 {
		display: flex;
		padding: 0
	}

	.main .board_area_2 .board_wrap {
		margin-top: 60px
	}

	.main .board_area_2 .board_wrap .thumb {
		height: 16.53vw
	}

	.main .board_area_2 .board_wrap .text_wrap {
		padding: 14px 20px;
		font-size: 18px
	}

	.pfp_zone {
		background: #fff;
		top: 68px
	}

	.pfp_zone:before {
		display: none
	}

	.pfp_zone .pfp_cont {
		width: 100%;
		box-shadow: none;
		padding: 0 20px 20px 20px;
		padding: 0 calc(env(safe-area-inset-left) + 20px) 0 calc(env(safe-area-inset-right) + 20px);
		padding-bottom: 20px
	}

	.pfp_zone .btn_close {
		display: none
	}

	.pfp_zone .title {
		display: none
	}

	.pfp_zone .pfp_body .sub_tit {
		margin-top: 30px
	}

	.pfp_zone .pfp_body .pfp_avatar {
		margin-left: 14px
	}

	.pfp_zone .pfp_body .pfp_avatar li:nth-child(5n) {
		margin: 10px
	}

	.pfp_zone .pfp_body .pfp_avatar li:nth-child(5n-4) {
		margin: 10px
	}

	.pfp_zone .pfp_foot button {
		width: 100%
	}

	.pop_grade .pop_layer {
		padding: 30px 40px;
		width: 460px
	}

	.pop_grade .title {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 30px
	}

	.pop_grade .sub_tit {
		margin-top: 20px;
		font-size: 14px;
		line-height: 20px
	}

	.pop_grade .my_info {
		font-size: 12px;
		line-height: 16px;
		margin-top: 8px
	}

	.pop_grade .my_info li:nth-child(n+2) {
		margin-left: 10px
	}

	.pop_grade .note {
		margin-top: 8px
	}

	.pop_grade .note li {
		padding-left: 14px;
		font-size: 12px;
		line-height: 16px
	}

	.pop_grade .note li:before {
		top: 6px
	}

	.pop_grade .note li:nth-child(n+2) {
		margin-top: 4px
	}

	.pop_grade .member_info {
		padding-left: 18px
	}

	.pop_grade .member_info li {
		margin-top: 14px
	}

	.pop_grade .member_info li:first-child {
		margin-top: 20px
	}

	.pop_grade .member_info li:last-child {
		margin-bottom: 10px
	}

	.pop_grade .member_info li .grade {
		padding-left: 22px;
		position: relative;
		line-height: 16px;
		display: flex
	}

	.pop_grade .member_info li .grade .img {
		width: 16px;
		height: 16px;
		position: absolute;
		top: 0;
		left: 0
	}

	.pop_grade .member_info li .grade .info_1 {
		font-size: 12px;
		line-height: 16px
	}

	.pop_grade .member_info li .grade .info_2 {
		margin-left: 6px;
		color: #5e5e5e;
		font-size: 12px;
		line-height: 16px
	}

	.pop_grade .member_info li .grade_info {
		margin-top: 4px;
		font-size: 12px;
		line-height: 16px;
		padding-left: 22px
	}

	.pop_grade .btn_close {
		width: 40px;
		height: 40px
	}

	.pop_grade .btn_close:before {
		width: 20px;
		height: 20px;
		top: 10px;
		right: 10px
	}

	.pop_grade .sub_tit,
	.pfp_zone .sub_tit {
		margin-top: 20px;
		font-size: 14px;
		line-height: 20px
	}

	.pop_grade .sub_tit:before,
	.pfp_zone .sub_tit:before {
		top: 7px
	}

	.pop_phone .pop_layer {
		width: 460px;
		padding: 30px 40px
	}

	.pop_phone .title {
		font-size: 18px;
		line-height: 26px
	}

	.pop_phone .desc {
		font-size: 12px;
		line-height: 16px
	}

	.pop_phone .input_wrap {
		margin-top: 30px
	}

	.pop_phone .input_wrap li .btn_confirm {
		padding: 0 16px
	}

	.pop_phone .input_wrap li input {
		padding: 11px 80px 11px 20px
	}

	.pop_phone .input_wrap li .noti {
		font-size: 12px;
		line-height: 16px;
		color: #1c76ee;
		bottom: -26px
	}

	.pop_phone .input_wrap li .count {
		font-size: 14px
	}

	.pop_phone .agreement {
		margin-top: 36px
	}

	.pop_phone .btns {
		margin-top: 30px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.pop_phone .btns button {
		width: 50%;
		font-size: 14px;
		line-height: 22px;
		padding: 6px 30px
	}

	.pop_phone .btns button:nth-child(n+2) {
		margin-left: 10px
	}

	.pop_phone .btns button.btn_cancel {
		color: #9e9e9e;
		border: solid 1px #bebebe
	}

	.pop_phone .btns button.btn_cancel:hover {
		border: solid 1px #5e5e5e;
		color: #5e5e5e
	}

	.pop_phone .btns button.btn_confirm {
		color: #0e0e0e;
		border: solid 1px #bebebe
	}

	.pop_phone .btns button.btn_confirm:hover {
		border: solid 1px #0e0e0e;
		color: #0e0e0e
	}

	.pop_phone .btn_close {
		width: 40px;
		height: 40px
	}

	.pop_phone .btn_close:before {
		width: 20px;
		height: 20px;
		top: 10px;
		right: 10px
	}

	.my_account {
		padding-top: 30px
	}

	.my_account h3.title {
		display: none
	}

	.my_account .phone_register {
		width: 568px;
		margin: 0 auto
	}

	.my_account .phone_register dt {
		padding-left: 18px;
		position: relative
	}

	.my_account .phone_register dt:before {
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		background: #000;
		position: absolute;
		top: 8px;
		left: 2px;
		transform: rotate(45deg)
	}

	.my_account .phone_register dd {
		margin-top: 14px;
		background: #f8f8f8;
		position: relative;
		height: 64px
	}

	.my_account .phone_register dd input {
		width: 100%;
		height: 100%;
		padding: 20px 98px 20px 30px;
		font-size: 16px;
		line-height: 24px;
		color: #0e0e0e;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0);
		font-family: "PretendardMedium", sans-serif
	}

	.my_account .phone_register dd .btn_register {
		padding: 7px 16px;
		font-size: 14px;
		line-height: 22px;
		border: 1px solid #e1e1e1;
		color: #0e0e0e;
		position: absolute;
		top: 14px;
		right: 20px;
		background: #fff
	}

	.my_account .phone_register dd .btn_register:hover {
		border-color: #0e0e0e
	}

	.my_account .note {
		width: 568px
	}

	.my_page_wrap {
		margin-top: 30px;
		position: relative
	}

	.my_page_wrap.another .user_wrap .my_info {
		grid-column-gap: 40px;
		column-gap: 40px;
		grid-row-gap: 40px;
		row-gap: 40px
	}

	.my_page_wrap.alert_on {
		padding-top: 66px;
		margin-top: 0
	}

	.my_page_wrap .user_wrap {
		float: none;
		width: 100%;
		padding: 30px 40px;
		display: flex;
		align-items: center;
		position: initial
	}

	.my_page_wrap .user_wrap .profile_wrap {
		display: flex;
		align-items: center;
		margin-top: 0
	}

	.my_page_wrap .user_wrap .alert {
		top: 0;
		padding: 13px 42px 13px 20px
	}

	.my_page_wrap .user_wrap .alert+.profile_wrap {
		margin-top: 0
	}

	.my_page_wrap .user_wrap .img_profile {
		width: 82px;
		height: 82px;
		margin-top: 0;
		flex-shrink: 0
	}

	.my_page_wrap .user_wrap .text_wrap {
		margin: 0;
		text-align: left;
		padding-left: 20px;
		padding-right: 10px
	}

	.my_page_wrap .user_wrap .text_wrap .username {
		font-size: 18px;
		line-height: 28px;
		max-width: 170px
	}

	.my_page_wrap .user_wrap .grade {
		margin-top: 6px
	}

	.my_page_wrap .user_wrap .btn_edit {
		width: 30px;
		height: 30px;
		top: 52px;
		left: 0
	}

	.my_page_wrap .user_wrap .my_info {
		margin: 0 0 0 auto;
		grid-column-gap: 20px;
		column-gap: min(2vw, 20px);
		grid-row-gap: 20px;
		row-gap: 20px;
		padding-bottom: 0
	}

	.my_page_wrap .user_wrap .my_info li {
		width: 40px
	}

	.my_page_wrap .user_wrap .btn_my {
		margin: 0;
		padding: 0 27px;
		width: auto;
		border: 1px solid #e1e1e1;
		margin-left: 3.7vw;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1.1
	}

	.my_page_wrap .my_board {
		float: none;
		width: auto;
		margin: 0 -20px
	}

	.my_page_wrap .my_board .tab {
		display: flex;
		position: relative;
		background: none;
		top: inherit;
		left: inherit;
		right: inherit;
		margin-top: 30px;
		height: inherit;
		padding-left: 20px
	}

	.my_page_wrap .my_board .tab li a {
		padding: 7px 16px;
		font-size: 14px;
		line-height: 22px
	}

	.my_page_wrap .my_board .tab li a.on {
		padding: 6px 15px
	}

	.my_page_wrap .my_board .list {
		margin-top: 20px
	}

	.my_page_wrap .my_board .list .board_item a {
		padding: 16px 20px
	}

	.my_page_wrap .my_board .list .board_item .title {
		float: none
	}

	.my_page_wrap .my_board .list .board_item .text {
		display: block
	}

	.my_page_wrap .my_board .list .board_item .desc {
		margin-left: 0;
		display: inline;
		white-space: inherit;
		float: none;
		width: inherit
	}

	.my_page_wrap .my_board .list .board_item .desc:after {
		display: none !important
	}

	.my_page_wrap .my_board .list .board_item .desc:before {
		display: none !important
	}

	.my_page_wrap .my_board .list .board_item .titicons {
		margin-left: 4px;
		display: inline-block;
		line-height: 14px !important
	}

	.my_page_wrap .my_board .list .info li {
		margin-left: 10px;
		font-size: 12px;
		line-height: 16px
	}

	.my_page_wrap .my_board .list .info li.name {
		margin-left: 0
	}

	.my_page_wrap .my_board .btn_more_wrap {
		margin: 0
	}

	.board.list.single .board_wrap {
		margin: 10px 0 0
	}

	.board.list.single .comment_reply {
		margin: 0 -20px 0 0;
		padding-left: 0
	}

	.board.list.single .comment_reply .post_comment {
		margin-top: 8px;
		padding-left: 40px
	}

	.board.list.single .btn_more_wrap {
		padding: 0;
		margin-bottom: 0
	}

	.board.list.single .textarea {
		padding: 20px
	}

	.media_artwork .zoom .zoom_body {
		top: 80px;
		left: 60px;
		right: 60px;
		bottom: 80px
	}

	.media_artwork .zoom .zoom_head {
		top: 20px
	}

	.media_artwork .zoom .btn_zoom_down {
		padding: 11px 14px;
		font-size: 14px;
		line-height: 18px
	}

	.media_artwork .zoom .btn_zoom_down:before {
		width: 14px;
		height: 14px;
		margin-right: 10px
	}

	.media_artwork .zoom .btn_close {
		width: 30px;
		height: 30px;
		right: 20px
	}

	.media_artwork .slick-next {
		width: 20px;
		height: 28px;
		right: -40px;
		right: calc(constant(safe-area-inset-left) - 40px);
		right: calc(env(safe-area-inset-left) - 40px)
	}

	.media_artwork .slick-prev {
		width: 20px;
		height: 28px;
		left: -40px;
		left: calc(constant(safe-area-inset-left) - 40px);
		left: calc(env(safe-area-inset-left) - 40px)
	}

	#COMMUNITYcontent {
		padding-bottom: 60px;
		padding-top: 68px
	}

	.banner {
		display: none
	}

	.tab {
		background-color: rgba(14, 14, 14, .94);
		margin-top: 0;
		height: 80px;
		display: block;
		position: absolute;
		top: 68px;
		left: 0;
		right: 0
	}

	.tab.tab_1 ul li {
		width: auto
	}

	.tab.tab_max ul {
		display: table
	}

	.tab.tab_max ul li {
		background: inherit;
		border: none
	}

	.tab.tab_max ul li.on {
		background: inherit;
		color: #fff
	}

	.tab ul {
		height: 100%;
		justify-content: inherit
	}

	.tab ul li {
		color: #999;
		margin-left: 30px;
		height: 100%;
		background: none;
		border: none;
		width: auto;
		font-size: 18px;
		line-height: noermal;
	}

	.tab ul li::before,
	.tab ul li:not(.on) a::before,
	.tab ul li a::after {
		display: none;
	}

	.tab ul li.on a::before {
		left: auto;
		right: auto;
		width: 100%;
		height: 4px;
		background-color: #fff;
	}

	.tab ul li:first-child {
		margin-left: 0
	}

	.tab ul li.on {
		background: none;
		border: none;
		color: #fff;
		font-family: "PretendardMedium", sans-serif
	}

	.board .select_sort .list_select {
		max-height: 202px
	}

	.board .select_sort .list_select li button {
		padding: 9px 14px;
		font-size: 14px;
		line-height: 22px
	}

	.side_news {
		display: none !important
	}

	.container,
	article {
		width: 100%;
		padding: 0 20px
	}

	.btn_more_wrap {
		display: block !important;
		text-align: center;
		padding: 0 20px;
		margin-bottom: 40px;
	}

	.btn_more_wrap.off {
		display: none !important
	}

	.btn_more_wrap .btn_more {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.board .tool_list li {
		height: 34px;
		font-size: 18px;
		letter-spacing: -0.45px;
	}

	.board.view .post_vote+.tag_link {
		margin-top: 30px
	}

	.board.view .post_vote {
		margin-top: 40px;
		padding: 0 24px;
	}

	.post_vote .guide_text {
		position: relative;
		top: auto;
		right: auto;
		padding-top: 8px;
	}

	.post_vote dl + dl {
		margin-top: 40px
	}

	.post_vote dl dt,
	.post_vote dl dd {
		font-size: 18px;
		letter-spacing: -0.45px;
	}

	.board.view .post_vote .btn_submit {
		margin-top: 40px
	}


	.board_detail {
		padding: 0;
		overflow-x: auto
	}

	.board.view {
		margin-top: 30px
	}

	.board.view .container,
	.board.view article {
		width: 100%;
		padding: 0
	}

	.board.view .textarea_wrap {
		margin-top: 20px;
	}

	.board.view .textarea {
		padding: 20px 24px 27px;
	}

	.board.view .textarea .list_attach {
		margin-top: 18px
	}

	.board.view .textarea .list_attach li .img {
		width: 40px;
		height: 40px
	}

	.board.view .textarea .counter {
		font-size: 16px;
		margin-right: 6px;
	}

	.board.view .textarea .bottom_area {
		width: calc(100% + (24px * 2));
		padding: 27px 24px 0;
		margin-left: -24px;
	}

	.board.view .textarea .btns button {
		height: 34px;
		min-width: 102px;
		font-size: 18px;
		letter-spacing: -0.45px;
	}

	.board.view .info .thumb {
		width: 30px;
		height: 30px
	}

	.board.view .board_content {
		width: 100%
	}

	.board.view .board_content .title {
		font-size: 18px;
		letter-spacing: -0.45px;
	}


	.board.view .board_content .name_wrap {
		margin-left: 10px
	}

	.board.view .board_content .info .date {
		margin-left: 10px
	}

	.board.view .board_content .title_wrap,
	.board.view .top_wrap {
		padding: 20px 24px;
	}

	.board.view .move_list {
		margin-top: 50px
	}

	.board.view .move_list li a {
		padding: 16px 18px;
	}

	.board.view .info li {
		margin-left: 10px;
		font-size: 16px;
		letter-spacing: 0;
	}

	.board.view .post {
		padding: 20px 24px 0
	}

	.board.view .tag_link {
		padding: 0 20px;
		margin-top: 40px
	}

	.board.view .reply_wrap {
		margin-top: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.board.view .reply_wrap .reply_total {
		font-size: 20px;
		letter-spacing: -0.5px;
	}

	.board.view .post_comment_list {
		margin-top: 10px;
	}

	.board.view .like_wrap button,
	.board.view .btn_share {
		height: 34px;
	}
	.board.view .btn_share{
		width: 34px;
	}

	.board.view .counter {
		margin-right: 16px
	}

	.board.view .btn_list_wrap {
		justify-content: center;
		margin-top: 50px;
		text-align: center
	}

	.board.write {
		margin-top: 20px
	}

	.board.write .select_list {
		display: flex;
		flex-direction: column;
	}

	.board.write .select_sort {
		width: 100%;
		height: 60px;
	}

	.board.write .select_sort + .select_sort {
		margin-top: 10px;
		margin-left: 0;
	}

	.board.write .select_sort .btn_select,
	.board.write .select_sort select.select {
		padding: 0 20px;
	}

	.board.write .select_sort .btn_select:after {
		right: 20px;
	}

	.board.write .select_sort .list_select li button {
		padding-left: 14px
	}

	.board.write .input_title {
		margin-top: 20px;
	}

	.board.write .input_title input,
	.board.write .write_tag {
		font-size: 18px;
		letter-spacing: -0.45px;
		padding: 20px;
	}

	.board.write .editor_zone {
		padding: 0;
	}

	.board.write .bw_btns {
		justify-content: center;
		padding-top: 30px;
	}

	.board.write .bw_btns button {
		font-size: 20px;
		letter-spacing: -0.5px;
	}

	.board.write .bw_btns .btn_temporarily {
		display: none
	}

	.board.write .write_tag {
		padding: 14px 20px
	}

	.board_list {
		width: 100%
	}

	.board_list li.board_item a {
		padding: 20px 24px
	}

	.board_list li.board_item .info li {
		font-size: 16px;
		margin-left: 16px;
	}

	.board_list li.board_item .info li.name {
		margin-left: 0
	}

	.board_list li.board_item .title {
		float: none
	}

	.board_list li.board_item .text {
		display: block;
		line-height: 1.5;
	}

	.board_list li.board_item .desc {
		margin-left: 0;
		display: inline;
		white-space: inherit;
		float: none;
		width: inherit;
	}

	.board_list li.board_item .desc:after {
		display: none !important
	}

	.board_list li.board_item .desc:before {
		display: none !important
	}

	.board_list li.board_item .desc.titicon_img.titicon_new {
		padding-right: 0;
	}

	.board_list li.board_item .desc.titicon_new:before {
		margin-left: 2px;
		margin-right: 2px;
	}

	.board_list li.board_item .titicons {
		margin-left: 4px;
		display: inline-block;
		line-height: 14px !important
	}

	.board_list_img .list {
		-webkit-grid-template-columns: repeat(2, 1fr);
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 20px;
		column-gap: 20px;
		grid-row-gap: 20px;
		row-gap: 20px;
		padding: 0;
	}

	.board_list_img .list li {
		font-size: 16px;
		letter-spacing: -0.4px;
	}

	.board_list_img .list li.date {
		margin-left: 8px
	}

	.info li.comment:before,
	.info li.view:before,
	.info li.like:before {
		width: 18px;
		height: 18px;
	}

	.list .board_wrap {
		margin: 16px 0px 0
	}

	.tab+.board {
		margin-top: 0;
		padding-top: 100px
	}

	.board {
		margin-top: 20px
	}

	.board .comment_reply > div {
		padding-left: 24px;
		padding-right: 24px;
	}

	.board .comment_reply .thumb {
		width: 30px;
		height: 30px
	}

	.board .comment_reply .user .user_wrap .name,
	.board .comment_reply .date {
		font-size: 16px;
		letter-spacing: -0.4px;
	}

	.board .comment_reply .date  {
		padding-left: 11px;
	}

	.board .comment_reply .btn_reply {
		font-size: 18px;
		letter-spacing: -0.45px;
	}

	.board .comment_reply .post_comment {
		font-size: 18px;
		letter-spacing: -0.45px;
	}

	.board .comment_reply .post_comment .img {
		margin-top: 10px
	}

	.board .comment_reply .depth_2 > li {
		padding-left: 24px;
	}

	.board .comment_reply .depth_2 > li + li {
		border-color: #ddd1ca;
	}

	.board .comment_reply .depth_2 .comment_reply > div {
		padding-left: 36px;
	}

	.board .comment_reply .depth_2 .user::before,
	.board .comment_reply .depth_2 .textarea_wrap::before {
		left: 0;
	}

	.board .select_sort {
		min-width: 212px;
		height: 50px;
		font-size: 18px;
		letter-spacing: -0.45px;
	}

	.board .select_sort .list_select {
		display: none
	}

	.board .select_sort select.select {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		bottom: 0;
		opacity: 0;
		display: block;
		font-size: 18px;
		letter-spacing: -0.45px;
		padding: 0 16px;
	}

	.board .btn_write,
	.board.view .btn_list,
	.post_vote .btn_submit {
		min-width: 140px;
		font-size: 20px;
		letter-spacing: -0.45px;
	}

	.post_vote .btn_submit {
		min-width: 120px;
		height: 40px;
	}

	/* .board .btn_write:before {
		width: 14px;
		height: 14px;
		left: 14px
	} */

	.info+.info {
		margin-left: 0
	}

	.paging {
		display: none
	}

	.btn_more {
		display: inline-block;
		position: relative;
		font-family: "PretendardMedium", sans-serif;
		font-size: 20px;
		letter-spacing: -0.5px;
		color: #91745e;
		border: solid 1px #91745e;
		margin: 30px auto 0;
		height: 56px;
		min-width: 200px;
	}

	.btn_more:hover {
		border: solid 1px #0e0e0e
	}

	.btn_more::after {
		content: '';
		display: inline-block;
		position: relative;
		width: 18px;
		height: 18px;
		background-repeat: no-repeat;
		background-image: url('../img/icon_btn-more.svg');
		background-position: 50% 50%;
		background-size: cover;
		margin-left: 6px;
	}

	.empty_wrap .empty {
		padding-top: 200px;
		padding-bottom: 200px;
	}

	.empty_wrap .empty p {
		font-size: 18px;
		letter-spacing: -0.45px;
		color: #484848;
	}

	.tab {
		overflow: hidden;
		overflow-x: auto
	}

	.tab ul {
		display: table;
		width: auto;
		margin: 0;
		padding: 0 calc(env(safe-area-inset-left) + 20px) 0 calc(env(safe-area-inset-right) + 20px);
		padding: 0 0 calc(constant(safe-area-inset-left) + 20px) 0 calc(constant(safe-area-inset-right) + 20px)
	}

	.tab ul li {
		display: table-cell;
		white-space: nowrap;
		padding-left: 30px
	}

	.tab ul li:first-child {
		padding-left: 0
	}

	.tab ul li a {
		padding: 0 4px
	}

	.error h1.logo {
		top: 16px !important
	}

	.error {
		padding-top: 100px
	}

	.error .copy {
		bottom: 40px
	}

	.error h1.logo {
		top: 16px !important
	}

	.error {
		padding-top: 100px
	}

	.copy {
		bottom: 40px
	}

	#CMMpop_share.pop_wrap .pop_layer {
		width: 488px;
	}

	#CMMpop_share .sns_list {
		gap: 30px 16px;
	}

	#CMMpop_share .sns_list li {
		width: calc((100% / 4) - 12px);
	}

	#CMMpop_share .sns_list li .text {
		font-size: 16px;
		letter-spacing: -0.4px;
		padding-top: 8px;
	}

	#CMMpop_share .sns_list li .img {
		width: 90px;
		height: 90px
	}

	#CMMpop_agree {
		padding: 20px 0;
		overflow-y: auto
	}

	#CMMpop_agree .popup_layer {
		max-width: 560px;
		width: calc(100% - 40px);
		padding: 50px 20px 68px 20px
	}

	#CMMpop_agree .info_box {
		padding: 20px 20px 24px 20px;
		margin-top: 30px
	}

	#CMMpop_agree .btn_area {
		margin-top: 30px
	}

	#CMMpop_agree .btn_area button {
		width: 50%;
		height: 46px;
		font-size: 16px;
		padding: 0 10px
	}

	#CMMpop_agree .btn_area button.btn_cancel {
		border: solid 2px #bebebe;
		background-color: #fff;
		color: #9e9e9e
	}

	#CMMpop_agree .btn_area button.btn_cancel:hover {
		border-color: #0e0e0e
	}

	#CMMpop_agree .btn_area button.btn_confirm {
		border: solid 2px #0e0e0e;
		background-color: #fff;
		color: #0e0e0e;
		margin-left: 10px
	}

	#CMMpop_agree .btn_area button.btn_confirm:hover {
		background-color: #0e0e0e;
		color: #fff
	}

	[id^=CMMpop_default] .pop_layer {
		width: 488px;
	}

	[id^=CMMpop_default] .pop_cont p {
		font-size: 18px;
		letter-spacing: -0.45px;
	}

	[id^=CMMpop_default] .pop_layer .pop_close {
		width: 20px;
		height: 20px;
		position: absolute;
		top: 10px;
		right: 10px;
		background-position: 35.27% 95.39%;
		background-size: 1281.25% 1277.08%
	}

	[id^=CMMpop_default].pop_service .agree_info {
		padding: 0
	}

	[id^=CMMpop_default].pop_service .agree_info li {
		line-height: 20px
	}

	[id^=CMMpop_default].pop_service .agree_note {
		text-align: left;
		font-size: 14px;
		line-height: 22px;
		color: #5e5e5e;
		margin-top: 20px
	}

	.pop_wrap .pop_contents {
		padding: calc(env(safe-area-inset-left) + 40px);
	}


	#CMMpop_report .report_choice .choice_title {
		margin-bottom: 10px;
	}

	#CMMpopbanner .pop_layer .portrait {
		display: inline-block;
		max-width: 450px
	}

	#CMMpopbanner .pop_layer .landscape {
		display: none
	}

	#CMMpopbanner .pop_layer .bottom {
		height: 62px;
		background: #000;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-left: 16px
	}

	#CMMpopbanner .pop_layer .checkbox [type=checkbox] {
		display: none
	}

	#CMMpopbanner .pop_layer .checkbox label {
		line-height: 26px;
		font-size: 18px
	}

	#CMMpopbanner .pop_layer .checkbox label:before {
		width: 26px;
		height: 26px
	}

	#CMMpopbanner .pop_layer .banner_close {
		width: 40px;
		height: 40px;
		margin-right: 4px
	}

	#CMMpop_user_check.pop_wrap .pop_contents {
		font-size: 18px;
		letter-spacing: -0.45px;
	}

	#CMMpop_user_check.pop_wrap .title {
		font-size: 24px;
		letter-spacing: -0.6px;
	}

	article.search {
		display: flex;
		flex-direction: column;
		padding-bottom: 20px
	}

	article.search .empty_wrap,
	article.search .board_wrap {
		order: 3;
	}

	article.search .board_wrap {
		margin-top: 20px;
	}

	article.search .search_result {
		order: 2;
		margin-bottom: 0px;
		padding-top: 50px
	}

	article.search .select_wrap {
		order: 1;
		display: block;
	}

	article.search .select_wrap .select_sort {
		width: 100%;
		height: 60px;
	}

	article.search .select_wrap .select_right,
	article.search .select_wrap .select_right .select_sort:nth-child(n+2) {
		margin-left: 0;
		margin-top: 10px
	}

	article.search .select_wrap .select_right {
		float: none;
		width: 100%;
		display: block
	}

	article.search .select_wrap .select_sort .btn_select {
		padding-left: 20px;
	}

	article.search .select_wrap .select_sort .btn_select::after {
		right: 20px;
	}
	article.search.select_sort select.select {
		padding: 0 20px;
	}

	article.search .tag_wrap > span {
		font-size: 16px;
		letter-spacing: -0.4px;
	}

}

@media screen and (max-width: 767px) {
	.gm {
		font-size: 10px;
		padding: 2px 4px;
		margin-right: 4px;
	}

	.tab {
		height: 50px;
	}

	.tab ul li {
		font-size: 14px;
		letter-spacing: -0.35px;
		padding-left: 20px;
	}

	.tab+.board {
		padding-top: 62px;
	}

	.post_vote .vote_top {
		padding-bottom: 12px;
	}

	.post_vote .onair,
	.post_vote .onend,
	.post_vote .finish {
		font-size: 13px;
		letter-spacing: -0.25px;
		vertical-align: 1px;
		margin-left: 6px;
		padding: 3px 8px;
	}

	.post_vote .guide_text {
		font-size: 12px;
		letter-spacing: -0.3px;
		padding-top: 4px;
	}

	.post_vote .question {
		padding-top: 30px;
	}

	.post_vote dl + dl {
		margin-top: 30px;
	}

	.post_vote dl dt,
	.post_vote dl dd {
		font-size: 14px;
		letter-spacing: -0.35px;
	}

	.post_vote dl dt {
		margin-bottom: 12px;
	}

	.post_vote dl dd {
		padding: 12px;
	}

	.post_vote dl dd input[type=radio]+label,
	.post_vote dl dd input[type=checkbox]+label {
		padding-left: 24px;
	}

	.post_vote dl dd input[type=radio]+label:before,
	.post_vote dl dd input[type=checkbox]+label:before {
		top: 3px;
		width: 16px;
		height: 16px;
	}

	.post_vote dl dd input[type=radio]:checked+label:before {
		background-size: 8px 8px;
	}

	.post_vote dl dd input[type=checkbox]:checked+label:before {
		background-size: 8px 5px;
	}

	.post_vote dl dd label + span {
		padding-left: 8px;
	}

	.post_vote dl dd textarea {
		padding: 0;
	}

	.board .select_sort {
		min-width: 98px;
		height: 32px;
		font-size: 14px;
		letter-spacing: -0.35px;
	}
	.board .select_sort .btn_select {
		padding-left: 10px;
		padding-right: 30px;
	}

	.board .select_sort .btn_select:after{
		width: 12px;
		height: 8px;
		background-image: url('../img/select-arr_mo.svg');
		background-position: 50% 50%;
		background-size: cover;
		right: 10px;
	}

	.board .select_sort select.select {
		font-size: 14px;
		letter-spacing: -.35px;
		padding: 0 10px;
	}

	.quick_menu {
		width: 40px;
		height: 40px
	}

	.quick_menu .btn_top:after {
		width: 12px;
		height: 6px
	}

	.main [class^=board_area_] .title {
		text-align: center;
		font-size: 22px
	}

	.main .board_area_1 .list_notice+.title {
		margin-top: 40px
	}

	.main .slider_wrap {
		height: 430px;
		width: auto
	}

	.main .slider_wrap a {
		background-size: cover
	}
	.main .slider_wrap a.only-pc {
		display: none;
	}
	.main .slider_wrap a.only-mo {
		display: block;
	}

	.main .slider_wrap .swiper_nav {
		display: none
	}

	.main .slider_wrap .btn_gamestart {
		display: none
	}

	.main .board_area_1 .title {
		margin-top: 40px
	}

	.main .board_area_1 .list_notice {
		margin-top: 10px
	}

	.main .board_area_1 .list_notice li a {
		padding: 14px;
		display: block
	}

	.main .board_area_1 .list_notice .board_title {
		font-size: 14px;
		line-height: 18px
	}

	.main .board_area_1 .list_notice .desc {
		margin-top: 4px;
		font-size: 14px;
		line-height: 20px
	}

	.main .board_area_1 .list_notice .desc.new:before {
		width: 14px;
		height: 14px;
		margin-top: 4px
	}

	.main .board_area_1 .list_notice .date {
		position: relative;
		margin-top: 8px;
		font-size: 12px;
		transform: inherit;
		top: inherit;
		right: inherit;
		line-height: 18px;
		margin-left: 0
	}

	.main .board_area_1 .list_video {
		padding-bottom: 40px;
		margin-top: 10px
	}

	.main .board_area_1 .list_video .swiper_video .swiper-slide.new:after {
		width: 16px;
		height: 16px
	}

	.main .board_area_1 .list_video .btns_wrap {
		max-width: 100%;
		margin: 10px auto 0
	}

	.main .board_area_1 .list_video .swiper_video .swiper-slide a img {
		height: 50.04vw
	}

	.main .board_area_2 .title {
		margin-top: 0
	}

	.main .board_area_2 .board_wrap {
		-webkit-grid-template-columns: repeat(1, 1fr);
		grid-template-columns: repeat(1, 1fr);
		margin-top: 0
	}

	.main .board_area_2 .board_wrap .text_wrap {
		font-size: 14px;
		line-height: 20px;
		padding: 17px 14px
	}

	.main .board_area_2 .board_wrap .text_wrap.new:before {
		width: 14px;
		height: 14px;
		margin-top: 3px
	}

	.main .board_area_2 .board_wrap .board_item {
		margin-top: 40px
	}

	.main .board_area_2 .board_wrap a {
		margin-top: 10px
	}

	.main .board_area_2 .board_wrap .thumb {
		height: 50.04vw
	}

	.main .swiper-horizontal>.swiper-pagination-bullets,
	.main .swiper-pagination-bullets.swiper-pagination-horizontal,
	.main .swiper-pagination-custom,
	.main .swiper-pagination-fraction {
		text-align: left;
		padding-left: 14px;
		bottom: 14px
	}

	.pfp_zone .pfp_body .sub_tit {
		display: block
	}

	.pfp_zone .pfp_body .sub_tit .info {
		margin-left: 0;
		margin-top: 4px;
		display: block
	}

	.pfp_zone .pfp_body .pfp_nickname {
		margin-top: 16px
	}

	.pfp_zone .pfp_body .pfp_nickname .pfp_form {
		padding: 10px 12px 10px 20px
	}

	.pfp_zone .pfp_body .pfp_avatar {
		margin-left: 10px
	}

	.pop_grade .pop_layer {
		padding: 30px 20px;
		width: 320px
	}

	.pop_grade .my_info {
		font-size: 12px;
		line-height: 16px;
		margin-top: 8px;
		display: block;
		padding-left: 18px
	}

	.pop_grade .my_info:after {
		content: "";
		display: block;
		clear: both
	}

	.pop_grade .my_info li {
		float: left
	}

	.pop_grade .my_info li:nth-child(n+2) {
		margin-left: 10px
	}

	.pop_grade .my_info li:nth-child(4) {
		margin-left: 0;
		margin-top: 4px
	}

	.pop_grade .member_info {
		padding-left: 18px
	}

	.pop_grade .member_info li {
		margin-top: 14px
	}

	.pop_grade .member_info li:first-child {
		margin-top: 20px
	}

	.pop_grade .member_info li:last-child {
		margin-bottom: 10px
	}

	.pop_grade .member_info li .grade {
		padding-left: 22px;
		position: relative;
		line-height: 16px;
		display: flex
	}

	.pop_grade .member_info li .grade .img {
		width: 16px;
		height: 16px;
		position: absolute;
		top: 0;
		left: 0
	}

	.pop_grade .member_info li .grade .info_1 {
		font-size: 12px;
		line-height: 16px
	}

	.pop_grade .member_info li .grade .info_2 {
		margin-left: 6px;
		color: #5e5e5e;
		font-size: 12px;
		line-height: 16px
	}

	.pop_grade .member_info li .grade_info {
		margin-top: 4px;
		font-size: 12px;
		line-height: 16px;
		padding-left: 22px
	}

	.pop_grade .btn_close {
		width: 40px;
		height: 40px
	}

	.pop_grade .btn_close:before {
		width: 20px;
		height: 20px;
		top: 10px;
		right: 10px
	}

	.pop_phone .pop_layer {
		width: 320px;
		padding: 30px 20px
	}

	[id^=CMMpop_default].pop_wrap .pop_layer {
		margin-top: 0;
		padding: 20px 20px 30px;
	}

	[id^=CMMpop_default] .pop_cont p {
		min-height: 160px;
		font-size: 16px;
		letter-spacing: -0.4px;
	}

	[id^=CMMpop_default] .btns {
		padding-top: 20px;
	}

	#CMMpopbanner .pop_layer .portrait {
		display: inline-block;
		max-width: 230px
	}

	#CMMpopbanner .pop_layer .bottom {
		height: 35px;
		background: #000;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-left: 12px
	}

	#CMMpopbanner .pop_layer .checkbox [type=checkbox] {
		display: none
	}

	#CMMpopbanner .pop_layer .checkbox label {
		line-height: 18px;
		font-size: 12px
	}

	#CMMpopbanner .pop_layer .checkbox label:before {
		width: 18px;
		height: 18px
	}

	#CMMpopbanner .pop_layer .banner_close {
		width: 20px;
		height: 20px;
		margin-right: 3px
	}

	#CMMpopbanner .pop_layer .banner_close:after {
		width: 10px;
		height: 10px
	}

	.my_account {
		padding-top: 30px
	}

	.my_account h3.title {
		display: none
	}

	.my_account .phone_register {
		width: 100%;
		margin: 0 auto
	}

	.my_account .phone_register dt {
		padding-left: 18px;
		position: relative
	}

	.my_account .phone_register dt:before {
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		background: #000;
		position: absolute;
		top: 8px;
		left: 2px;
		transform: rotate(45deg)
	}

	.my_account .phone_register dd {
		margin-top: 14px;
		background: #f8f8f8;
		position: relative;
		height: 64px
	}

	.my_account .phone_register dd input {
		width: 100%;
		height: 100%;
		padding: 20px 98px 20px 30px;
		font-size: 16px;
		line-height: 24px;
		color: #0e0e0e;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0);
		font-family: "PretendardMedium", sans-serif
	}

	.my_account .phone_register dd .btn_register {
		padding: 7px 16px;
		font-size: 14px;
		line-height: 22px;
		border: 1px solid #e1e1e1;
		color: #0e0e0e;
		position: absolute;
		top: 14px;
		right: 20px;
		background: #fff
	}

	.my_account .phone_register dd .btn_register:hover {
		border-color: #0e0e0e
	}

	.my_account .note {
		width: 100%
	}

	.my_page_wrap.another .user_wrap .my_info {
		grid-column-gap: 33px;
		column-gap: 33px;
		grid-row-gap: 33px;
		row-gap: 33px
	}

	.my_page_wrap .user_wrap {
		padding: 30px 0 0 0;
		display: block;
		text-align: center
	}

	.my_page_wrap .user_wrap .profile_wrap {
		display: flex;
		justify-content: center
	}

	.my_page_wrap .user_wrap .profile_wrap:after {
		content: "";
		display: block;
		clear: both
	}

	.my_page_wrap .user_wrap .img_profile {
		position: relative;
		float: left
	}

	.my_page_wrap .user_wrap .text_wrap {
		padding-left: 20px;
		float: left
	}

	.my_page_wrap .user_wrap .my_info {
		margin: 30px auto 0;
		padding-bottom: 40px;
		grid-column-gap: 33px;
		column-gap: 33px;
		grid-row-gap: 33px;
		row-gap: 33px;
		width: 260px
	}

	.my_page_wrap .user_wrap .my_info li {
		width: 40px
	}

	.my_page_wrap .user_wrap .username {
		width: 100%
	}

	.my_page_wrap .user_wrap .grade {
		margin-top: 6px
	}

	.my_page_wrap .user_wrap .btn_my {
		width: 100%;
		margin: 0;
		border: none;
		border-top: 1px solid #e1e1e1
	}

	.my_page_wrap .user_info {
		display: block;
		margin-top: 2px;
	}

	.my_page_wrap .user_info > span + span {
		margin-left: 4px;
	}

	.my_page_wrap .user_info .level {
		display: block;
		width: 100%;
		margin-top: 4px;
		margin-left: 0;
	}

	.my_page_wrap .user_info .tag {
		height: 16px;
		font-size: 10px;
		padding: 0 5px;
		vertical-align: 2px;
	}

	.my_page_wrap .my_board .tab {
		display: flex;
		position: relative;
		background: none;
		top: inherit;
		left: inherit;
		right: inherit;
		margin-top: 30px;
		height: inherit;
		padding-left: 20px
	}

	.my_page_wrap .my_board .tab li a {
		padding: 7px 16px;
		font-size: 14px;
		line-height: 22px
	}

	.my_page_wrap .my_board .tab li a.on {
		padding: 6px 15px
	}

	.my_page_wrap .my_board .list {
		margin-top: 20px
	}

	.my_page_wrap .my_board .list .board_item a {
		padding: 16px 20px
	}

	.my_page_wrap .my_board .list .info li {
		margin-left: 10px;
		font-size: 12px;
		line-height: 16px
	}

	.my_page_wrap .my_board .list .info li.like {
		margin-left: 0
	}

	.my_page_wrap .my_board .list .info li.name {
		margin-left: 0
	}

	.my_page_wrap .my_board .list .info+.info {
		margin-top: 6px
	}

	.my_page_wrap .my_board .btn_more_wrap {
		margin: 0
	}

	.media_artwork .zoom .zoom_body {
		top: 80px;
		left: 40px;
		right: 40px;
		bottom: 80px
	}

	.media_artwork .zoom .zoom_head {
		top: 20px
	}

	.media_artwork .zoom .btn_zoom_down {
		padding: 11px 14px;
		font-size: 14px;
		line-height: 18px
	}

	.media_artwork .zoom .btn_zoom_down:before {
		width: 14px;
		height: 14px;
		margin-right: 10px
	}

	.media_artwork .zoom .btn_close {
		width: 30px;
		height: 30px;
		right: 20px
	}

	.media_artwork .slick-next {
		right: -30px
	}

	.media_artwork .slick-prev {
		left: -30px
	}

	.board .comment_reply {
		padding-top: 12px;
	}

	.board .comment_reply .user .user_wrap .name,
	.board .comment_reply .date {
		font-size: 12px;
		letter-spacing: -0.3px;
	}

	.board .comment_reply .date {
		padding-left: 4px;
	}

	.board .comment_reply .post_comment {
		margin-top: 10px;
		font-size: 14px;
		letter-spacing: -0.35px;
		line-height: 1.43;
	}

	.board .comment_reply .post_comment .usertag.mytag {
		margin-right: 10px;
	}

	.board .comment_reply .reply_foot {
		padding-bottom: 12px;
	}

	.board .comment_reply .btn_reply {
		font-size: 14px;
		letter-spacing: -0.35px;
	}

	.board .comment_reply .textarea_wrap {
		margin-top: 14px;
		margin-right: 20px;
		padding-bottom: 12px;
	}

	.board .comment_reply .depth_2 .comment_reply > div {
		padding-left: 18px;
	}

	.board .comment_reply .depth_2 .user::before,
	.board .comment_reply .depth_2 .textarea_wrap::before {
		top: 1px;
		width: 10px;
		height: 10px;
		background-image: url('../img/ico_reply_line_mo.svg');
	}

	.board .btn_tool_more {
		width: 22px;
		height: 22px;
	}

	.board .tool_list{
		flex-direction: column;
		top: auto;
		bottom: 28px;
		padding: 0;
	}

	.board .tool_list::before {
		bottom: -4px;
		width: 6px;
		height: 4px;
		background-image: url('../img/tooltip-arr_mo.svg');
	}

	.board .tool_list li {
		font-size: 14px;
		letter-spacing: -0.35px;
		padding: 4px 8px;
	}
	.board .tool_list li + li {
		border-top: 1px solid #fff;
	}

	.board_list li.board_item .text{
		font-size: 14px;
		letter-spacing: -0.35px;
	}

	.board_list li.board_item .info li {
		font-size: 12px;
		letter-spacing: -0.3px;
		margin-left: 6px;
	}

	.board_list li.board_item .info li.like {
		margin-left: 0
	}

	.info li.comment:before,
	.info li.view:before,
	.info li.like:before {
		margin-right: 2px;
	}

	.info_wrap {
		flex-direction: column;
		margin-top: 10px;
	}

	.board.list .board_list li.board_item .info_wrap .info + .info {
		margin-top: 10px;
	}

	.board_list li.board_item a {
		padding: 12px 20px;
	}

	.board_list li.board_item a,
	.board_list li.board_item.fixed a {
		padding-right: 20px
	}

	.board_list li.board_item .desc.titicon_new:before {
		top: 4px;
	}

	.board_list_img.video .list li .img:before {
		width: 56px;
		height: 56px;
	}

	.board.view .info+.info {
		margin-top: 6px;
	}

	.board.view .info+.info .like {
		margin-left: 0
	}

	.board.view .name {
		max-width: 108px
	}

	.board.view .ico.titicon_new {
		margin: 0;
		position: relative;
		top: 2px;
	}

	.board.view .board_content .title_wrap {
		border-bottom-color: rgba(221,209,202,0.3);
	}
	.board.view .board_content .title_wrap,
	.board.view .top_wrap {
		padding: 12px 20px;
	}
	.board.view .top_wrap  {
		padding-top: 8px;
	}

	.board.view .textarea textarea {
		font-size: 14px;
		letter-spacing: -0.35px;
		line-height: 1.43;
	}

	.board.view .board_content .title.bold {
		font-size: 14px;
		letter-spacing: -0.35px;
	}

	.board.view .info li {
		font-size: 12px;
		letter-spacing: -0.3px;
	}

	.board.view .info .name {
		margin-left: 4px;
	}

	.board.view .post {
		padding: 20px 20px 0
	}

	.board.view .textarea_wrap {
		padding-left: 20px;
		padding-right: 20px;
	}

	.board.view .textarea {
		padding: 13px;
	}

	.board.view .textarea .counter {
		font-size: 14px;
		margin-right: 8px;
	}

	.board.view .textarea .bottom_area {
		width: calc(100% + (13px * 2));
		margin-top: 12px;
		margin-left: -13px;
		padding: 12px 13px 0;
	}

	.board.view .textarea .btns button {
		min-width: 78px;
		height: 32px;
		font-size: 14px;
		letter-spacing: -0.35px;
	}
	.board.view .textarea .btns button + button {
		margin-left: 6px;
	}

	.board.view .textarea .btn_camera {
		width: 20px;
		height: 20px;
	}
	.board.view .utility_wrap {
		margin-top: 30px;
		padding-bottom: 30px;
	}

	.board.view .like_wrap button,
	.board.view .btn_share {
		height: 32px;
	}

	.board.view .like_wrap button{
		min-width: 76px;
		font-size: 12px;
		letter-spacing: -0.3px;
		padding-left: 32px;
		padding-right: 8px;
	}
	.board.view .like_wrap button + button {
		margin-left: 6px;
	}

	.board.view .like_wrap button:before {
		width: 16px;
		height: 15px;
	}

	.board.view .utility_wrap .btns {
		position: relative;
		top: auto;
		left: auto;
		margin-left: 6px;
	}

	.board.view .reply_wrap {
		margin-top: 30px;
	}

	.board.view .reply_wrap .reply_total {
		font-size: 16px;
		letter-spacing: -0.4px;
	}

	.board.view .reply_wrap .reply_total span > em {
		padding-left: 4px;
	}

	.board.view .btn_list_wrap {
		margin-top: 30px;
	}

	.board.view .move_list li a {
		padding: 12px 20px;
	}

	.board.view .move_list li span.arrow:before {
		width: 20px;
		height: 20px;
		background-size: 12px 6px;
		margin-right: 6px;
	}

	.board.view .move_list li.prev .arrow:before {
		background-image: url('../img/board_nav_prev_mo.svg');
	}

	.board.view .move_list li.next .arrow:before {
		background-image: url('../img/board_nav_next_mo.svg');
	}

	.board.view .move_list li span.title {
		font-size: 14px;
		letter-spacing: -0.35px;
	}

	.board.view .post_vote {
		font-family: "PretendardRegular", sans-serif;
		font-size: 14px;
		letter-spacing: -0.35px;
		padding: 0 20px;
		margin-top: 30px;
	}


	.btn_share:before {
		width: 12px;
		height: 14px;
	}

	.board.write {
		padding-left: 0;
		padding-right: 0;
	}

	.board.write .select_list {
		padding-left: 20px;
		padding-right: 20px;
	}

	.board.write .select_sort {
		height: 44px;
	}

	.board.write .select_list {
		display: block;
		padding-top: 10px;
	}

	.board.write .select_sort .btn_select,
	.board.write .select_sort select.select {
		padding: 0 10px;
	}

	.board.write .select_sort + .select_sort {
		margin-top: 8px;
	}

	.board.write .select_sort .btn_select:after{
		right: 10px;
	}

	.board.write .input_title input,
	.board.write .write_tag {
		font-size: 14px;
		letter-spacing: -0.35px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.board.write .write_tag .tag_inp {
		display: block
	}

	.board.write .write_tag .tag_inp .tag {
		padding: 6px 10px
	}

	.board.write .write_tag input {
		width: 100%
	}

	.board.write .bw_btns button {
		min-width: 120px;
		height: 36px;
		font-size: 14px;
		letter-spacing: -0.35px;
	}

	.board.write .bw_btns button + button {
		margin-left: 8px;
	}

	.board_list_img .list {
		display: block;
		padding-left: 20px;
		padding-right: 20px;
	}

	.board_list_img .list li {
		font-size: 12px;
		letter-spacing: -0.3px;
	}

	.board_list_img .list >li + li {
		margin-top: 12px
	}
	.board_list_img .list .info > li + li{
		margin-left: 8px;
	}

	.board_list_img .list li.date {
		margin-left: 4px
	}

	.board_list_img .list li .text_wrap {
		padding: 12px 10px;
	}

	.board_list_img .list li .title {
		font-size: 14px;
		letter-spacing: -0.35px;
	}

	/* .board_list_img.video .list li .info_wrap {
		display: flex
	} */

	.board_list_img .info_wrap,
	.board_list_img .info+.info {
		margin-top: 4px;
	}

	.board_list_img .list li.new .title .head_text:after {
		width: 14px;
		height: 14px;
		margin-left: 4px;
		margin-right: 4px;
	}

	.list .empty_wrap,
	.list .board_wrap {
		margin-left: -20px;
		margin-right: -20px;
	}

	.list .board_wrap {
		margin-top: 12px;
	}

	.ico.titicon_new {
		width: 14px;
		height: 14px;
	}

	.empty_wrap .empty {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.empty_wrap .empty p {
		font-size: 14px;
		letter-spacing: 0;
	}

	.error .copy {
		bottom: 20px
	}

	.pop_wrap .pop_layer {
		min-width: none;
		width: calc(100% - (20px * 2));
		margin-top: 120px;
		margin-bottom: 50px;
	}

	.pop_wrap:not([id^=CMMpop_default]) .pop_layer .pop_close {
		top: 4px;
		right: 4px;
		width: 40px;
		height: 40px;
		background-image: url('../img/btn_pop_close_mo.svg');
	}

	.pop_wrap .pop_contents {
		font-size: 14px;
		letter-spacing: -0.35px;
		padding: calc(env(safe-area-inset-left) + 12px) calc(env(safe-area-inset-left) + 20px) calc(env(safe-area-inset-left) + 30px) calc(env(safe-area-inset-right) + 20px);
	}

	.pop_wrap .btns {
		margin-top: 20px;
	}

	.pop_wrap .btns button,
	.pop_wrap .btns a {
		min-width: 98px;
		height: 32px;
		font-size: 14px;
		letter-spacing: -0.35px;
	}

	.pop_wrap .btns button + button,
	.pop_wrap .btns button + a,
	.pop_wrap .btns a + a {
		margin-left: 8px;
	}

	.pop_wrap .title {
		height: 48px;
		font-size: 16px;
		letter-spacing: -0.4px;
	}

	#CMMpop_report .pop_contents dt {
		min-width: 45px;
	}

	#CMMpop_report .pop_contents dd {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	#CMMpop_report .report_choice {
		margin-top: 12px;
		padding-top: 12px;
	}

	#CMMpop_report .report_choice .choice_title {
		margin-bottom: 6px;
	}

	#CMMpop_report .report_info + .report_info,
	#CMMpop_report .report_choice li + li {
		margin-top: 6px;
	}

	#CMMpop_report .report_choice li.textarea {
		margin-top: 12px;
		margin-left: 0;
	}

	#CMMpop_report .report_choice input[type=radio]+label {
		padding-left: 24px;
	}

	#CMMpop_report .report_choice input[type=radio]+label:before {
		top: 3px;
		width: 16px;
		height: 16px;
	}

	#CMMpop_report .report_choice input[type=radio]:checked+label:before {
		background-size: 8px 8px;
	}

	#CMMpop_share.pop_wrap .pop_layer {
		width: calc(100% - (20px * 2));
	}

	#CMMpop_share .sns_list {
		gap: 16px 10px;
	}

	#CMMpop_share .sns_list li {
		width: calc((100% / 3) - 8px);
	}

	#CMMpop_share .sns_list li .img {
		width: 60px;
		height: 60px;
	}

	#CMMpop_share .sns_list li .text {
		font-size: 12px;
		letter-spacing: -0.3px;
	}

	#CMMpop_user_check.pop_wrap .pop_contents {
		font-size: 16px;
		letter-spacing: -0.4px;
	}

	#CMMpop_user_check .ico.alert {
		margin-top: 25px;
	}

	#CMMpop_user_check.pop_wrap .title {
		font-size: 20px;
		letter-spacing: -0.5px;
	}

	#CMMpop_user_check .text-wrap .text {
		margin-top: 15px;
	}

	#CMMpop_user_check .table-wrap {
		margin-top: 20px;
	}

	#CMMpop_user_check th,
	#CMMpop_user_check td {
		padding: 10px 15px;
	}

	article.search {
		padding-bottom: 20px
	}

	article.search .search_result {
		font-size: 16px;
		letter-spacing: -0.4px;
		padding-top: 30px;
	}

	article.search .select_wrap .select_sort {
		height: 44px;
	}

	article.search .select_wrap .select_sort .btn_select {
		padding-left: 10px;
	}

	article.search .select_wrap .select_sort .btn_select::after {
		right: 10px;
	}
	article.search.select_sort select.select {
		padding: 0 10px;
	}

	article.search .board_wrap {
		margin-top: 10px;
	}

	article.search .tag_wrap {
		margin-top: 4px;
		gap: 4px;
	}

	article.search .tag_wrap > span {
		font-size: 12px;
		letter-spacing: -0.3px;
		padding: 4px 12px;
	}


	.board .btn_write,
	.board.view .btn_list,
	.post_vote .btn_submit {
		height: 32px;
		font-size: 14px;
		letter-spacing: -0.35px;
	}

	.board .btn_write {
		min-width: 78px;
	}

	.post_vote .btn_submit {
		min-width: 98px;
	}

	.board.view .post_vote .btn_submit {
		margin-top: 30px;
	}

	.board.view .btn_list {
		min-width: 120px;
		height: 36px;
	}

	.btn_more {
		min-width: 120px;
		height: 36px;
		font-size: 14px;
		letter-spacing: -0.35px;
	}

	.btn_more::after {
		width: 14px;
		height: 14px;
		margin-left: 3px;
	}

}

@media screen and (max-width: 340px) {
	.pop_phone .pop_layer {
		width: 300px
	}

	.pop_grade .pop_layer {
		width: 300px
	}
}
.post_check {
	margin-right: auto;
	margin-left: 20px;
}
.post_check input[type=checkbox] {
	display: none
}
.post_check input[type=checkbox]+label {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	font-size: 16px;
	letter-spacing: -0.4px;
	color: #5b5b5b;
	line-height: 1.5;
}
.post_check input[type=checkbox]+label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #707070;
	box-sizing: border-box;
	text-indent: 0;
	background-repeat: no-repeat;
	background-image: url('../img/uio_check.svg');
	background-position: 50% 50%;
	background-size: 14px 9px;
}
.post_check input[type=checkbox]:checked+label:before {
	background-position: 52.34% 20.94%;
	background-size: 1537.5% 1532.5%
}
@media screen and (max-width: 1199px) {
	.post_check {
		margin-left: 16px;
	}

}
@media screen and (max-width: 767px) {
	.board .btn_wrap {
		flex-wrap: wrap;
	}
	.post_check {
		position: relative;
		display: block;
		width: 100%;
		order: 3;
		margin-top: 12px;
		margin-left: 0;
		padding: 10px 0px 0;
	}
	.post_check::before {
		content: "";
		position: absolute;
		top: 0;
		left: -20px;
		width: calc(100% + (20px * 2));
		border-top: 1px solid #ddd1ca;
	}
	.post_check input[type=checkbox]+label {
		font-size: 12px;
		letter-spacing: -0.3px;
		padding-left: 20px;
	}
	.post_check input[type=checkbox]+label:before{
		width: 16px;
		height: 16px;
		background-size: 10px 7px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.board_content {
		padding-left: 20px;
		padding-right: 20px;
	}

	#CMMpop_user_check .pop_layer{
		width: 448px;
	}
}

@media screen and (min-width: 1200px) {
	.board.list.normal .board_list li.board_item a {
		padding-right: 33.5%;
	}
	.board.list.search .board_list li.board_item a {
		padding-right: 25%;
	}
	.board.list.normal .board_list li.board_item .info_wrap .info + .info,
	.board.list.search .board_list li.board_item .info .name {
		position: absolute;
		top: 50%;
		right: 30px;
		transform: translateY(-50%);
	}

	.board.list.search .board_list li.board_item .info .name {
		min-width: 130px;
	}

	.board.list.search .board_list li.board_item .info .date {
		margin-left: 0;
	}
	#CMMpop_user_check .pop_layer{
		width: 440px;
	}
}
@media screen and (min-width: 768px) {
	#CMMpop_report.pop_wrap .pop_layer,
	#CMMpop_temporarily .pop_layer{
		width: 560px;
	}
}


.ck.ck-editor__editable_inline {line-height: 1.3;}
.ck.ck-editor__editable_inline p {clear: both}

/* 240124 css 추가 */
@media screen and (max-width: 768px) {
	.board_content .post .table {display: block !important; overflow: auto;}
	.board_content .post .table table {width: 740px !important;}
}

.gamegrade.pop_wrap{
	opacity : 1;
	z-index : 1;
	visibility : visible;
}