@charset "utf-8";

.saoc-gn-board,
.saoc-gn-board-view { max-width:1100px; margin:0 auto; color:#4b4b4b; font-family:'Nanum Gothic','NanumGothic','Malgun Gothic',sans-serif; }
#bo_cate { margin:0 0 28px; padding:0; text-align:center; }
#bo_cate h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#bo_cate_ul { display:flex; justify-content:center; flex-wrap:wrap; gap:0; margin:0; padding:0; list-style:none; border:0; }
#bo_cate_ul li { margin:0; padding:0; }
#bo_cate_ul a { display:block; min-width:135px; padding:15px 24px; border:1px solid #ddd; border-left:0; color:#555; font-size:15px; line-height:1.2; background:#fff; text-decoration:none; box-sizing:border-box; }
#bo_cate_ul li:first-child a { border-left:1px solid #ddd; }
#bo_cate_ul a:hover,
#bo_cate_ul #bo_cate_on { color:#fff; background:#00babd; border-color:#00babd; }

.saoc-gn-board .tbl_wrap { overflow-x:auto; }
.saoc-gn-board table { width:100%; border-collapse:collapse; table-layout:fixed; border-top:2px solid #555; }
.saoc-gn-board caption { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.saoc-gn-board thead th { padding:16px 8px; border-bottom:1px solid #d9d9d9; color:#333; font-weight:700; font-size:15px; background:url(/gn/theme/smile/skin/board/basic/img/thead_bg.jpg) repeat-x left bottom #fff; }
.saoc-gn-board tbody td { padding:15px 8px; border-bottom:1px solid #e7e7e7; color:#666; font-size:14px; text-align:center; }
.saoc-gn-board .td_num { width:85px; }
.saoc-gn-board .td_category { width:150px; }
.saoc-gn-board .td_name { width:150px; }
.saoc-gn-board .td_subject { text-align:left; }
.saoc-gn-board .td_subject a { color:#333; text-decoration:none; }
.saoc-gn-board .td_subject a:hover { color:#00a8aa; }
.saoc-gn-board .saoc-new-badge { display:inline-block; margin-left:6px; padding:2px 6px; border-radius:2px; background:#00babd; color:#fff; font-size:11px; line-height:1.35; font-weight:700; vertical-align:middle; }
.saoc-gn-board .bo_cate_link { display:inline-block; color:#00a8aa; text-decoration:none; }
.saoc-gn-board .bo_notice td { background:#fafafa; }
.empty_table { padding:50px 0 !important; text-align:center !important; color:#999 !important; }

#bo_sch { margin:30px auto 0; padding:0; border:0; text-align:center; }
#bo_sch legend { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#bo_sch select,
#bo_sch .sch_input { height:38px; border:1px solid #ddd; color:#555; vertical-align:middle; box-sizing:border-box; }
#bo_sch .sch_input { width:220px; padding:0 10px; }
#bo_sch .sch_btn { height:38px; padding:0 22px; border:0; color:#fff; background:#555; vertical-align:middle; cursor:pointer; }
#bo_btn_top { margin:18px 0 0; text-align:right; }
.btn_bo_user { margin:0; padding:0; list-style:none; }
.btn_bo_user li { display:inline-block; }
.btn_b01,
.btn_b02 { display:inline-block; min-width:74px; padding:10px 14px; border:1px solid #555; color:#555; background:#fff; text-align:center; text-decoration:none; box-sizing:border-box; }
.btn_b02 { color:#fff; background:#00babd; border-color:#00babd; }

.saoc-gn-board-view #bo_v_title { margin:0; padding:18px 0 20px; border-top:2px solid #555; border-bottom:1px solid #d8d8d8; color:#333; font-size:18px; font-weight:700; line-height:1.45; background:url(/gn/theme/smile/skin/board/basic/img/thead_bg.jpg) repeat-x left bottom; }
.saoc-gn-board-view #bo_v_title .ca_name { color:#00a8aa; }
.saoc-gn-board-view #bo_v_info { padding:14px 0; border-bottom:1px solid #e5e5e5; color:#777; font-size:13px; }
.saoc-gn-board-view #bo_v_info h2,
.saoc-gn-board-view #bo_v_atc_title { position:absolute; font-size:0; line-height:0; overflow:hidden; }
.saoc-gn-board-view #bo_v_info strong { margin:0 14px 0 4px; color:#555; font-weight:400; }
.saoc-gn-board-view #bo_v_con { min-height:180px; padding:35px 0; color:#555; font-size:15px; line-height:1.8; text-align:left; }
.saoc-gn-board-view #bo_v_con img { max-width:100%; height:auto; display:block; margin:0 auto 18px; }
.saoc-gn-board-view #bo_v_top { margin:24px 0 0; text-align:right; }
.saoc-gn-board-view .bo_v_com { margin:0; padding:0; list-style:none; }
.saoc-gn-board-view .bo_v_com li { display:inline-block; margin-left:4px; }

#bo_w { max-width:1100px; margin:0 auto; color:#4b4b4b; font-family:'Nanum Gothic','NanumGothic','Malgun Gothic',sans-serif; }
#bo_w form { width:100% !important; max-width:1100px; margin:0 auto; box-sizing:border-box; }
#bo_w .write_div { margin-bottom:12px; }
#bo_w .frm_input,
#bo_w textarea,
#bo_w .cke,
#bo_w iframe,
#bo_w .smarteditor2 { max-width:100%; box-sizing:border-box; }
#bo_w .full_input { width:100%; }
#bo_w .wr_content { width:100%; overflow:hidden; }
#bo_w .btn_confirm { text-align:center; }

@media (max-width:760px) {
    #bo_cate_ul { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); }
    #bo_cate_ul a { min-width:0; padding:12px 8px; border:1px solid #ddd; margin:-1px 0 0 -1px; font-size:13px; }
    .saoc-gn-board .pc,
    .saoc-gn-board-view .pc { display:none !important; }
    .saoc-gn-board .td_category { width:92px; }
    .saoc-gn-board tbody td { padding:13px 6px; font-size:13px; }
    .saoc-gn-board .td_subject { word-break:keep-all; }
    .saoc-gn-board-view #bo_v_title { font-size:16px; }
    #bo_w { width:auto; margin-left:0; margin-right:0; }
    #bo_w form { padding:0 8px; }
}