<?
if(!isset($ej_dir))		$ej_dir	=	"../../../..";
include_once $ej_dir."/ej_function.php";
header("Content-type:text/css; charset:utf-8");

$ej_bbs_act			=	(!empty($_GET['act']))			?	xss_clean(sprintf("%s",$_GET['act'])) : "list";
?>
/*<style type="text/css">*/

/* 1. 댓글 리스트 모바일 대응 */
@media screen and (max-width:980px) {
	#j-bbs-cmt-list .info {width:50px !important; height:50px !important; padding:0; border:1px solid #ddd; border-radius:50%;}
	#j-bbs-cmt-list .info p span img {display:block; width:42px !important; height:42px !important; border:1px solid #ddd; border-radius:50%;}
	#j-bbs-cmt-list .info em {display:none;}
	#j-bbs-cmt-list .cmt-area {margin:0 0 0 60px !important;}
}

/* 2. 게시물 본문 기본 설정 */
#ej-bbs-contents {margin:0; padding:0; overflow:hidden;}

/* 
=========================================================================
🔒 [Global UI] 팝업/비밀번호창 - 초슬림 알약 디자인 (반응형 모달)
=========================================================================
*/
#__j_board_pop__, #__j_board_passwd__ {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important; 
    width: 90% !important; 
    max-width: 550px !important; 
    height: auto !important;
    min-height: 70px !important;
    background: #fff !important;
    border: 2px solid #00a2ff !important;
    border-radius: 50px !important;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4) !important;
    z-index: 2147483647 !important;
    padding: 15px 25px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* 방패 모달: 팝업 시 뒷배경 간섭 차단 */
#__j_board_pop__:before, #__j_board_passwd__:before {
    content: "" !important;
    position: fixed !important;
    top: -5000px !important;
    left: -5000px !important;
    right: -5000px !important;
    bottom: -5000px !important;
    background: rgba(0, 0, 0, 0.3) !important;
    z-index: -1 !important;
}

#__j_board_pop__ div.jbp-title, #__j_board_passwd__ div.jbp-title { display: none !important; }

#__j_board_pop__ dl.jbp-inp, #__j_board_passwd__ dl.jbp-inp {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    gap: 12px !important;
    border: none !important;
}

#__j_board_pop__ dl.jbp-inp dt, #__j_board_passwd__ dl.jbp-inp dt {
    float: none !important;
    white-space: nowrap !important;
    color: #00a2ff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    margin: 0 !important;
}

#__j_board_pop__ dl.jbp-inp dd, #__j_board_passwd__ dl.jbp-inp dd {
    float: none !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

#__j_board_passwd__ input[type="password"], #__j_board_pop__ input[type="text"] {
    width: 120px !important;
    height: 42px !important;
    border: 2px solid #edf2f7 !important;
    border-radius: 12px !important;
    padding: 0 10px !important;
    font-size: 18px !important;
    background: #fff !important;
    outline: none !important;
}

/* 
=========================================================================
✨ [Global UI] 통합 버튼 시스템 (파란색 모던 포인트)
=========================================================================
*/

/* 1. 검색 버튼 전용 클래스 */
.modern-search-btn { 
    height: 42px !important; padding: 0 25px !important; border-radius: 8px !important; 
    background-color: #00a2ff !important; color: #fff !important; font-weight: 700 !important; 
    border: none !important; cursor: pointer !important; transition: all 0.2s !important;
    display: inline-flex !important; align-items: center; justify-content: center;
    font-family: 'Paperlogy', sans-serif !important;
}

