.pc-menu .nav-top .menu-a, .en, h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a, * {
	font-family: 'NEXON', 'Noto Sans KR', sans-serif;
}
.light {
	--color: #ccc;
	--color2: #fff;
	--color3: #fff;
	--color-font: #212121;
	--color-bg: #fff;
	--color-bg2: #ccc;
	--color-bg3: #dedede;
	--color-border: #ededed;
}
.dark {
	--color: #232730;
	--color2: #ededed;
	--color3: #dedede;
	--color-font: #fff;
	--color-bg: #232730;
	--color-bg2: #383b42;
	--color-bg3: #dedede;
	--color-border: #ededed;
}
@keyframes wave{
2% {
transform: translateX(1);
}
25% {
transform: translateX(-25%);
}
50% {
transform: translateX(-50%);
}
75% {
transform: translateX(-25%);
}
100% {
transform: translateX(1);
}
}
@keyframes gradient{
0% {
background-position: 0% 0%;
}
50% {
background-position: 100% 100%;
}
100% {
background-position: 0% 0%;
}
}
@keyframes blink{
0%  { opacity: 1; }
50% { opacity: 0; }
100%{ opacity: 1; }
}

@font-face {
	font-family: 'NEXON';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'NEXON';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NEXON';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
#menu_wrap .menu-li.bo_menu > a, #menu_wrap .menu-li.event_menu > a, .m-menu-ul li.bo_menu > a, .m-menu-ul li.event_menu > a {
	animation: blink 1s infinite;
}
.sub_menu {
	border: 1px solid var(--color);
	border-radius: 10px;
	margin: 10px 0 20px;
	font-size: 0;
	overflow: hidden;
}
.sub_menu .sub_menu_title {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	background: var(--color);
	color: #fff;
	font-size: 14px;
	text-align: center;
	height: 42px;
	line-height: 42px;
}
.sub_menu ul {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 100px);
	font-size: 0;
	margin: 0;
	padding: 0;
}
.sub_menu ul li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
}
.sub_menu ul li a {
	display: block;
	font-size: 14px;
	color: #fff;
	padding: 10px 0;
	line-height: 22px;
}
.sub_menu ul li a.active {
	color: var(--color4);
	font-weight: bold;
}
.gb_btn_wrap {
	text-align: right;
	padding: 10px 0;
}
.gb_btn_wrap .btn {
	border-radius: 4px !important;
	padding: 5px 15px;
	display: inline-block;
	border: none;
	background: #40d04f;
}
.gb_btn_wrap .btn.btn-like {
	background: var(--dark_color2);
}
html body .view-content {
	overflow: hidden;
}
span.cmt_cnt, span.event, span.notice {
	color: #8ef26e;
}
span.event2, span.analysis, span.free2, span.bo_sports {
	color: rgb(255,170,0);
}
span.news, span.event3, span.photo {
	color: rgb(170,255,0);
}
body .basic-banner {
	border-radius: 0;
}
body .btn.btn-color, body .btn.btn-color:hover {
	border-color: var(--color);
	background: var(--color);
}
body .view_box .site_link {
	background: rgb(96, 117, 228);
}
html body .comment-box {
	background: #222325;
}
body .view_box {
	background: #1c1d1f;
	padding: 15px 25px;
}
body .view_row {
	padding: 5px 0;
}
body .view_box label {
	color: #7b7e85;
}
body .view_value a {
	color: #007bff;
}
html body #wr_content {
	background: #fff;
	color: #000;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
