@charset "utf-8";
:root[user-theme="light"] {
	--app_bd_line:#eee;
	--app_bd_i_line:#e9e9e9;
	--app_bd_reset:#f4f4f4;
}

:root[user-theme="dark"] {
	--app_bd_line:rgba(255,255,255,0.1);
	--app_bd_i_line:rgba(255,255,255,0.08);
	--app_bd_reset:rgba(255,255,255,0.05);
}
.app_board_box {position:relative; padding:0 10px;}
.app_board_box .scr_default {position: relative; font-size:0;}
.app_board_box .scr_default select {height: 38px;  padding: 0 5px; font-size: 13px; background: #fff;}
.app_board_box .scr_default .frm {display:inline-block; vertical-align:middle; width:calc(100% - 48px); position:relative; }
.app_board_box .scr_default .frm button {position:absolute; top:0; right:0; width:45px; height:45px; border:0; background:transparent;}
.app_board_box .scr_default .frm input {height:45px; padding:0 10px; border-radius:3px; border-color:var(--app_bd_line);}
.app_board_box .scr_default .btn_all {display:inline-block; vertical-align:middle; width:45px; height:45px; background:var(--app_bd_reset); border:0;position:relative; margin-left:3px; border-radius:3px;}
.app_board_box .scr_default .frm button i,
.app_board_box .scr_default .btn_all i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:17px; color:var(--default_color);}
.app_board_box .scr_default button {height: 38px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--sum_line); border-radius: 8px; background: #fff; cursor: pointer; padding: 0 10px; flex-shrink: 0;}
.app_board_box .scr_default .sr_btn {border: 0;  padding: 0;}
.app_board_box .default_hd_box {padding:20px 10px 10px 10px;}
.app_board_box .default_hd_box p {font-size:11px; }
.app_board_box .default_hd_box p span {}
.app_board_box ul.app_board_default {position:relative; border-top:1px solid var(--app_bd_line);}
.app_board_box ul.app_board_default li {display: flex;  align-items: center; padding: 15px 10px; border-bottom: 1px solid var(--app_bd_line); line-height: 1;}
.app_board_box ul.app_board_default li > .no {flex-shrink: 0; margin-right: 8px; min-width:60px; font-size: 10px; color: var(--default_color); text-align: left; white-space: nowrap; letter-spacing:-0.05em; opacity:0.75;}
.app_board_box ul.app_board_default li > h3 {flex-grow: 1; min-width: 0;  margin: 0; padding-right: 10px; display: flex; align-items: center;}
.app_board_box ul.app_board_default li > h3 a {display: block;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 1; color: var(--default_color); font-weight: 500; letter-spacing: -0.05em;}
.app_board_box ul.app_board_default li > h3 i {color: red; margin-left: 4px;font-size: 14px; flex-shrink: 0;}
.app_board_box ul.app_board_default li .cate-name {flex-shrink: 0; margin-right: 5px; font-size: 12px; color: var(--default_color); font-weight: normal;}
.app_board_box ul.app_board_default li > .name {flex-shrink: 0;  font-size: 10px; color: var(--default_tdown); font-weight: 500;white-space: nowrap;text-align: right;}

/**/
.ajax_more {text-align:center;}
.ajax_more > button {display:inline-block; width:100px; background:transparent; border:0; font-size:0; text-align:center; padding:30px 0; cursor:pointer;}
.ajax_more > button.bbs_write_btn {padding-top:5px;}
.ajax_more > button i,
.ajax_more > button span {display:inline-block; vertical-align:middle; width:100%;}
.ajax_more > button i {font-size:20px; color:var(--default_color);font-variation-settings: 'wght' 300;}
.ajax_more > button span {font-size:11px; padding-top:3px; color:var(--default_color); opacity:0.5;}

/**/
.app_board_box .abb_pos {position: relative; font-size:0; padding:10px 10px calc(10px + env(safe-area-inset-bottom)) 10px;  left:0; right:0; margin:auto; max-width:650px;}
.app_board_box .ap_hdbx {position: relative; font-size:0;}
.app_board_box .ap_hdbx span,
.app_board_box .ap_hdbx h2 {display:inline-block; width:100%; position: relative;}
.app_board_box .ap_hdbx span {font-size:12px;}
.app_board_box .ap_hdbx h2 {font-size:15px; font-weight:500; color:var(--default_rev); line-height:150%;}

.app_board_box .ap_info {padding:20px 0}
.app_board_box ul.wrt_info { font-size:0; display:flex;}
.app_board_box ul.wrt_info li {flex:1; font-size:0; padding:5px 0 3px 3px; border-left:0px solid var(--app_bd_i_line);}
.app_board_box ul.wrt_info li span {display:inline-block; vertical-align:top; width:100%; line-height:1;}
.app_board_box ul.wrt_info li .tit {font-size:10px; opacity:0.6;}
.app_board_box ul.wrt_info li .cnt {font-size:12px;}
.app_board_box .wrt_file {}

.app_board_box ul.down_file_box {margin-top:25px;}
.app_board_box ul.down_file_box li {margin:2px 4px 2px 0; display:inline-block; vertical-align:top;}
.app_board_box ul.down_file_box li a {display:block; font-size:0; line-height:100%; padding:8px 15px; background:#5d5d5d; border:0px solid #e9e9e9; border-radius:35px; transition:all .3s;}
.app_board_box ul.down_file_box li a:hover {background:#ff0833;}
.app_board_box ul.down_file_box li a span,
.app_board_box ul.down_file_box li a em {display:inline-block; vertical-align:middle; font-style:normal; line-height:100%;}
.app_board_box ul.down_file_box li a span { font-weight:500; font-size:11px; letter-spacing:0em;  color:#fff; transition:all .3s;}
.app_board_box ul.down_file_box li a span.size {font-size:10px; color:#eee; padding-left:5px; display:inline-block; vertical-align:bottom; font-family:tahoma; font-weight:normal;}
.app_board_box ul.down_file_box li a:hover span {color:#fff;}
.app_board_box ul.down_file_box li a em {font-size:11px; font-family:tahoma; padding-left:5px; color:#ddd; transition:all .3s;}
.app_board_box ul.down_file_box li a:hover em {color:#999;}
.app_board_box .content {}
.app_board_box .content .board-view-space {}
.app_board_box .content .txt {padding:20px 0 0 0; font-size:13px; line-height:180%;color:var(--default_color); font-weight:500; }