/* 2. 게시판 액션 버튼 (글쓰기, 수정, 삭제 등) */
.btn-renewal { 
    background-color: #fff !important; color: #00a2ff !important; border: 1px solid #00a2ff !important; 
    padding: 8px 22px !important; border-radius: 25px !important; font-weight: 700 !important; 
    font-size: 0.9em !important; text-decoration: none !important; display: inline-flex !important; 
    align-items: center; justify-content: center; transition: all 0.2s !important; cursor: pointer !important;
    font-family: 'Paperlogy', sans-serif !important; margin: 2px !important;
}
.btn-renewal:hover, .modern-search-btn:hover { background-color: #0077ff !important; color: #fff !important; box-shadow: 0 4px 15px rgba(0, 162, 255, 0.4) !important; transform: translateY(-2px) !important; }

/* 3. 기존 회색 버튼(btn-default) 스타일 강제 박멸 */
.btn-default, .btn-sm, .btn-sm2, #__j_board_pop__ button, #__j_board_passwd__ button {
    background-image: none !important; text-shadow: none !important; box-shadow: none !important;
    background-color: #00a2ff !important; color: #fff !important; border:none !important;
    border-radius: 8px !important; font-weight: 700 !important;
}

/* 📱 팝업/비밀번호창 모바일 세부 조정 */
@media screen and (max-width: 480px) {
    #__j_board_pop__, #__j_board_passwd__ { border-radius: 20px !important; padding: 20px 15px !important; }
    #__j_board_pop__ dl.jbp-inp, #__j_board_passwd__ dl.jbp-inp { flex-direction: column !important; gap: 12px !important; }
    #__j_board_passwd__ input[type="password"] { width: 100% !important; }
    #__j_board_passwd__ dd.btn { width: 100% !important; display: flex !important; }
    #__j_board_passwd__ dd.btn input, #__j_board_passwd__ dd.btn button { flex: 1 !important; }
}

/* 시스템 레이어 숨김 유지 */
#__j_board_passwd_lay__, #__j_cmt_passwd_lay__, #__j_board_move_lay__, #__j_board_dec_lay__ { display:none; }

/* 3. SNS 및 부가 기능 */
.ej-bbs-sns {clear:both; margin:5px 0 0; padding:0; overflow:hidden;}
.ej-bbs-sns ul {float:right; margin:0; padding:0;}
.ej-bbs-sns ul li {float:left; margin:0; padding:2px;}

