@keyframes gradient{
			0% {
			    background-position: 0% 0%;
			}
			50% {
			    background-position: 100% 100%;
			}
			100% {
			    background-position: 0% 0%;
			}
		}
		
            @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;
			}
          
		body .pc-menu .nav-top.nav-float .menu-ul{
			padding-left: 0;
		}
		body .pc-menu{
			background: none;
		}
		.at-body{
			padding-top: 95px;
		}
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;
}
.col-md-3.at-col.at-side{
	width: 300px;
    padding: 12px;
}
.col-md-9.at-col.at-main{
	width: calc(100% - 300px);
    padding: 12px;
}
.at-row,.row{
    margin-left: 0;
    margin-right: 0;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
	/*padding: 0;*/
}
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: 200px;
    padding-left: 20px;
    line-height: 80px;
    display: inline-block;
    vertical-align: middle;
}
.kks-logo img{
	position: static;
    padding: 0;
    width: 140px;
    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: 80px;
    line-height: 80px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 200px);
}
#menu_wrap .menu-ul{
	font-size: 0;
	margin: 0 60px;
}
#menu_wrap .menu-li{
	display: inline-block;
    vertical-align: middle;
    position: relative;
    float: none;
}
body .pc-menu .nav-top.nav-float .sub-1div{
    top: 100%;
}
body .pc-menu .nav-top .sub-1da{
	font-size: 14px;
}
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: 80px;
    line-height: 80px !important;
    padding: 0 12px;
    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;
}
.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{
		
	}
	.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: #1D2333;
    	padding: 10px;
	}
	body .list-wrap .pagination>li{
		
	}
	body .list-wrap .pagination>li a{
	    color: #959595 !important;
    	background: none !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: #111 !important;
    	color: #fff !important;
	    font-weight: bold;
	}
	.board_search{
		    padding: 20px;
		    background: #1d2333;
		    border-radius: 10px;
		    margin: 12px 0 25px;
		    position: relative;
		}
		.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: #9aa4bf;
		    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: #1d2333;
		    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;
		}
		.board_title h2{
		    margin: 0;
		    font-size: 20px;
		    color: #fff;
		}
		.board_title h2 .total{
			padding: 0 0 0 8px;
    		color: #4ff461;
		}
		.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: #4fe744;
			border-bottom: 2px solid #4fe744;
		}
		.board-list{
			position: relative;
		}
		#menu_wrap .bo_menu .menu-a{
		    color: #f5a018 !important;
		}
		.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{
	color: var(--dark_color2) !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{
	
}
.footer_section p{
	
}
.footer_section h2{
	margin: 0 0 20px;
    font-size: 20px;
    font-weight: bold;
}
.footer_section h3{
	font-size: 18px;
    border-bottom: 1px solid;
    padding: 0 0 10px;
    color: #9aa4bf;
}
.footer_section strong{
	color: #9aa4bf;
}
.footer_section .gb_container{
	padding: 12px;
}
.footer_section .gb_section{
	background: #21283B;
    border-radius: 10px;
    padding: 20px;
    color: #fff;
}
.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: #9aa4bf;
    font-size: 12px;
    line-height: 1.4;
    display: inline-block;
	vertical-align: middle;
}
.at-footer .copy{
	color: #fff;
	margin: 10px 0 0;
}
.right_title{
	background: #1D2333;
    position: relative;
    color: #fff;
    font-size: 14px;
    height: 54px;
    line-height: 54px;
    padding: 0 15px;
    border-bottom: 1px solid #2F3749;
}
html body .div-tab.tabs ul.nav-tabs{
	background: none;
    float: none;
    position: absolute;
    right: 12px;
    bottom: 13px;
    width: auto;
    height: auto;
    line-height: 1;
}
html body .div-tab.tabs ul.nav-tabs li{
	width: auto;
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: top;
    background: none !important;
}
html body .div-tab.tabs ul.nav-tabs li a,
body .div-tab.tabs ul.nav-tabs li:last-child a{
	font-size: 11px !important;
    padding: 0 0 6px;
    font-weight: normal;
    background: none !important;
}
html body .div-tab.tabs ul.nav-tabs li.active{
	
}
body .div-tab.tabs div.tab-content{
    background: #21283B !important;
    padding: 10px 15px;
    margin: 0 0 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
html body .div-tab.tabs ul.nav-tabs li.active a,
body .div-tab.tabs ul.nav-tabs li.active:last-child a,
body .div-tab.tabs ul.nav-tabs li.active:first-child a,
.div-tab.tabs ul.nav-tabs li.active a, 
.div-tab.tabs ul.nav-tabs li.active a:hover, 
.div-tab.tabs ul.nav-tabs li.active a:focus, 
.div-tab.tabs ul.nav-tabs li.active:first-child a, 
.div-tab.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab.tabs ul.nav-tabs li.active:first-child a:focus, .div-tab.tabs ul.nav-tabs li.active:last-child a, .div-tab.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab.tabs ul.nav-tabs li.active:last-child a:focus{
	color: #4fe744 !important;
    border-bottom: 2px solid #4fe744;
    font-weight: normal;
}
	.rank_more a{
		display: block;
	    background: #21283b;
	    color: #fff;
	    text-align: center;
	    font-weight: bold;
	    border-radius: 5px;
	    margin: 0 0 10px;
	    font-size: 14px;
	    padding: 8px;
	    position: relative;
	    top: -10px;
	}