@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
body,html,*{
	font-family: "Noto Sans KR", sans-serif;
}
body .hd_pops_footer,
.is-pc .at-body,
.pc-menu,
.pc-menu .nav-top .menu-a,
.at-container{
	background: #fff;
    color: #1b1b1b;
}
.pc-menu .nav-top .menu-li:hover .menu-a,
.pc-menu .nav-top .menu-li.on .menu-a,
.pc-menu .nav-top .sub-1dul, 
.pc-menu .nav-top .sub-1dli,
.pc-menu .nav-top .sub-1div{
	background: #fff;
	color: #1b1b1b;
}
.pc-menu .nav-top .sub-1dli.on .sub-1da, 
.pc-menu .nav-top .sub-1dli:hover .sub-1da{
	background: #fff !important;
	border-color: #e0e0e0 !important;
}
body .view-wrap section{
	color: #1b1b1b;
}
body .main_section,
body .view-content p{
	color: #1b1b1b;
}
body .view-content p > span,
body .view-content p > span > span{
	color: inherit;
}
body .at-go .go-btn span{
    color: #ea1023;
}
body .list-board .list-body .wr-subject .item-subject,
body .list-board .list-body li > div{
	color: #1b1b1b;
}
body .list-board .list-body li:hover{
	background: none;
}
body .form-horizontal .panel-body .form-group,
body .form-horizontal .panel-body .form-group:nth-child(5){
	border: 1px solid #e0e0e0;
    background: #ebebeb;
}
body .signin#btn_submit{
	background: var(--color);
    color: #fff;
}
.register-form .panel-body input[type="text"], 
.register-form .panel-body input[type="password"]{
	background: #fff;
    border-color: #e0e0e0;
    color: #1b1b1b;
}
body .widget-box,
.div-tab.tabs ul.nav-tabs li a, 
.div-tab.tabs ul.nav-tabs li a:hover, 
.div-tab.tabs ul.nav-tabs li a:focus, 
.div-tab.tabs ul.nav-tabs li:first-child a, 
.div-tab.tabs ul.nav-tabs li:first-child a:hover, 
.div-tab.tabs ul.nav-tabs li:first-child a:focus, 
.div-tab.tabs ul.nav-tabs li:last-child a, 
.div-tab.tabs ul.nav-tabs li:last-child a:hover, 
.div-tab.tabs ul.nav-tabs li:last-child a:focus,
body .hd_pops_footer button{
	background: #ebebeb;
	color: #1b1b1b;
}
body .div-tab.tabs ul.nav-tabs, 
body .div-tab-top.tabs ul.nav-tabs, 
body .div-tab-bottom.tabs ul.nav-tabs, 
body #leftDataTop h2{
	border-color: #e0e0e0 !important;
}
.view-padding iframe{
	max-width: 100%;
	width: 100%;
}
.at-title{
	display: none;
}
.game_wrap{
	padding: 10px;
}
.game_menu{
	display: block;
}
.game_menu ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 10px;
    align-items: center;
    justify-content: normal;
    gap: 5px;
}
.game_menu ul li{
    flex: 0 0 calc((100% - 40px) / 5);
    text-align: center;
}
.game_menu ul li a{
	display: block;
    padding: 2px 0;
    background: #ebebeb;
    border: 1px solid #e0e0e0;
    color: #1b1b1b;
    font-size: 13px;
}
.gb-row{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.gb-col{
	overflow: hidden;
}
.gb-col.at-side{
    flex: 0 0 340px;
    width: 340px;
}
.gb-col.at-main{
	flex: 0 0 calc(100% - 360px);
}
.row.fix-gutters-5 > [class^="col-"], 
.row.fix-gutters-5 > [class*=" col-"]{
	padding-right: 0;
    padding-left: 0;
}
body .nav-tabs.nav-justified>.active>a, 
body .div-tab.tabs ul.nav-tabs li.active a{
	color: #e09912 !important;
}
body .div-tab.tabs ul.nav-tabs li.active{
	background: none !important;
}
.board_top_img{
	margin: 0 0 7px;
}
.board_top_img img{
	width: 100%;
}
.hidden-sm .widget-box {
    margin-bottom: 20px !important;
    padding: 20px 20px;
    height: auto;
    border-color: #e0e0e0;
}
body .kks-logo{
    float: none !important;
}
body .kks-logo img{
	position: static;
    max-height: 87px;
    height: auto;
}
body .pc-menu .nav-top.nav-float .menu-ul{
	position: static;
    padding: 0;
    float: none;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
}
body .pc-menu .nav-top.nav-float .menu-li{
	float: none;
	position: relative;
}
body .pc-menu .nav-top.nav-float .sub-1div{
    top: 100%;
    width: 100%;
    padding: 5px 0;
}
body .pc-menu .nav-top .sub-1da{
	font-size: 14px;
    padding: 4px 0;
    color: #1b1b1b;
    border-color: #e0e0e0 !important;
}
body .pc-menu .subm-w{
	width: 100%;
}
body .pc-menu .nav-top .menu-li:hover .menu-a,
body .pc-menu .nav-top .menu-li.on .menu-a{
	border: none;
}
body .pc-menu .nav-top .menu-a{
    height: auto;
    line-height: 1 !important;
    padding: 30px 25px;
}
body .pc-menu .nav-top{
	position: static;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.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%;
}
body .at-footer{
	padding: 20px 0;
	background: #fff;
    border-top: 1px solid #e0e0e0;
}
.ft_txt {
    float: left;
    text-align: left;
    padding-top: 15px;
    margin-bottom: 30px;
}
.ft_txt > p {
	font-size: 14px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 28px;
    margin-bottom: 10px;
}
.ft_txt > p.copyright{
	color: #1b1b1b;
	font-weight: normal;
}
body .basic-outlogin .form-group > button{
	color: #fff !important;
}
body .div-tab.tabs ul.nav-tabs, 
body .div-tab-top.tabs ul.nav-tabs, 
body .div-tab-bottom.tabs ul.nav-tabs, 
body #leftDataTop h2{
    border-bottom: 2px solid var(--color) !important;
}
html body .div-tab.tabs ul.nav-tabs li a,
html body .div-tab.tabs ul.nav-tabs li:first-child a,
html body .div-tab.tabs ul.nav-tabs li:last-child a{
	color: #1b1b1b !important;
    font-size: 15px;
    font-weight: 500;
    padding: 12.5px 0;
    line-height: 1.5 !important;
    display: block;
    letter-spacing: -1px;
}
html body .col-md-3 .div-tab.tabs ul.nav-tabs li a{
	text-align: left;
	padding: 12.5px 20px;
}
html body .div-tab.tabs ul.nav-tabs li a:hover,
html body .div-tab.tabs ul.nav-tabs li a:focus,
html body .div-tab.tabs ul.nav-tabs li:first-child a:hover,
html body .div-tab.tabs ul.nav-tabs li:last-child a:hover,
html body .div-tab.tabs ul.nav-tabs li:first-child a:focus,
html body .div-tab.tabs ul.nav-tabs li:last-child a:focus{
	font-size: 15px !important;
	line-height: 1.5 !important;
	font-weight: 500 !important;
}
html body .col-md-3 .div-tab.tabs ul.nav-tabs li{
	position: relative;	
}
html body .col-md-3 .div-tab.tabs ul.nav-tabs li a.more,
html body .col-md-3 .div-tab.tabs ul.nav-tabs li a.more:hover{
    position: absolute;
    background: var(--color);
    font-size: 12px !important;
    border-radius: 100px;
    padding: 3px 11px !important;
    color: #fff !important;
    right: 20px;
    top: 12px;
}
html body .col-md-5 .div-tab.tabs ul.nav-tabs li.active a,
html body .col-md-5 .div-tab.tabs ul.nav-tabs li a:hover{
	background: var(--color) !important;
	color: #fff !important;
}
body .div-tab.tabs div.tab-content{
	height: 139.5px;
    overflow: hidden;
    background: #fff;
    border-color: #e0e0e0;
}
body .at-menu{
	background: #fff;
	border-top: 2px solid var(--color);
    border-bottom: 1px solid #e0e0e0;
}
body .pc-menu{
	max-width: 1400px;
    margin: 0 auto;
    border: none;
    height: auto;
    padding: 10px 0;
    box-shadow: none;
}
body.is-pc .ko{
	max-width: 100%;
    width: 100%;
}
body .basic-post-list .post-list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
body .basic-post-list .post-list li{
	flex: 0 0 calc((100% - 20px) / 2);
}
body .col-md-3 .basic-post-list .post-list li{
	flex: 0 0 100%;
}
body .basic-post-list .post-list li a{
    font-weight: 500;
    color: #1b1b1b;
    font-size: 14px;
    position: relative;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
body .basic-post-list .post-list li a .subject{
	flex: 0 0 100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.at-body .at-container{
	position: relative;
	overflow: visible;
}
#right_banner{
    position: absolute;
    right: -160px;
    width: 150px;
    top: 10px;
}
#right_banner .r_banner_wrap{
	margin: 0 0 10px;
}
body .basic-post-list .post-list li a.is_date .subject{
	flex: 0 0 calc(100% - 60px);
}
body .basic-post-list .post-list li a .pull-right{
	font-size: 14px;
    font-weight: normal;
    flex: 0 0 60px;
}
body .basic-post-list .post-list li a:hover{
	color: var(--color);
	text-decoration: underline;
}
body .basic-post-list .post-list li a:before{
	content: '';
    width: 2px;
    height: 2px;
    background-color: var(--color);
    position: absolute;
    top: 50%;
    left: 0;
}
body .basic-post-list .post-list li a .count{
	font-family: inherit;
    font-size: inherit;
    color: var(--color);
    font-weight: normal;
}
.widget-basic-member-list ul {
    padding: 5px 10px 5px 10px;
    margin: 0px;
    line-height: 22px;
    list-style: none;
}
body .member, 
body .guest {
	color: #1b1b1b !important;
}
.left_link_wrap{
	
}
.left_link_wrap .row{
	margin: 0;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.left_link_wrap .row .col{
	flex: 1;
    overflow: hidden;
}
.left_link_wrap .row .col a{
    display: block;
}
.left_link_wrap .row .col a img{
    max-width: 100%;
}
.left_ranking_wrap{
	margin: 10px 0 0;
	height: 470px;
    width: 340px;
}
#chat1{
	height: 506px;
}
.left_ranking_wrap .nav-tabs{
	
}
.left_ranking_wrap .nav-tabs li{
	
}
.left_ranking_wrap .nav-tabs li a{
    color: #1b1b1b !important;
    font-size: 14px !important;
    background: #fff;
    border-radius: 0;
    padding: 10px 0 !important;
    letter-spacing: -1px;
    display: block;
    position: static;
}
.left_ranking_wrap .nav-tabs li.active a{
	background: var(--color);
    color: #fff !important;
}
.left_ranking_wrap .widget-title{
	border-bottom: 2px solid var(--color) !important;
    color: #1b1b1b;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 500;
    padding: 13px 20px;
    position: relative;
    background: #ebebeb;
}
.left_ranking_wrap a{
    position: absolute;
    background: var(--color);
    font-size: 12px !important;
    border-radius: 100px;
    padding: 1px 10px !important;
    color: #fff !important;
    right: 20px;
    top: 12px;
}
.left_ranking_wrap .widget-box{
	padding: 0;
    margin: 0 !important;
    border-color: #e0e0e0;
    background: #fff;
}
.sub_contents_wrap{
    position: relative;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 30px 25px 100px;
}
.board-list .title{
	position: relative;
    margin: 0 0 20px;
}
.board-list .title span{
    font-weight: 600;
    font-size: 19px;
    letter-spacing: -1px;
    color: var(--color);
    position: relative;
    padding: 0 10px 0 0px;
    display: inline-block;
    background: #fff;
    z-index: 9;
}
.board-list .title:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color);
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    z-index: 0;
}
body .list-board .border-color{
	background: #ebebeb;
    padding: 0;
    border-color: #e0e0e0;
}
body .list-board .wr-none{
	background: #fff;
	color: #1b1b1b;
}
body .div-head.list-head > span{
	padding: 0 10px;
    font-size: 14px;
    height: 40px;
    color: var(--color);
    border-bottom: 1px solid var(--color);
}
body .list-board .border-color > span > a{
	font-size: 14px;
	color: var(--color);
}
body .list-board{
	background: none;
	border-color: #e0e0e0;
}
body .list-board .list-body li{
	border-bottom: 1px solid #e0e0e0;
    font-size: 13px;
}
body .list-board .list-body li > div{
	font-size: 13px;
}
body .list-board .list-body li .count{
    position: relative;
    color: var(--color);
    margin-left: 12px;
    border: 1px solid var(--color);
    background-color: #fff;
    width: 40px;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
}
body .list-board .list-body li .count:after{
	content: '';
    width: 10px;
    height: 1px;
    background-color: var(--color);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -10px;
}
.list-btn .btn.btn-white{
	background: none;
    border: none;
}
body .list-wrap .pagination a, 
body .view-wrap .pagination a{
	background-color: #ebebeb !important;
    border: 1px solid #e0e0e0 !important;
    width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0 2.5px;
    font-size: 15px;
    color: #1b1b1b !important;
}
body .list-wrap .pagination .active a, 
body .view-wrap .pagination .active a,
body .list-wrap .pagination a:hover, 
body .view-wrap .pagination a:hover{
	background: #fff !important;
    border-color: #e0e0e0 !important;
    color: var(--color) !important;
}
body .list-btn .btn.btn-white{
	color: #1b1b1b !important;
	background: #ebebeb  !important;
	border-color: #ebebeb !important;
}
body .mypage_tab_menu_area{
    background: none;
    border: none;
}
body .mypage_tab_menu_area .tab_menu_con{
	border: none;
    padding: 0;
    background: none;
}
body .mypage_tab_menu_area .tab_menu_con .tab_title{
	background: #fff;
    border-color: #e0e0e0;
}
body .mypage_tab_menu_area .tab_menu_con .tab_title h2{
	color: var(--color);
}
body .mypage_tab_menu_area .tab_menu_con .tab_list{
    background: #ebebeb;
    border-color: #e0e0e0;
}
body .mypage_tab_menu_area .tab_menu_con .tab_list > li > a.tab_active{
	color: var(--color);
}
body .mypage_tab_menu_area .tab_menu_con .tab_list li{
	position: relative;
	border-color: #e0e0e0;
}
body .mypage_tab_menu_area .tab_menu_con .tab_list li a{
    font-size: 15px;
    color: #1b1b1b;
}
body .mypage_tab_menu_area .tab_menu_con .tab_list > li > a > .tab_icon{
	font-size: 8px;
}
body .mypage_tab_menu_area .tab_menu_con .tab_list > li > a > .tab_icon .fa-2x{
    top: 0;
}
body .mypage_tab_menu_area .tab_menu_con .tab_list li + li:before{
	content: '';
	background-color: #ccc;
    width: 1px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 9px;
}
body #mypage_wrap .my_edit form .edit_box > li > .input_size .input_box,
body #mypage_wrap .my_edit form .edit_box > li > .input_size textarea{
	background: #ebebeb;
	border-color: #e0e0e0;
	color: #1b1b1b;
}
body .mypage_profile .my_info .my_img .my_nick_box{
	border-color: #e0e0e0;
}
body .mypage_profile .my_info .my_img .my_nick_box > p{
	background: var(--color);
	color: #fff;
}
body .mypage_profile .my_info .my_contents .my_stat_box .my_stat > h3 > span{
	color: var(--color);
}
body .mypage_profile .my_info .my_contents .my_stat_box .my_stat > h3{
	color: #1b1b1b;
}
body .mypage_tab_menu_area .tab_menu_con .tab_list > li > a > p{
	font-weight: 500;
}
body .mypage_profile{
	background-color: #ebebeb;
    border: 1px solid #e0e0e0;
}
body .mypage_profile .my_info{
	margin: 0;
}
body .mypage_profile .my_info .my_contents .my_txt > p{
    font-size: 13px;
    font-weight: 400;
    color: #1b1b1b;
}
body .mypage_profile .my_info .my_contents .my_stat_box .my_data > a{
	font-size: 12px;
    font-weight: 500;
}
body #mypage_wrap .my_edit form .edit_box{
	border: none;
    padding: 0;
    margin: 0;
}
body #mypage_wrap .mypage_area{
	background: none;
    border-color: #e0e0e0;
}
body #mypage_wrap .my_edit form .edit_box > li > h3{
	font-size: 14px;
}
body #mypage_wrap .my_edit form .edit_box > li > .input_size > p{
    font-size: 14px;
    font-weight: normal;
    color: #1b1b1b;
}
body #mypage_wrap .my_edit form .edit_btn > input{
	border-radius: 5px;
    font-size: 16px;
    padding: 14px 64px;
    display: inline-block;
    background: var(--color);
    color: #fff;
}
body .mypage_profile .my_info .my_contents.exp_wrap{
	display: flex;
    justify-content: space-between;
}
body .mypage_profile .my_contents .exp_contents{
	flex: 0 0 calc(100% - 320px);
}
body .mypage_profile .my_contents .exp_data{
    flex: 0 0 320px;
}
body .mypage_profile .my_contents .exp_contents .exp_name .exp_profile_stat > li > h3 > .board_btn{
	background: var(--color);
    color: #1b1b1b;
    font-weight: bold;
    font-size: 12px;
    border: none;
    display: inline-block;
    line-height: 1;
    padding: 4px 10px;
}
body .mypage_profile .my_contents .exp_data .exp_data_list{
	
}
body .mypage_profile .my_contents .exp_data .exp_data_list > li{
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    margin: 0;
}
body .mypage_profile .my_contents .exp_data .exp_data_list > li > h3{
	font-weight: normal;
	color: #1b1b1b;
}
body .mypage_profile .my_contents .exp_data .exp_data_list > li > p{
	font-weight: normal;
    font-size: 14px;
    margin: 0;
}
body .mypage_profile .my_contents .exp_contents .exp_bar_area > .exp_bar .exp_gauge{
	width: 345px;
}
.tear_list_area{
    padding: 15px;
    background-color: #ebebeb;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
    text-align: center;
}
.tear_list_con{
	padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
}
.tear_list_con li{
	flex: 0 0 32px;
	position: relative;
}
body .mypage_profile .my_contents .exp_contents .exp_name .exp_name_box h3,
body .mypage_profile .my_contents .exp_contents .exp_name .exp_name_box p,
body .mypage_profile .my_contents .exp_contents .exp_name .exp_profile_stat > li > h3,
body .mypage_profile .my_contents .exp_contents .exp_bar_area > p,
body .mypage_profile .my_contents .exp_contents .exp_bar_area > .exp_bar .exp_gauge > li > span{
	color: #1b1b1b;
}
.tear_list_con .tear_txt{
    position: absolute;
    background-color: var(--color);
    border: 1px solid #e0e0e0;
    top: -34px;
    left: 50%;
    font-size: 13px;
    font-weight: 600;
    color: #1b1b1b;
    padding: 6px 0px;
    text-align: center;
    z-index: 111;
    width: 150px;
}
.tear_list_con li a p{
	font-size: 13px;
    font-weight: 300;
    color: #1b1b1b;
    margin: 0;
}
body #pointlist{
	background: none;
	border: none;
	padding: 0;
}
body #pointlist h3{
	font-weight: 500;
    color: #1b1b1b;
    font-size: 16px;
    letter-spacing: -1px;
    margin: 0 0 10px;
}
#pointlist h3 strong{
	color: var(--color);
}
body #pointlist thead th{
	background-color: #ebebeb;
    font-size: 15px;
    color: var(--color);
    padding: 2px 0;
    border-bottom: 1px solid var(--color);
}
body #pointlist tbody td:first-child,
body #pointlist tbody td:last-child{
	width: 20%;
	text-align: center;
}
body #pointlist tbody td{
	text-align: left;
	font-size: 14px;
    color: #1b1b1b;
    padding: 6px 10px;
}
#pointlist tbody tr:hover{
	background: #dedede;
}
.mypage_profile .my_contents .exp_contents .exp_name > a{
	background: var(--color);
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    border: none;
    display: inline-block;
    line-height: 1;
    padding: 4px 10px;
}
body .mypage_profile .my_contents .exp_data > p{
	color: #1b1b1b;
    font-size: 14px;
    letter-spacing: -1px;
}
body .mypage_profile .my_info .my_img .my_img_box{
	background: #fff;
	border-color: #e0e0e0;
}
.point_data_list{
	padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.point_data_list li{
    flex: 0 0 26.6666%;
    flex-wrap: wrap;
    text-align: center;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0;
    border-left: none;
}
.point_data_list li.point_list_title{
	flex: 0 0 20%;
    background: var(--color);
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    letter-spacing: -1px;
    border-color:var(--color);
}
.point_data_list li h3{
	color: #1b1b1b;
    font-size: 13px;
    flex: 0 0 100%;
    margin: 0;
    margin: 10px 0 0;
}
.point_data_list li p{
    margin: 0;
    line-height: 1;
    color: #1b1b1b;
    font-size: 13px;
    margin: 0 0 10px;
}
.go_mobile_ul{
	text-align: center;
    font-size: 14px;
}
.go_mobile_ul li{
	list-style: none;
}
.go_mobile_ul li a{
	
}