html body .comment-content .comment-cell.comment-submit {
	background: var(--color);
}
body .gb_btn_wrap .btn {
	background: rgb(96, 117, 228);
}
html body .view-wrap section {
	background: #222325;
}
body .view_hit, body .view_top .wr_date {
	color: #7b7e85;
}
body .view_top .user_icon {
	border: 2px solid #4a4d52;
	line-height: 35px;
}
body .pc-menu .nav-top.nav-float .menu-ul {
	padding-left: 0;
}
#thema_wrapper {
	overflow: hidden;
}
.at-menu {
	position: relative;
	width: 100%;
	z-index: 111;
	top: 0;
	left: 0;
	/*background: linear-gradient(to bottom, #162238 0%, #1a2a45 50%, #162238 100%);*/
	background: #18243C;
	animation: gradient 15s ease infinite;
	background-size: 400% 400%;
	background-attachment: fixed;
	border-bottom: 3px solid var(--color) !important;
}
body .pc-menu {
	/*background: linear-gradient(to right, #1b2943 0%, #1a2440 50%, #18203c 100%);*/
	background: none;
	/*background: #18253D*/;
}
.wave {
	background: rgba(49, 66, 126, 0.4);
	border-radius: 0 0 1000% 1000%;
	position: absolute;
	width: 200%;
	height: 3em;
	animation: wave 10s -3s linear infinite;
	transform: translate3d(0, 0, 0);
	opacity: 0.8;
	top: 0;
	left: 0;
	z-index: 1;
}
.wave:nth-of-type(2) {
	top: 0;
	animation: wave 18s linear reverse infinite;
	opacity: 0.5;
	height: 50%;
	z-index: 1;
}
.wave:nth-of-type(3) {
	top: 0;
	animation: wave 20s -1s reverse infinite;
	opacity: 0.3;
	height: 70%;
	z-index: 1;
}
body {
	background-color: #1f1f1f !important;
}
body .at-body .at-container {
	background: none !important;
	margin: 0;
	padding: 0 !important;
}
body .at-footer {
	background: none;
}
body.gb_mode, .gb_mode .pc-menu, .gb_mode .pc-menu .nav-top .menu-li:hover .menu-a, .gb_mode .pc-menu .nav-top .menu-li.on .menu-a, .gb_mode .pc-menu .nav-top .menu-a, .gb_mode .pc-menu .nav-top .sub-1div, .gb_mode .pc-menu .nav-top .sub-1dul, .pc-menu .nav-top .sub-1dli, .gb_mode .pc-menu .nav-top .sub-1dli.on .sub-1da, .gb_mode  .pc-menu .nav-top .sub-1dli:hover .sub-1da, .gb_mode .list-board .list-body li, .gb_mode .list-board, .gb_mode .list-wrap .pagination a, .gb_mode  .view-wrap .pagination a, .gb_mode .view-wrap h1, .gb_mode .view-head, .gb_mode .view-padding, .gb_mode .view-wrap .panel-default > .panel-heading, .gb_mode .view-content, .gb_mode .view-wrap section, .gb_mode .view-content p, .gb_mode .view-wrap .post-list, .gb_mode .details-wrap, .gb_mode .comment-box, .gb_mode #wr_content, .gb_mode .mypage_tab_menu_area, .gb_mode #pointlist, .gb_mode .mypage_profile, .gb_mode #mypage_wrap .mypage_area, .gb_mode .mypage_profile .my_info .my_img .my_img_box, .gb_mode #mypage_wrap .my_edit form .edit_box > li > .input_size .input_box, .gb_mode #mypage_wrap .my_edit form .edit_box > li > .input_size textarea, .gb_mode .mypage_profile .tear_list_area, .gb_mode input[type="text"], .gb_mode input[type="password"], .gb_mode .panel, .gb_mode .panel-heading, .gb_mode .at-title, .gb_mode #new_sc_con .live_sc_size .live_list > li, body.gb_mode .widget-box {
	background: var(--color-bg) !important;
}
.gb_mode .at-body .at-container, .gb_mode .at-footer, .gb_mode.is-pc .ko .btn-xs, .gb_mode.is-pc .ko .btn-sm {
	background: var(--color-bg3) !important;
}
body.gb_mode  .div-tab.tabs ul.nav-tabs li.active, body.gb_mode .div-tab.tabs ul.nav-tabs li.active a, body.gb_mode  .login_view .exp_box .exp_bar_con .exp_ob .exp_bar .exp_barcolor, body.gb_mode  .bg-yellow, body i.bg-yellow, body.gb_mode  .badge.bg-yellow, body.gb_mode  .signin, .list-board .border-color, .gb_mode #pointlist thead th, .gb_mode .mypage_tab_menu_area .tab_menu_con .tab_title > h2, .gb_mode .mypage_tab_menu_area .tab_menu_con .tab_title {
	background: var(--color-bg2) !important;
}
.gb_mode .pc-menu .nav-top .menu-a, .gb_mode b, .gb_mode  strong, .gb_mode .ranking_inner ul li span.nick, .gb_mode .member, .gb_mode  .guest, .gb_mode .ranking_inner ul li span.ranking2, body.gb_mode  .div-tab.tabs ul.nav-tabs, body.gb_mode  .div-tab-top.tabs ul.nav-tabs, body.gb_mode  .div-tab-bottom.tabs ul.nav-tabs, body.gb_mode  #leftDataTop h2, .gb_mode #leftDataTop ul li a, #leftDataTop dl dd table thead th, .gb_mode #leftDataTop dl dd table tbody td, .gb_mode #leftDataTop dl dd table tbody tr.first th, .gb_mode #leftDataTop dl dd table tbody th, .gb_mode .ft_txt > p, .gb_mode .fa, .gb_mode span, .gb_mode .pc-menu .nav-top .sub-1da, .gb_mode .title div, .gb_mode .title, .gb_mode .list-board .list-body li > div, .gb_mode .list-board .list-body .wr-subject .item-subject, .gb_mode .list-wrap .pagination a, .gb_mode  .view-wrap .pagination a, .gb_mode .view-wrap h1, .gb_mode .view-padding, .gb_mode .view-details, .gb_mode font, .gb_mode .view-content p, .gb_mode .view-wrap .post-list, .gb_mode .view-wrap .post-list ul > li > a, .gb_mode .list-item h2 a, .gb_mode .list-item .list-details .member, .gb_mode .list-item .list-details .guest, .gb_mode #mypage_wrap .my_edit form .edit_box > li > .input_size .input_box, .gb_mode #mypage_wrap .my_edit form .edit_box > li > .input_size, .gb_mode #mypage_wrap .my_edit form .edit_box > li > .input_size textarea, .gb_mode input[type="text"], .gb_mode input[type="password"] {
	color: var(--color-font) !important;
}
body.gb_mode  .login_view .profile_box .profile_nik .profile_name > p, body.gb_mode  .exp_bar_con font, body.gb_mode  .pc-menu .nav-top .sub-1dli.on .sub-1da, body.gb_mode  .pc-menu .nav-top .menu-li.on .menu-a, .gb_mode .gb_mode .basic-outlogin .form-group > button, .gb_mode .pc-link, .pc-link2, .gb_mode .menu_box .nav_con > li > p, body.gb_mode  .login_view .profile_box .profile_nik .profile_name > p, body.gb_mode  .exp_bar_con font, body.gb_mode  .nav-tabs.nav-justified > .active > a, .gb_mode .div-tab.tabs ul.nav-tabs li a, .gb_mode .div-tab.tabs ul.nav-tabs li a:hover, .gb_mode .div-tab.tabs ul.nav-tabs li a:focus, .gb_mode .div-tab.tabs ul.nav-tabs li:first-child a, .gb_mode .div-tab.tabs ul.nav-tabs li:first-child a:hover, .gb_mode .div-tab.tabs ul.nav-tabs li:first-child a:focus, .gb_mode .div-tab.tabs ul.nav-tabs li:last-child a, .gb_mode .div-tab.tabs ul.nav-tabs li:last-child a:hover, .gb_mode .div-tab.tabs ul.nav-tabs li:last-child a:focus, .gb_mode .basic-post-list .post-list li a, .gb_mode .apms-post-list-sero li a, body.gb_mode  #leftLanking h2, .gb_mode #leftLanking ul li a:hover, .gb_mode #leftLanking ul li a, .gb_mode #leftLanking dl dd table tbody tr.first th, .gb_mode #leftLanking dl dd table tbody th, .gb_mode #leftLanking dl dd table tbody td, .gb_mode #leftLanking dl dd table thead th, .gb_mode #leftLanking dl dt a
.gb_mode .list-board .border-color > span > a, .gb_mode #list_layer .sub, .gb_mode #list_layer .msg, .gb_mode #list_layer #info li, .gb_mode .mypage_tab_menu_area .tab_menu_con .tab_list > li > a, .gb_mode .mypage_profile .my_info .my_contents .my_stat_box .my_stat > h3, .gb_mode .mypage_profile .my_info .my_contents .my_txt > p, .gb_mode .mypage_profile .my_contents .exp_contents .exp_name .exp_name_box h3, .gb_mode .mypage_profile .my_contents .exp_contents .exp_name .exp_profile_stat > li > h3, .gb_mode .mypage_profile .my_contents .exp_data .exp_data_list > li > h3, .gb_mode .mypage_profile .tear_list_area .tear_list_con > li > a > p, .gb_mode .mypage_profile .my_contents .exp_contents .exp_bar_area > p, .gb_mode .mypage_profile .my_contents .exp_data .exp_data_list > li > p, .gb_mode .mypage_profile .my_contents .exp_contents .exp_name .exp_name_box p, .gb_mode .login_view .exp_box .exp_bar_con .exp_ob > p, .gb_mode .login_view .profile_box .profile_btn > a, .gb_mode .login_view .point_box > li > a > h3, .gb_mode a:hover, .gb_mode  a:focus, .gb_mode  a:active, .gb_mode  a, .gb_mode .at-title .page-desc, .gb_mode.is-pc .ko .panel .panel-body {
	color: var(--color-font) !important;
}
.gb_mode .pc-menu, .gb_mode  .pc-menu .nav-full-back, .gb_mode  .pc-menu .nav-full-height, .gb_mode #leftDataTop dl dd table thead th, .gb_mode #leftDataTop dl dd table tbody td, .gb_mode #leftDataTop dl dd table tbody th, .gb_mode #leftDataTop dl, .gb_mode #leftDataTop ul, .gb_mode #leftLanking dl, .gb_mode #leftLanking dl dd table thead th, .gb_mode #leftLanking dl dd table tbody td, .gb_mode #leftLanking dl dd table, .gb_mode #leftLanking ul, .gb_mode #leftLanking dl dd table tbody th, .gb_mode .pc-menu .nav-top .sub-1da, .gb_mode .list-board .border-color, .gb_mode .list-board, .gb_mode .list-board .list-body li, .gb_mode .view-head, .gb_mode .view-wrap section, .gb_mode .view-wrap .panel-default > .panel-heading, .gb_mode .view-wrap .post-list, body.gb_mode  #leftLanking h2, .gb_mode #list_layer th, .gb_mode #list_layer td, .gb_mode .comment-box, .gb_mode #wr_content, .gb_mode .mypage_tab_menu_area, .gb_mode #pointlist, .gb_mode #pointlist thead th, .gb_mode .mypage_tab_menu_area .tab_menu_con .tab_title, .gb_mode .mypage_tab_menu_area .tab_menu_con .tab_list, .gb_mode .mypage_tab_menu_area .tab_menu_con .tab_list > li, .gb_mode .mypage_profile, .gb_mode #mypage_wrap .mypage_area, .gb_mode .mypage_profile .my_info .my_img .my_img_box, .gb_mode .mypage_profile .my_info .my_img .my_nick_box, .gb_mode #mypage_wrap .my_edit form .edit_box > li > .input_size .input_box, .gb_mode #mypage_wrap .my_edit form .edit_box > li > .input_size textarea, .gb_mode .mypage_profile .tear_list_area, .gb_mode .panel, .gb_mode .panel-heading, .gb_mode .at-title {
	border-color: var(--color-border) !important;
}
.gb_mode #BoardText {
	background: none !important;
}
.gb_mode.is-pc .ko .btn-xs, .gb_mode.is-pc .ko .btn-sm {
	border: none !important;
}
body.gb_mode .div-tab.tabs ul.nav-tabs, body.gb_mode .div-tab-top.tabs ul.nav-tabs, body.gb_mode .div-tab-bottom.tabs ul.nav-tabs, body.gb_mode #leftDataTop h2 {
	background: none;
}
#leftLanking dl dd table tbody th {
	text-align: center;
}
#leftLanking dl dd table tbody tr {
	background: inherit !important;
}
.gb_mode.is-pc .at-body {
	background: none;
}
.mode_wrap {
	text-align: center;
	margin: 20px 0 0;
	padding: 0;
}
.smode {
	display: inline-block;
	vertical-align: middle;
}
.smode a {
	color: #212121;
	background: #Fff;
	letter-spacing: -1px;
	font-weight: bold;
	border-radius: 4px;
	padding: 1px 10px;
	display: block;
	font-size: 12px;
}
.smode a.active {
	background: var(--color);
	color: #fff;
}
.ft_logo_wrap {
	width: 100%;
	max-width: 325px;
	float: left;
}
.ft_logo_wrap .ft_logo {
	width: 100%;
	position: relative;
	text-align: center;
	padding-top: 15px;
}
.ft_logo_wrap .ft_logo img {
	width: auto;
	max-width: 65%;
}
.ft_txt {
	float: left;
	text-align: left;
	padding-top: 15px;
	margin-bottom: 30px;
}
.ft_txt > p {
	color: #7e7d7d;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 15px;
}
.gb_container {
	max-width: 1366px;
	margin: 0 auto;
}
.hidden-sm .widget-box, .div-tab.tabs, .div-tab-top.tabs, .div-tab-bottom.tabs, .div-tab-btn.tabs, #leftDataTop, .list-board, .view-wrap section, body .well, .panel {
	border-radius: 10px !important;
}
body.is-pc .ko {
	max-width: 100%;
}
body .pc-menu .nav-top {
	position: static;
	background: none;
}
body .pc-menu .nav-top a {
	display: block;
}
.kks-logo {
	width: 100%;
	padding: 10px 0 0;
	display: block;
	float: none !important;
	display: flex;
	align-items: end;
	justify-content: space-between;
}
.kks-logo > a {
	color: #fff;
	font-size: 14px;
}
.kks-logo .top_menu {
	display: flex;
	gap: 15px;
	align-items: center;
}
.kks-logo .top_menu a {
	color: #fff;
	font-size: 14px;
}
html body a.btn-event {
	height: 40px;
	padding: 0 10px;
	background-color: #739ef2;
	border-radius: 5px;
	display: flex !important;
	align-items: center;
	position: relative;
	overflow: hidden;
	color: #fff !important;
	font-size: 14px !important;
}
@keyframes animate1{
0%{transform: translateX(-100%)}
100%{transform: translateX(100%)}
}
@keyframes animate2{
0%{transform: translateY(-100%)}
100%{transform: translateY(100%)}
}
@keyframes animate3{
0%{transform: translateX(100%)}
100%{transform: translateX(-100%)}
}
@keyframes animate4{
0%{transform: translateY(100%)}
100%{transform: translateY(-100%)}
}
a.btn-event::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(45deg, rgb(184, 209, 255), rgb(167, 189, 255), rgb(41, 128, 185), rgb(150, 172, 255), rgb(184, 209, 255), rgb(167, 189, 255), rgb(41, 128, 185), rgb(184, 209, 255));
	animation: 2s linear infinite animate1;
}
a.btn-event::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(45deg, rgb(184, 209, 255), rgb(167, 189, 255), rgb(41, 128, 185), rgb(150, 172, 255), rgb(184, 209, 255), rgb(167, 189, 255), rgb(41, 128, 185), rgb(184, 209, 255));
	animation: 2s linear infinite animate3;
}
a.btn-event img {
	width: 24px;
	margin-right: 1px;
}
html body a.btn-event span {
	color: #fff !important;
	font-size: 14px !important;
	font-weight: normal !important;
	position: static !important;
}
html body a.link-glow2 {
	height: 40px;
	padding: 0 10px;
	background-color: var(--color);
	border-radius: 5px;
	display: flex !important;
	align-items: center;
	position: relative;
	overflow: hidden;
	color: #fff !important;
	font-size: 14px !important;
}
a.link-glow2 p {
	margin: 0;
}
a.link-glow2 img {
	width: 24px;
	margin-right: 2px;
	border-radius: 50%;
}
a.link-glow2 span:first-child {
	position: absolute !important;
	top: 0 !important;
	right: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(45deg, rgb(155, 89, 182), rgb(142, 68, 173), rgb(192, 57, 43), rgb(243, 156, 18), rgb(241, 196, 15), rgb(52, 152, 219), rgb(41, 128, 185), rgb(142, 68, 173));
	animation: 2s linear infinite animate1;
}
a.link-glow2 span:nth-child(2) {
	position: absolute !important;
	top: 0 !important;
	right: 0;
	height: 100%;
	width: 3px;
	background: linear-gradient(rgb(142, 68, 173), rgb(142, 68, 173));
	animation: 2s linear 1s infinite animate2;
}
a.link-glow2 span:nth-child(3) {
	position: absolute !important;
	bottom: 0 !important;
	right: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(45deg, rgb(155, 89, 182), rgb(142, 68, 173), rgb(192, 57, 43), rgb(243, 156, 18), rgb(241, 196, 15), rgb(52, 152, 219), rgb(41, 128, 185), rgb(142, 68, 173));
	animation: 2s linear infinite animate3;
	top: auto !important;
}
a.link-glow2 span:nth-child(4) {
	position: absolute !important;
	left: 0;
	height: 100%;
	width: 3px;
	background: linear-gradient(to top, rgb(142, 68, 173), rgb(142, 68, 173));
	animation: 2s linear 1s infinite animate4;
	top: auto !important;
}
.kks-logo img {
	position: static;
	padding: 0;
	max-width: 210px;
	width: 100%;
	height: auto;
}
.top_right_banner {
	width: calc(100% - 270px);
	padding: 20px 0 0;
}
.top_banner {
	max-width: 472px;
	float: right;
	width: 100%;
}
.top_banner .img-wrap {
	padding-bottom: 76px !important;
}
#menu_wrap {
	height: 64px;
	line-height: 64px;
	display: block;
	width: 100%;
}
#menu_wrap .menu-ul {
	display: flex;
	padding: 0;
	margin: 0;
}
#menu_wrap .menu-li {
	position: relative;
	float: none;
	flex: 1;
	text-align: center;
}
body .pc-menu .nav-top.nav-float .sub-1div {
	top: 100%;
	background: #161b28;
	border: none;
}
body .pc-menu .nav-top .sub-1dul {
	background: #161b28;
}
@keyframes floatUpDown {
0%   { top: 5px; }
50%  { top: 0px; }
100% { top: 5px; }
}
.cloud_txt {
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	animation: floatUpDown 2s ease-in-out infinite;
}
.talktext {
	background: #2b8365;
	border-radius: 4px;
	padding: 5px;
	display: block;
}
#sub_top_board {
	clear: both;
}
.talktext p {
	font-size: 10px;
	margin: 0;
	line-height: 1;
}
body .pc-menu .nav-top .sub-1da {
	font-size: 13px;
	text-align: left;
	background: none;
}
body .pc-menu .nav-top.nav-float .menu-ul {
	position: static;
	float: none;
}
#menu_wrap .menu-li.on > a, #menu_wrap .menu-li > .menu-a:hover {
	background: none !important;
	border: none;
}
#menu_wrap .menu-a {
	color: #fff;
	display: block;
	padding: 16px 36px;
	height: auto;
	height: 64px;
	line-height: 64px !important;
	padding: 0;
    font-weight: bold;
    font-size: 16px;
}
#menu_wrap .menu-a h1 {
	font-size: 15px;
	margin: 0;
	line-height: 64px;
}
#menu_wrap .menu-a img {
	max-width: 25px;
	max-height: 25px;
	position: absolute;
	right: 6px;
	top: 11px;
}
.pc-menu, .pc-menu .nav-full-back, .pc-menu .nav-full-height {
	height: auto;
}
.view-tag a {
	color: #fff;
}
.login_box .login_top a, body .login_box .basic-outlogin .form-group > button, body .fix-gutters-25 .col-md-6 .div-tab.tabs ul.nav-tabs li.active, body .login_view .exp_box .exp_bar_con .exp_ob .exp_bar .exp_barcolor, body .bg-yellow, body i.bg-yellow, body .badge.bg-yellow, body .signin, body .basic-outlogin .form-group > button, body .list-wrap .pagination .active a, body .view-wrap .pagination .active a, body #swipe-menu, body .pc-link, body .pc-link2, body .foot_nav .tool_menu li, body .signin, body .menu_box .nav_con, body .sub_menu_box ul > li > span, body .nav > li > h1, body #leftDataTop h2, body .widget-title, body .div-tab.tabs ul.nav-tabs li, .div-tab.tabs ul.nav-tabs li a {
	background: linear-gradient(#232730,#191b20,#232730) !important;
}
html body .div-tab.tabs ul.nav-tabs, html body .div-tab-top.tabs ul.nav-tabs, html body .div-tab-bottom.tabs ul.nav-tabs, html body #leftDataTop h2, body .right_wrap .widget-title {
	border-bottom-color: #59c825 !important;
}
body .swipe-menu.nav > li, body .swipe-menu.nav > li, body .div-tab.tabs ul.nav-tabs, body .div-tab-top.tabs ul.nav-tabs, body .div-tab-bottom.tabs ul.nav-tabs, .pc-menu, .pc-menu .nav-full-back, .pc-menu .nav-full-height {
	border: none !important;
}
.gb_border {
	background: linear-gradient(to right, #59c825,#3c9823,#2c9934) !important;
	height: 1px;
}
.gb_page_wrap {
	background: var(--dark_bg2) !important;
	border-radius: 15px;
	padding: 0 0 20px;
	overflow: hidden;
}
.page_title {
	color: var(--dark_color1) !important;
	font-size: 15px;
	background: linear-gradient(#232730, #191b20, #232730) !important;
	padding: 15px;
	margin: 0;
}
.view-wrap h1 {
	background: #464646;
	color: #cccccc;
}
.view-details {
	color: #cccccc;
}
.view-head {
	border-left: 0px !important;
	border-right: 0px !important;
	background: #cccccc !important;
}
.view-wrap .panel-default > .panel-heading {
	border-bottom: 1px solid #505050;
	background: #1f1f1f !important;
	color: #cccccc !important;
}
.publisher-details .member, .publisher-details .guest, .publisher-details font {
	color: #fff !important;
}
.view-padding {
	padding-left: 15px;
	padding-right: 15px;
	background: #1f1f1f !important;
	color: #cccccc;
}
.view-wrap .post-list {
	padding: 20px 20px 10px 20px;
	border-top: 1px solid #464646;
	background: #1f1f1f;
	color: #cccccc;
}
.comment-box {
	border: 1px solid #2e2e2e;
	padding: 12px 12px 0px;
	margin-bottom: 15px;
	background: #1f1f1f;
}
#wr_content {
	resize: none;
	background: #1f1f1f;
	color: #cccccc;
	border: 1px solid #2C2D31;
}
.view-wrap section {
	border: 1px solid #2C2D31;
	background: #1f1f1f;
	color: #fff;
}
.comment-media .media {
	border-top: 1px solid #1f1f1f;
	margin: 0;
	padding: 0;
}
.comment-media .media.owncom {
	background: none;
}
.view-content {
	padding-bottom: 20px;
	line-height: 180%;
	background: #1f1f1f !important;
}
.view-content > div {
	background: #1f1f1f !important;
}
.view-wrap .post-list ul > li > a {
	color: #ccc;
}
.view-content p {
	background: none;
	color: #fff;
}
.text-muted, body #sidebar-box .sidebar-media .media-info {
	color: #eee;
}
body #sidebar-box .media-body a, .mypost-skin, .mypost-skin a {
	color: #fff;
}
body .mypost-media .photo i {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
body .mypost-skin .photo {
	margin-right: 10px;
}
body .gray, body i.gray {
	color: #ddd;
}
.list-item h2 {
	font-size: 15px;
	font-weight: bold;
}
.title {
	display: none;
}
.list-board {
	border: none;
	background: none;
}
.is-pc .ko .pull-right .btn-sm {
	background: none !important;
	border: none !important;
}
#list-body h4 {
	color: #fff;
	font-weight: bold;
	margin: 5px 0 10px;
	padding: 0 10px;
}
#list-body ul {
	padding: 0 10px;
	margin: 0
}
#list-body ul li {
	margin: 0 0 10px;
}
#list-body ul li a {
	background: #000;
	display: block;
	border-radius: 6px;
	padding: 10px;
	text-align: center;
	color: #fff;
}
#list-body ul li a:hover {
	background: linear-gradient(#232730, #191b20, #232730) !important;
}
.score_time {
	color: #999;
	font-size: 13px;
}
.score_result {

}
.status {
	background: #a1a1a1;
	border-radius: 5px;
	padding: 3px 0;
}
.team_name {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}
.team_logo {
	display: inline-block;
	vertical-align: middle;
}
.team_logo img {
	width: 25px;
}
.score {
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #dd0000;
}
.score_result .left {
	text-align: right;
	padding: 0 30px;
}
.score_result .right {
	text-align: left;
	padding: 0 30px;
}
.at-main > .fix-gutters-25, .at-main > p {
	display: none;
}
body .list-category .tabs {
	margin-bottom: 6px;
	padding: 0 10px;
}
body .list-category .div-tab-box.tabs ul.nav-tabs {
	border-radius: 10px;
	overflow: hidden;
	border: none;
}
body .write-wrap {
	background: #000;
	border-radius: 10px;
	color: #fff;
}
body .write-wrap .well {
	border-radius: 10px !important;
	background: linear-gradient(#232730, #191b20, #232730) !important;
}
body .write-wrap .well h2 {
	color: #fff;
}
.list-webzine {

}
.list-webzine .list-item {
	background: #000;
	border: none;
	border-radius: 10px;
	padding: 20px;
}
.list-webzine .list-item .img {
	width: 35%;
}
.list-webzine .media-body {

}
.list-webzine .list-item h2.media-heading a {

}
.list-webzine .list-item .list-cont {

}
.media-heading a span {
	color: #fff;
}
.list-webzine .list-item .list-cont a {
	color: #fff;
	font-size: 16px;
	letter-spacing: -1px;
}
.list-webzine .list-item .list-cont a span {
	color: #fff;
	font-size: 15px;
	line-height: 1.5;
}
.sub_top_search {
	display: none;
}
img {
	max-width: 100%;
}
body .title .sub_menu li a:hover, body .title .sub_menu li a.active {
	color: #e12b5e;
	font-weight: bold;
}
body .title .top_title {
	background: #e12b5e;
}
body .title .sub_menu li a.active:after {
	background: #e12b5e;
}
body .title {
	border-color: #e12b5e;
}
body .title .sub_menu li a {
	font-size: 14px;
}
body .analysis_latest .basic-post-list .post-list li a {
	font-size: 11px;
}
.btn.btn-white {
	color: #fff !important;
}
body #ol_arm dd {
	color: #000;
}
body #ol_arm {
	z-index: 1;
}
.sir_lc, #sir_armv {
	color: #fff;
}
.view-wrap .author-info {
	display: none !important;
}
body .hidden-sm .widget-box {
	float: left;
	width: 100%;
	clear: both;
}
body .left_banner {
	width: 100%;
	clear: both;
}
.list-item h2 {
	white-space: nowrap; /* 텍스트를 한 줄로 유지 */
	overflow: hidden; /* 넘치는 텍스트를 숨김 */
	text-overflow: ellipsis; /* 넘치는 부분을 '...'으로 표시 */
}
body .mypage_profile .my_contents .exp_contents {
	width: 450px;
}
body .mypage_profile .my_contents .exp_data {
	width: calc(100% - 450px);
}
body .mypage_profile .my_contents .exp_data .exp_data_list > li > p {
	line-height: 1;
	margin: 5px 0;
}
body .mypage_profile .my_contents .exp_contents .exp_bar_area > .exp_bar .exp_gauge {
	width: 100%;
}
body .mypage_profile .my_contents .exp_contents .exp_name .exp_profile_stat {
	width: auto;
	height: auto;
	position: relative;
	left: 0;
	margin: 0;
	float: left;
	padding: 0;
}
body .change_button > input:hover {
	background: #e12b5e;
}
body .pagination {
	background: #222325;
	padding: 10px;
}
body .list-wrap .pagination > li {

}
body .list-wrap .pagination > li a {
	color: #fff !important;
	background: #26292E !important;
	width: 45px;
	height: 45px;
	line-height: 45px;
	padding: 0 5px;
	border-radius: 10px !important;
}
html body .list-wrap .pagination .active {

}
html body .list-wrap .pagination .active a, body .pagination > li a:hover {
	background: var(--color) !important;
	font-weight: bold;
}
body .right_wrap .widget-title {
	border: 1px solid #30363d;
	background-color: #0d1116 !important;
	color: #b5b5b5 !important;
	text-align: center;
}
body .right_wrap .widget-title a {
	color: #b5b5b5 !important;
	font-size: 15px;
}
body .right_wrap .ranking_inner ul li span.ranking2 {
	background: #4B4B4D;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	line-height: 18px;
	font-size: 10px;
}
body .div-tab.tabs div.tab-content {
	height: 150px;
}
body .right_wrap, body .team_rank {
	float: left;
	width: 100%;
}
body .right_wrap .ranking_inner ul li:first-child span.ranking2 {
	background: #EEC01F;
}
body .right_wrap .ranking_inner ul li:nth-child(2) span.ranking2, body .right_wrap .ranking_inner ul li:nth-child(3) span.ranking2 {
	background: #f4511e;
}
body .right_wrap .widget-box {
	border: 1px solid #e5e5e5;
	border-top: 0;
	padding: 10px;
	background-color: #161b22 !important;
	border-color: #30363d !important;
}
body .right_wrap .ranking_inner ul li span.ranking2 img {
	display: none;
}
body .right_wrap .ranking_inner ul li {
	border-bottom: 1px solid #30363d;
	padding: 8px 0;
	height: auto;
	line-height: 1;
}
body .right_wrap .ranking_inner ul li:last-child {
	border: none;
}
body .right_wrap .ranking_inner .member {
	font-size: 15px;
	font-weight: normal;
	color: #fff !important;
}
body .right_wrap .ranking_inner ul li span.point {
	color: var(--color4);
	top: 10px;
}
.right_wrap .gb_latest {
	border: none;
	background: none;
	border-radius: 10px;
	overflow: hidden;
	margin: 10px 0 15px;
}
.right_wrap .gb_latest .nav-tabs.nav-justified > .active > a, .right_wrap .gb_latest .nav-tabs.nav-justified > .active > a:hover, .right_wrap .gb_latest .nav-tabs.nav-justified > .active > a:focus, .right_wrap .gb_latest .nav-tabs.nav-justified > li > a:hover {
	background-color: #161b22 !important;
	color: #b5b5b5 !important;
	border-bottom: 1px solid transparent !important;
}
.right_wrap .gb_latest .nav-tabs.nav-justified > li > a {
	font-size: 15px;
	background-color: #000 !important;
	border-color: #30363d !important;
	color: #555 !important;
}
.right_wrap .gb_latest .nav-tabs.nav-justified > li:first-child > a {
	border-right: none;
}
.div-title-underbar span {
	color: #fff;
}
.right_wrap .gb_latest .tab-content {
	position: relative;
	border: 1px solid #30363d;
	border-top: 0;
	padding: 10px;
	background: #161b22;
}
.right_wrap .gb_latest .basic-post-list .post-list li a {
	position: relative;
	width: 100%;
	padding-right: 0px;
	padding-left: 15px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	color: #858585;
	font-size: 15px;
	font-weight: normal;
}
.right_wrap .gb_latest .basic-post-list .post-list li a:hover {
	color: #fff;
}
.right_wrap .gb_latest .basic-post-list .post-list li a .wr-new {
	position: absolute;
	display: inline-block;
	width: 18px;
	height: 14px;
	background-size: 18px 14px;
	top: 3px;
	left: 0;
}
body .board_search {
	padding: 20px;
	background: #222325;
	border-radius: 10px;
	margin: 12px 0 25px;
	position: relative;
	min-height: 90px;
}
.board_search .search_title {

}
.board_search .search_title h4 {
	font-size: 15px;
	margin: 5px 0;
	font-weight: normal;
	color: #fff;
}
.board_search .search_title p {
	font-size: 12px;
	color: #76777b;
	font-weight: normal;
	margin: 0;
}
.board_search form {
	position: absolute;
	right: 20px;
	top: 20px;
}
.board_search .form-group {
	margin: 0;
}
.board_search .form-control {
	width: 205px;
	height: 48px;
	padding: 0 15px;
	border: 1px solid #3f485f;
	outline: 0;
	font-size: 12px;
	color: #fff;
	display: inline-block;
	background: #333333;
	margin: 0;
}
.board_search .btn, .board_search .write_btn {
	width: 62px;
	height: 48px;
	margin-left: 5px;
	line-height: 46px;
	vertical-align: top;
	text-align: center;
	background: #40d04f;
	display: inline-block;
	font-size: 20px;
	padding: 0;
	border: 0;
	border-radius: 10px !important;
}
.board_search .write_btn {
	margin: 0;
	background: #2b8365;
	color: #fff;
}
.board_title {
	position: relative;
}
body.is-pc .ko {
	font-size: 14px;
}
.board_title h2 {
	margin: 0;
	font-size: 20px;
	color: #fff;
}
.board_title h2 .total {
	padding: 0 0 0 8px;
	color: var(--color4);
}
.list-category {
	position: absolute;
	right: 0;
	top: 0;
}
.list-category ul {
	font-size: 0;
	margin: 0;
	padding: 0;
}
.list-category ul li {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	margin: 0 0 0 20px;
}
.list-category ul li a {
	color: #fff;
}
.list-category .active a, .list-category .selected a {
	color: var(--color4);
}
.board-list {
	position: relative;
}
#menu_wrap .bo_menu .menu-a, .m-menu-ul li.bo_menu > a {
	color: var(--color5) !important;
	font-weight: bold;
}
#menu_wrap .event_menu .menu-a, .m-menu-ul li.event_menu > a {
	color: var(--color4) !important;
	font-weight: bold;
}
.sidebar-login, #sidebar-box .sidebar-list a, .point-skin td, .div-table.table > tfoot > tr > th, .myresponse-skin td a {
	color: #fff;
}
.point-skin .pagination, .myresponse-skin .pagination {
	display: flex;
	gap: 10px;
	list-style: none;
	align-items: center;
	justify-content: center;
}
.point-skin .pagination li a, .myresponse-skin .pagination li a {
	color: #fff !important;
}
.sub-title {
	color: #fff;
}
/* 전체 스크롤바 */
::-webkit-scrollbar {
	width: 6px; /* 스크롤바의 너비 */
	height: 6px; /* 수평 스크롤바의 높이 */
}
/* 스크롤바의 트랙 */
::-webkit-scrollbar-track {
	background: #f1f1f1; /* 트랙의 배경색 */
	border-radius: 10px; /* 트랙의 테두리 반경 */
}
/* 스크롤바의 핸들 */
::-webkit-scrollbar-thumb {
	background: #888; /* 핸들의 배경색 */
	border-radius: 10px; /* 핸들의 테두리 반경 */
}
/* 스크롤바의 핸들에 마우스를 올렸을 때 */
::-webkit-scrollbar-thumb:hover {
	background: #555; /* 핸들에 마우스를 올렸을 때의 색상 */
}
/* 스크롤바의 코너 (수평 및 수직 스크롤바가 만나는 부분) */
::-webkit-scrollbar-corner {
	background: #f1f1f1; /* 코너의 배경색 */
}