@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;
}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

.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: #7336EB;
	--color2: #7336EB;
	--color3: #7336EB;
	--color-font: #fff;
	--color-bg:#232730;
	--color-bg2:#383b42;
	--color-bg3:#dedede;
	--color-border:#ededed;
}
.light {
		--color: #fff;
}
:root {
	--dark_color1: #fff;
	--dark_color2: #ffb238;
	--dark_color3: #fff;
	--dark_bg1: #000;
	--dark_bg2: #000;
	--dark_bg3: #000;
	--light_color1: #db5f30;
	--light_color2: #000;
	--light_color3: #000;
	--light_bg1: #f4f4f4;
	--light_bg2: #fff;
	--light_bg3: #010101;
}
.sub_menu{
    border: 1px solid #7336EB;
    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: #7336EB;
    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;
    line-height: 22px;
}
.sub_menu ul li a.active{
	color: #7336EB;
    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{
	color: #8ef26e;
}
span.event2{
	color: rgb(255,170,0);
}
  body .basic-banner{
  	border-radius: 0;
  }
  body .btn.btn-color,
  body .btn.btn-color:hover{
  	border-color: #7336EB;
	background: #7336EB;
  }
  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: #7336EB;
  }
  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;
    border-bottom: 3px solid #7336EB !important;
}
body .pc-menu{
	background: none;
	max-width: 1400px;
    margin: 0 auto;
}

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;
}
</style>
<style>
.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;
}
.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: normal;
}
#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 !important;
    color: #cccccc !important;
}
.text-muted {
    color: #777;
}
.list-item h2{
	font-size: 15px;
    font-weight: bold;
}
</style>
<style>
	.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: #7336EB !important;
	    font-weight: bold;
	}
	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{
			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_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: #7336EB;
		}
		.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: #7336EB;
		}
		.board-list{
			position: relative;
		}
		#menu_wrap .bo_menu .menu-a{
		    color: #7336EB !important;
		    font-weight: bold;
		}
		.sidebar-login,
		#sidebar-box .sidebar-list a{
			color: #fff;
		}
		.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; /* 코너의 배경색 */
	}
	body.gb_mode.light .div-tab.tabs ul.nav-tabs li.active a, body.gb_mode.light .div-tab.tabs ul.nav-tabs li.active a:hover, body.gb_mode.light .div-tab.tabs ul.nav-tabs li.active a:focus, body.gb_mode.light .div-tab.tabs ul.nav-tabs li.active:first-child a, body.gb_mode.light .div-tab.tabs ul.nav-tabs li.active:first-child a:hover, body.gb_mode.light .div-tab.tabs ul.nav-tabs li.active:first-child a:focus, body.gb_mode.light .div-tab.tabs ul.nav-tabs li.active:last-child a, body.gb_mode.light .div-tab.tabs ul.nav-tabs li.active:last-child a:hover, body.gb_mode.light .div-tab.tabs ul.nav-tabs li.active:last-child a:focus {
		color: var(--light_color1) !important;
	}
	body #leftDataTop h2, body .widget-title, body .div-tab.tabs ul.nav-tabs li, .div-tab.tabs ul.nav-tabs li a {
		/*background: var(--dark_bg1) !important;*/
	}
	body.gb_mode.light #leftDataTop h2, body.gb_mode.light .widget-title, body.gb_mode.light .div-tab.tabs ul.nav-tabs li, .gb_mode.light .div-tab.tabs ul.nav-tabs li a, body.gb_mode.light .basic-outlogin .form-group > button {
		background: var(--light_bg1) !important;
	}
	body, body #leftDataTop ul, body #leftDataTop dl, #leftDataTop dl dd table thead th, #leftDataTop dl dd table tbody th, #leftDataTop dl dd table tbody td, body .basic-outlogin .form-group > button, body .list-wrap .pagination .active a, body .view-wrap .pagination .active a, body .widget-box, .pc-menu .nav-top .menu-a, .is-pc .at-body {
		background: var(--dark_bg2) !important;
	}
	body .rank-icon.bg-yellow {
		color: var(--dark_color3) !important;
	}
	body.gb_mode.light, body.gb_mode.light .div-tab.tabs div.tab-content, body.gb_mode.light #leftDataTop ul, body.gb_mode.light #leftDataTop dl, .gb_mode.light #leftDataTop dl dd table thead th, .gb_mode.light #leftDataTop dl dd table tbody td, body.gb_mode.light .list-wrap .pagination .active a, body.gb_mode.light .view-wrap .pagination .active a, body.gb_mode.light .widget-box, body.gb_mode.light.is-pc .at-body {
		background: var(--light_bg2) !important;
	}
	body.gb_mode.light .rank-icon.bg-yellow {
		color: var(--light_color3) !important;
	}
	body.gb_mode.light #leftDataTop dl dd table tbody th {
		background: var(--light_bg2) !important;
	}
	body .pc-menu .nav-top .menu-li:hover .menu-a, body .pc-menu .nav-top .menu-li.on .menu-a, body .pc-menu .nav-top .sub-1dli.on .sub-1da {
		color: var(--dark_color3) !important;
	}
	body .pc-menu .nav-top .sub-1dli.on .sub-1da, body .pc-menu .nav-top .sub-1dli a:hover,
	body .pc-menu .nav-top .sub-1dli:hover a.sub-1da{
		color: #8ef26e !important;
		background: none !important;
	}
	body.gb_mode.light .pc-menu .nav-top .menu-li:hover .menu-a, body.gb_mode.light .pc-menu .nav-top .menu-li.on .menu-a, body.gb_mode.light .pc-menu .nav-top .sub-1dli.on .sub-1da {
		color: var(--light_color3) !important;
	}
	body.gb_mode.light .pc-menu .nav-top .sub-1dli.on .sub-1da, body.gb_mode.light .pc-menu .nav-top .sub-1dli a:hover {
		color: var(--light_color2) !important;
	}
	#new_sc_con .sc_size .title {
		border: none;
	}
	.change_box, .change_form {
		background: var(--dark_bg2) !important;
	}
	.change_form .change_item .item_cont > p, #new_sc_con .sc_size > table th {
		color: var(--dark_color3) !important;
	}
	body.gb_mode.light .change_box, body.gb_mode.light .change_form {
		background: var(--light_bg2) !important;
		border: none;
		border-radius: 10px;
	}
	body.gb_mode.light #back_point {
		background: var(--light_bg2) !important;
	}
	body.gb_mode.light #new_sc_con .sc_size > table th {
		background: var(--light_bg1) !important;
	}
	body.gb_mode.light #new_sc_con .sc_size > table tr {
		background: var(--light_bg2) !important;
	}
	body.gb_mode.light .change_form .change_item .item_cont > p, body.gb_mode.light #new_sc_con .sc_size > table th, body.gb_mode.light .change_form .change_item .item_tit > h2, body.gb_mode.light #new_sc_con .sc_size > table td, body.gb_mode.light #back_point {
		color: var(--light_color3) !important;
	}
	body.gb_mode.light #new_sc_con .sc_size > table td span.submit, .change_form .change_item .item_cont .ch_lebel_box li a {
		color: var(--light_bg2) !important;
	}
	.nav > li > h3, .nav > li > h2, .nav > li > h1 {
		padding: 16px 15px;
		margin: 0;
		position: relative;
		line-height: 1;
		text-align: center;
		display: block;
		font-size: 13px;
	}
	.nav > li > h1 {
		text-align: left;
	}
	.nav > li > h2 a, .nav > li > h3 a, body .div-tab.tabs .nav.nav-tabs > li > h1 a {
		font-family: 'Noto Sans KR', sans-serif;
		line-height: 13px !important;
	}
	body.gb_mode.light .view-wrap section {
		color: #000;
	}
	body .hidden-sm .widget-box {
		height: auto;
	}
	.pc-menu .nav-top.nav-float .menu-ul {
		padding-left: 0;
		right: 0;
	}
	#basic_outlogin {
		padding: 10px 10px !important;
	}
	.basic-post-list .post-list li b, .login_view .profile_box .profile_btn > a {
		font-weight: 400;
	}
	.footer_section .gb_section {
		background: #1e2024;
		border-radius: 10px;
		padding: 20px;
		color: #fff;
	}
	.footer_logos{
		overflow: hidden;
      	width: 100%;
      	background: #21283B;
      	padding: 20px 0 15px;
      	margin: 30px 0 20px;
	}
	.footer_logos ul{
		display: flex;
	    width: max-content;
	    animation: scroll-left 20s linear infinite;
	}
	.footer_logos ul li{
		margin: 0 30px;
	}
	.footer_logos ul li img{
		height: 25px;
	}

    @keyframes scroll-left {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }
    .at-footer .col-md-9.at-col.at-main {
		background: #21283B;
		padding: 20px;
		border-radius: 10px;
		margin: 0 0 12px;
	}
	.at-footer .col-md-9.at-col.at-main .footer_logo {
		display: inline-block;
		vertical-align: middle;
		margin: 0 20px 20px 0;
	}
	.at-footer .col-md-9.at-col.at-main .footer_logo img {
		width: 40px;
	}
	.at-footer .footer_content {
		color: #fff;
		font-size: 14px;
		line-height: 1.75;
		display: block;
		vertical-align: middle;
		text-align: center;
	}
	.at-footer .copy {
		color: #fff;
		margin: 10px 0 0;
	}
	.bosite_wrap {
		background: #000;
		border-radius: 15PX;
		TEXT-ALIGN: CENTER;
		PADDING: 10PX 0;
		COLOR: #FFF;
	}
	.bo_title1 {
		font-weight: bold;
		font-size: 20px;
		margin: 10px 0 5px;
	}
	.bo_title2 {
		font-size: 17px;
		margin: 0 0 15px;
		color: #e12b5e;
	}
	.bosite_wrap a {
		background: #e12b5e !important;
		border-radius: 5px;
		display: block;
		color: #fff;
		margin: 10px 10px 0;
		padding: 5px 0;
		font-size: 15px;
	}
	.analysis_latest {
		background: #000;
		border-radius: 15px;
		margin: 10px 0;
		padding: 10px;
	}
	.latest_title {
		color: #fff;
		font-size: 16px;
		margin: 0 0 10px;
	}
	.analysis_latest > a {
		background: #e12b5e !important;
		display: block;
		border-radius: 5px;
		text-align: center;
		color: #fff;
		padding: 7px 0;
		margin: 10px 0 0;
		font-size: 15px;
	}
	.analysis_latest .basic-post-list .post-list li a {
		color: #ccc;
		font-size: 14px;
	}
	.analysis_latest .basic-post-list .post-list li a .date {
		color: #aaa;
		font-weight: normal;
		font-size: 12px !important;
	}
	.analysis_latest .basic-post-list .post-list li a:hover, .analysis_latest .basic-post-list .post-list li a:hover .date {
		color: #fff;
		font-weight: bold;
	}