.v-active {background:#ebf3ff !important;}
.v-active a {font-weight:bold !important; color:#333 !important;}
.v-active a:hover {font-weight:bold !important; color:#000 !important;}

table.ej-tbl th.v_top, table.ej-tbl td.v_top {vertical-align:top; padding-top:15px;}
table.ej-tbl th.b_spot, table.ej-tbl td.b_spot {color:#f00; font-weight:bold;}

/* 
=========================================================================
💬 [Global UI] 댓글(코멘트) 리스트 및 입력창 현대화
=========================================================================
*/
#j-bbs-cmt-write .j-cmt-write { border: 1px solid #e2e8f0 !important; border-radius: 15px !important; background: #f8fafc !important; padding: 20px !important; margin-top: 40px !important; }
#j-bbs-cmt-write .j-cmt-write fieldset dl { background: transparent !important; border-bottom: 1px solid #edf2f7 !important; padding-bottom: 15px !important; margin-bottom: 15px !important; }
#j-bbs-cmt-write .j-cmt-write input.bbs-i { height: 36px !important; border: 1px solid #cbd5e0 !important; border-radius: 8px !important; padding: 0 12px !important; }
#j-bbs-cmt-write .j-cmt-write textarea { border: 1px solid #cbd5e0 !important; border-radius: 10px !important; padding: 15px !important; line-height: 1.6 !important; font-family: 'Paperlogy' !important; }

/* 추천/신고/히스토리 박스 */
.j-bbs-recomm, .j-bbs-declaration, .j-bbs-history {margin:8px 0 0; padding:0; border:1px solid #e2e8f0 !important; border-radius:10px !important; overflow:hidden;}
.j-bbs-recomm div, .j-bbs-declaration div, .j-bbs-history div {font-size:1em; padding:10px 15px; font-weight:bold; border-bottom:1px solid #e2e8f0; background:#f8fafc !important;}

.j-file-list {display:inline-block; margin:0; padding:0 0 0 15px; background:url('/_skin/board/renewal/images/icon_file.gif') no-repeat 0 50%;}
#ej-Button {clear:both; margin:20px 0; padding:0; overflow:hidden;}

.bbs-comment {display:inline !important; font-size:1em; color:#555;}
.bbs-search-word {font-style:normal; font-weight:bold !important; color:#f63 !important;}
.bbs-center {text-align:center !important;}
.bbs-txt-wrap {display:inline-block; width:100%; height:12px; overflow:hidden; word-break:break-all; word-wrap:break-word;}

/* 
=========================================================================
🌈 [Global UI] 탭 메뉴 리퀴드 글래스 (현상 유지)
=========================================================================
*/
.gr-liquid-tabs-wrap { display: flex !important; justify-content: center !important; margin: 20px auto 40px auto !important; position: relative !important; z-index: 50 !important; }
.gr-liquid-tabs-wrap .nav-pills { display: inline-flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 12px !important; padding: 10px 15px !important; border-radius: 60px !important; background: rgba(245, 247, 250, 0.4) !important; backdrop-filter: blur(20px) saturate(120%) !important; -webkit-backdrop-filter: blur(20px) saturate(120%) !important; border: 1px solid rgba(255, 255, 255, 0.8) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 15px 35px rgba(0, 0, 0, 0.05) !important; }
.gr-liquid-tabs-wrap .nav-pills .nav-link { border-radius: 50px !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 700 !important; color: #777 !important; background: transparent !important; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; }
.gr-liquid-tabs-wrap .nav-pills .nav-link:hover { color: #111 !important; background: rgba(255, 255, 255, 0.9) !important; transform: translateY(-2px) !important; }
.gr-liquid-tabs-wrap .nav-pills .nav-link.active { color: #fff !important; background: linear-gradient(135deg, rgba(0, 162, 255, 0.85), rgba(0, 102, 255, 0.95)) !important; box-shadow: 0 10px 25px rgba(0, 123, 255, 0.3) !important; transform: translateY(-2px) !important; }

/* 
=========================================================================
🏷️ [Global UI] 뱃지 시스템 (New, Hot, Notice, Secret)
=========================================================================
*/

/* 신규글 N 뱃지 (빨간색) */
.badge-new { 
    background-color: #fff1f0 !important; 
    color: #f5222d !important; 
    border: 1px solid #ffa39e !important; 
    font-size: 11px !important; 
    padding: 1px 5px !important; 
    border-radius: 4px !important; 
    font-weight: 800 !important; 
    display: inline-block !important; 
    margin-left: 5px !important; 
    line-height: 1.2 !important; 
    vertical-align: middle !important;
}

/* 인기글 H 뱃지 (노란색) */
.badge-hot { 
    background-color: #fffbe6 !important; 
    color: #faad14 !important; 
    border: 1px solid #ffe58f !important; 
    font-size: 11px !important; 
    padding: 1px 5px !important; 
    border-radius: 4px !important; 
    font-weight: 800 !important; 
    display: inline-block !important; 
    margin-left: 5px !important; 
    line-height: 1.2 !important; 
    vertical-align: middle !important;
}

/* 공지사항 뱃지 (파란색) */
.badge-notice { 
    background-color: #e6f7ff !important; 
    color: #00a2ff !important; 
    border: 1px solid #91d5ff !important; 
    font-size: 11px !important; 
    padding: 2px 8px !important; 
    border-radius: 6px !important; 
    font-weight: 800 !important; 
    display: inline-block !important; 
}

/* 비밀글 자물쇠 아이콘 */
.badge-secret { 
    color: #cbd5e0 !important; 
    font-size: 14px !important; 
    margin-left: 6px !important; 
    vertical-align: middle !important; 
}