@charset "utf-8";

.responsive .at-body .at-container { max-width: 100%; padding:0px !important; }
.responsive .at-body .at-row { margin-left:0px; margin-right:0px; }
.responsive .at-body .at-col { padding-left:0px; padding-right:0px; }
.responsive .at-body .at-main { width: 100%; }
.responsive .pull-right.at-main,
.responsive .pull-left.at-side { float:none !important; }
.at-menu {padding:0 !important;}
.at-col {padding-top:0 !important;}
.mb {display:none !important;}
.width_wrap {width: 100% !important;}
.width_wrap .join_input_box {width:78% !important;}
.chkBox {width:22% !important;}
.rank-area {display:block !important;}
.rank-box {width:100% !important;         margin-bottom: 10px;}
.rank-tit {font-size:14px !important;}
.rank-list li {font-size:10px;}
.view-wrap {padding:10px !important; }
.writer_infobox .writer_img {display:none;}
.view_writer {padding:0 !important; padding-top: 10px !important; padding-left: 10px!important;}
.view_stat {display:none !important;}
.tabnav li a {font-size:13px !important;}
.basic-post-mix .post-list li {width: 100% !important;}
.basic-post-mix .post-list li a {font-size:13px !important;}
.latest_board {height:100% !important;}
.at-footer {display:none;}
#mo_hd {display:block !important;}
.main_bannerbox {display:block !important;}
.main_bannerbox img {width:100%;}
.notice_latest {display:none;}
.responsive .at-lnb .at-container { display:none; visibility:visible; }
.latest_board {width: 100%;height: 190px;position: relative;display: block;}
.latest_board .tab_latest {width:100% !important;     margin-top: 10px;}
#new_ft { width: 100%; height: auto; position: fixed; background-color: #1b1b1b; bottom: 0; left: 0; z-index:9; display: block !important; }
#new_ft .ft_area { width: 100%; height: auto; position: relative; }
#new_ft .ft_area .ft_con { width: 100%; height: auto; position: relative; }
#new_ft .ft_navbox { width: 100%; height: auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
#new_ft .ft_navbox > li { width: 100%; height: auto; position: relative; }
#new_ft .ft_navbox > li > a { width: 100%; height: auto; position: relative; padding: 6px 5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; background-color: #e7e6e2; font-size: 13px; font-weight: 800; color: #64635d; }
#new_ft .ft_navbox > li > a > span { font-size: 16px; }
.chat_cont { width: 100%; height: 0; position: absolute; bottom: 35px; left: 0; right: 0; background-color: #2e2e2e; z-index: 98; }
.chat_cont.active { height: 40vh; }
.responsive .pc-header { display:none; }
.responsive .m-header { display:block; }
.responsive .pc-menu,
.responsive .pc-menu-all { display:none; }
.responsive .m-menu { display:block; }
.responsive .at-footer .at-links ul.pull-left { display:none; }
.responsive .at-footer .at-links ul.pull-right { float:none !important; text-align:center; }
.responsive .at-footer .at-links ul.pull-right > li { float:none; display:inline-block; }
#mb{display:none !important;}
.pc_view {display:block !important;}

@media all and (max-width:767px) {
    .responsive .at-title { height:50px; }
    .responsive .at-title .page-title { font-size:20px; left:15px; bottom:10px; }
    .responsive .at-footer .at-infos .media { padding:15px 0px 20px; text-align:center; }
    .responsive .at-footer .at-infos .copyright { float:none; margin:0px; }
    .at-go .go-btn { bottom:50px; right:20px; }
}

@media all and (max-width: 481px){
    .mo_hd_top { padding: 0 15px; }
    .mo_hd_nav { padding: 0 15px; }
    .chat_frame {display:none;}
    #mb {display:none !important;}
    .pc_view { width: 100%; height: 30px; position: relative; padding: 0 15px; }
    .pc_view > a { display: block; width: 100%; height: 100%; position: relative; background-color: #e49c12; text-align: center; line-height: 30px; font-size: 0.875rem; font-weight: 700; color: #1b1b1b; letter-spacing: -0.5px; }
    .view_writer .writer_stat > li {font-size:14px !important;}
    .view_writer {display:block !important;}
    .writer_box > a > span {font-size:14px !important;}
    .view_top_tit {padding:0 !important;}
    .view_top_tit > h2 {font-size: 12px !important;}
    .writer_infobox .writer_info .writer_name > p {font-size: 14px !important;}
    .writer_infobox .writer_info .writer_more > a {font-size:14px !important; padding: 1px 15px !important; color: var(--white) !important;}
    .ratingTxt {font-size: 14px !important;}
    #wr_good {font-size: 14px !important;}
    .up_icon {width: 20px !important;height: 20px !important;}
    .view-good-box a {    width: 99px !important; height: 35px !important;}
    .writer_allbox .writer_alllist .all_listbox > li > a {font-size:12px !important;}
    .writer_allbox .writer_alllist .all_listbox > li > p {font-size: 11px !important;}
    .writer_allbox .writer_all > h2 {font-size: 14px !important;}
    .board_user .user_btnbox > li > a {height: 28px !important;line-height: 29px !important;    font-size: 14px !important;}
    .comment-media .media .media-info {font-size: 11px !important;}
    .member {font-size:15px !important;}
}

@media all and (max-width: 376px){
    .mo_hd_top .hd_logo { width: 85px; }
    .mo_hd_top .hd_login > a { padding: 6px 16px; }
    .mo_hd_nav .hd_navbox > li > a { font-size: 13px; }
    .login_wrap { gap: 4px; }
    .login_wrap .login_profile { width: 50px; height: 50px; }
    .login_wrap .login_con { width: -webkit-calc((100% - 4px) - 50px); width: -moz-calc((100% - 4px) - 50px); width: calc((100% - 4px) - 50px); }
    .login_wrap .login_con .login_bottom .login_statbox > p,
    .login_wrap .login_con .login_bottom .login_statbox > a { font-size: 13px; }
    .login_wrap .login_con .login_bottom .login_statbox .login_stat > li { font-size: 0.625rem; }
    .login_wrap .login_con .login_bottom .side_optionbox .side_close,
    .login_wrap .login_con .login_bottom .side_optionbox .side_bell { width: 24px; height: 24px; }
    .side_nav .side_navbox .nav_item > a .icon { width: 50px; height: 50px; -webkit-background-size: 30px 30px; background-size: 30px; }
    .side_nav .side_navbox .nav_item > a > span { font-size: 13px; }
}