.pc_x { display:none;}
.mobile_o { display:none;}

@media all and (max-width:767px) { 
.mobile_x { display:none;}
.mobile_o { display:inline-block; float:right; font-size:13px; padding-right:30px;}
.pc_x { display:table-cell;}
}

#board { color:#555555; width:100%; margin:0 auto; font-size:1em; }
#board img { max-width:100%; height:100%;}

@media all and (max-width:1000px) { 
#board {font-size:0.95em;}
}


/* 버튼 */
#board .btn { display:inline-block; border:1px solid #ccc; background:#fff; color:#555; padding:5px 15px;}
#board .btn:hover { background-color:#f7f7f7; text-decoration:none !important;}
#board input.btn { cursor:pointer; _cursor:hand;}
#board .btn_em1 { border:1px solid #e94729; color:#e94729; font-weight:500;}
#board .btn_em1:hover { background:#e94729; color:#fff;}
#board .btn_em2 { border:1px solid #333; color:#333; font-weight:500;}
#board .btn_em2:hover { background:#333; color:#fff;}
#board .btn_s1 { font-size:12px; padding:2px 7px;}
#board .btn_co1 { border:1px solid #888; color:#555555;}
@media all and (max-width:767px) { 
#board .btn { font-size:13px; padding:3px 15px;}
}

.btn_s_56 { display:inline-block; background:url(../images/kor/bg_btn.gif) no-repeat -100px -60px; width:56px; height:16px; padding-top:5px; font-size:12px; color:#494949; font-weight:bold; text-align:center; letter-spacing:-0.05em; line-height:1.0em; }
.btn_s_56:hover { color:#000; position:relative; top:1px; text-decoration:none !important; }

.btn_n_66 { display:inline-block; background:url(../images/kor/bg_btn.gif) no-repeat left -90px; width:66px; height:19px; padding-top:6px; font-size:12px; color:#494949; font-weight:bold; text-align:center; letter-spacing:-0.05em; line-height:1.0em; }
.btn_n_66:hover { color:#000; position:relative; top:1px; text-decoration:none !important; }

.btn_n_66_input input { display:inline-block; background:url(../images/kor/bg_btn.gif) no-repeat left -90px; width:66px; height:25px; font-size:12px; color:#494949; font-weight:bold; letter-spacing:-0.05em; line-height:1.0em; position:relative; vertical-align:middle; border:0; cursor:pointer; _cursor:hand; }

/* 폼 */
#board .input_form { height:28px; line-height:28px; padding:3px 0 1px 3px; border-style:solid; border-width:1px; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f8f8f8; font-size:1em; }
#board .select_form, #board .input_select { padding:0 0 0 3px; height:20px; border-style:solid; border-width:1px; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f8f8f8; font-size:1em; }
#board .input_file { height:28px; border-style:solid; border-width:1px; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f8f8f8; font-size:1em; }
#board .textarea_form { border:1px solid #dbe1e7; font-size:1em; padding:3px 0 0 3px; color:#767676; background:#f8f8f8; width:95%; }


/* 게시판 상단 */
#board_top { position:relative; height:30px; margin-bottom:10px; }
#board_top .post_info { background:url(../images/kor/bg_total.gif) no-repeat left 9px; float:left; padding:5px 0 0 5px; color:#505050; font-size:0.95em; font-weight:500; }
#board_top .font_post { font-weight:normal; color:#858585; padding-left:10px; }
#board_top .search_info { float:right; margin-bottom:20px;}
#board_top .select_search { padding:3px 3px 3px 10px; min-width:70px; height:30px; border:1px solid #cecece; color:#555555; font-weight:500;}
#board_top .input_search { height:28px; min-width:120px; line-height:28px; padding-left:3px; border:1px solid #cecece; color:#555555;}
#board_top .btn_search input { background:#666; width:66px; height:30px; color:#fff; font-weight:500; border:0; cursor:pointer; _cursor:hand; }
@media all and (max-width:1000px) { 
#board_top { height:auto; margin-bottom:0; }
#board_top .post_info { display:none;}
#board_top .search_info { float:none; text-align:center; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; width:100%; padding:20px 0; background:#f9f9f9; }
}


/* 게시판 하단 */
.list_page { padding:15px 0; text-align:center; clear:both;}
.list_page .num { margin:0 3px; vertical-align:top; display:inline-block; width:34px; line-height:34px; color:#404040; text-align:center; font-size:14px;}
.list_page strong { margin:0 3px; vertical-align:top; display:inline-block; border:1px solid #e94729; border-radius:3px; width:32px; line-height:32px; color:#e94729; text-align:center; font-size:14px; }
.list_page .num:hover { color:#e94729; font-weight:500;}
.list_page .btn_first { margin:0 3px; vertical-align:top; display:inline-block; border:1px solid #ddd; border-radius:3px; width:32px; line-height:32px; text-indent:-9999px; background:url(../images/kor/btn_first.png) no-repeat center; background-size:80%;}
.list_page .btn_prev { margin:0 3px; vertical-align:top; display:inline-block; border:1px solid #ddd; border-radius:3px; width:32px; line-height:32px; text-indent:-9999px; background:url(../images/kor/btn_prev.png) no-repeat center; background-size:80%;}
.list_page .btn_next { margin:0 3px; vertical-align:top; display:inline-block; border:1px solid #ddd; border-radius:3px; width:32px; line-height:32px; text-indent:-9999px; background:url(../images/kor/btn_next.png) no-repeat center; background-size:80%;}
.list_page .btn_last { margin:0 3px; vertical-align:top; display:inline-block; border:1px solid #ddd; border-radius:3px; width:32px; line-height:32px; text-indent:-9999px; background:url(../images/kor/btn_last.png) no-repeat center; background-size:80%;}
#board_bottom .btn_board_bottom { padding-top:10px; height:50px; }
#board_bottom .btn_board_bottom li { float:left; padding-right:5px; }
#board_bottom .btn_board_bottom .li_right { float:right; padding-right:0; }
#board_bottom .btn_board_bottom_right { padding-top:10px; float:right; height:50px; }
#board_bottom .btn_board_bottom_right li { float:left; padding-left:5px; }


/* 기본 게시판 뷰 */
.table_board_read, .table_board_read th, .table_board_read td { border:0; box-sizing:border-box;}
.table_board_read { border-top:1px solid #303030; table-layout:fixed; width:100%;} /* 이미지 최대사이즈 */
.table_board_read .th { text-align:center; color:#2a2a2a; background:#f5f5f5; border-bottom:1px solid #d7d7d7; padding:9px 10px; }
.table_board_read .title { font-weight:500; color:#2a2a2a; }
.table_board_read .td { padding:9px 0 8px 20px; border-bottom:1px solid #d7d7d7; }
.table_board_read td a { color:#555555; }
.table_board_read td a:hover { text-decoration:underline; }
.table_board_read .td_con { padding:20px;}
.table_board_read .youtube_box { height:450px;}

/* 모바일 세로 */
@media all and (max-width:414px) { 
.table_board_read .th {width:25%;}
.table_board_read, .table_board_read th, .table_board_read td { font-size:13px;}
.table_board_read .youtube_box { height:250px;}
}

/* 뷰 - 하단 이전, 다음글 링크 */
.table_board_read_bottom, .table_board_read_bottom th, .table_board_read_bottom td { border:0; }
.table_board_read_bottom { border-top:1px solid #303030; table-layout:fixed; }
.table_board_read_bottom th { text-align:left; color:#2a2a2a; border-bottom:1px solid #d7d7d7; padding:9px 0 8px 20px; }
.table_board_read_bottom th img { vertical-align:middle;}
.table_board_read_bottom td { padding:9px 0 8px 20px; border-bottom:1px solid #d7d7d7; }
.table_board_read_bottom td a { color:#555555; }
.table_board_read_bottom td a:hover { text-decoration:underline; }

/**********************************************************/
/******************** 게시판 공통사항 끝 ********************/
/**********************************************************/


/* 일반게시판 */
.table_board_basic, .table_board_basic th, .table_board_basic td { border:0;}
.table_board_basic { table-layout:fixed; border-top:1px solid #000;}
.table_board_basic th { padding:10px; color:#181818; background:#fafafa; border-bottom:1px solid #a2a2a2; font-weight:500;}
.table_board_basic tbody tr:hover { background:#f7f7f7; transition: all .3s ease;}
.table_board_basic tbody td { background:none; }
.table_board_basic td { text-align:center; padding:15px 0 14px 0; border-bottom:1px solid #d7d7d7; }
.table_board_basic td a { color:#555555; }
.table_board_basic td a:hover { text-decoration:underline; }
.table_board_basic td .font_co1 { color:#ff4200; font-size:0.95em; font-weight:500;}
.table_board_basic .td_left { text-align:left; padding-left:15px; }
.table_board_basic .td_eng { font-family:verdana; font-size:0.95em; }
.table_board_basic .font_s_num { font-family:verdana; font-size:0.8em; font-weight:500; color:#000; letter-spacing:-0.1em;}
@media all and (max-width:414px) { 
.table_board_basic, .table_board_basic th, .table_board_basic td { font-size:13px;}
}




/* FAQ 게시판 (자주 묻는 질문) */
#faq_list .table_faq, .table_faq th, .table_faq td { border:0; font-size:1em; line-height:1.4em; }
#faq_list .table_faq { border-bottom:1px solid #d7d7d7; }
#faq_list .table_faq tr:hover { background:#f7f7f7; }
#faq_list .table_faq th { background:url(../design/04_comm/icon_q.gif) no-repeat 20px center; text-align:left; border-top:1px solid #d7d7d7; border-bottom:1px solid #fff; padding:10px 0 10px 50px; position:relative; }

@media all and (max-width:767px) { 
#faq_list .table_faq th { background:url(../design/04_comm/icon_q.gif) no-repeat 20px center; text-align:left; border-top:0; border-bottom:1px solid #fff; padding:15px 0 15px 50px; position:relative; }
}

#faq_list .table_faq th a { color:#2a2a2a; font-weight:bold; }
#faq_list .table_faq th a:hover { text-decoration:underline; }
#faq_list .table_faq td { background:url(../design/04_comm/icon_a.gif) no-repeat 50px 20px; text-align:left; padding:20px 20px 20px 80px; color:#555555; border-top:1px solid #d7d7d7; }
#faq_list .btn_faq { position:absolute; right:10px; }

/* 게시판 카테고리 탭형식 */
#board_tab { margin-bottom:20px; width:100%; border-left:1px solid #ddd;}
#board_tab > ul { display:table; table-layout:fixed; width:100%;}
#board_tab > ul > li { display:table-cell;}
#board_tab > ul > li > a { display:block; text-align:center; border:1px solid #ddd; border-left:none; padding:14px 0 13px 0; color:#666; font-size:16px; font-weight:bold;}
#board_tab > ul > li.on > a { background:#0073cf; border:1px solid #0073cf; color:#fff;}

@media all and (max-width:1000px) { 
#board_tab { border:1px solid #ddd; width:auto; padding:10px;}
#board_tab > ul { display:block; table-layout:auto;}
#board_tab > ul:after {display:block; clear:both; content:""; }
#board_tab > ul > li { display:inline-block; float:left;}
#board_tab > ul > li > a { padding:3px 10px; font-size:12px; border:none;}
#board_tab > ul > li.on > a { background:none; color:#0073cf; text-decoration:underline; border:none;}
}