@charset "utf-8"; 
/*.board_w { position:relative; width:100%; clear:both; }*/
.board_w { position:relative; width:1200px; clear:both; margin:0px auto; }
img { -webkit-perspective: 1; }

/* colgroup width */
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }

/* Board Search **********************************************************************************************************************************************************************************************/
.board_top_w { position:relative; width:100%; margin:20px 0px 10px; clear:both; }
.board_top_w p.text {line-height:40px; font-family: 'NGSB'; color:#333; }
.board_top_w p.text span { font-family: 'NGSB'; color:#004b8d; }
.sb_search { position:absolute; top:0px; right:0px; /* width:385px; */}
.sb_search select { width:100px; height:35px; line-height:35px; font-size:16px; vertical-align:middle; float:left; margin-right:5px; border:1px solid #ccc;}
.sb_search .sbs_ip { width:180px; height:35px; line-height:35px; font-size:16px; vertical-align:middle; float:left; margin-right:5px; padding:0 5px; color:#333; border:1px solid #ccc; background-color:#fff; }
.sb_search a.sbs_btn, 
.sb_search a.sbs_btn:visited,
.sb_search a.sbs_btn:hover,
.sb_search a.sbs_btn:active { display:block; width:50px; height:35px; line-height:35px; float:left; font-size:14px; font-family: 'NGSB'; text-align:center; color:#fff; background-color:#004b8d; }

/* Board **********************************************************************************************************************************************************************************************/
/* List */
.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
.sb_list .sb_table { clear:both; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0;border: 0; border-top: 1px solid #666;}
.sb_list .sb_table th { height:50px; line-height:50px; color:#333; font-size:17px; border-top:3px solid #004b8d; border-bottom:1px solid #e0e0e0; background-color:#fafafa; }
.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
.sb_list .sb_table td {white-space: nowrap; height:30px; overflow:hidden; padding:10px 5px; line-height:24px; font-size:17px; border-bottom:1px solid #e0e0e0; color:#666; }
.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
.sb_list .sb_table td a.notice, 
.sb_list .sb_table td a.notice:visited,
.sb_list .sb_table td a.notice:hover, 
.sb_list .sb_table td a.notice:active { color:#333; font-family: 'NGSB'; }
.sb_list .sb_table td a a {display: inline-block; overflow: hidden;width: 100%; max-width: 100%; text-overflow: ellipsis; white-space: nowrap;}

/* View */
.sb_view { position:relative; width:100%; clear:both; }
.sb_view .sv_table { width:99.5%; border-top:3px solid #004b8d; border-left:1px solid #e0e0e0; }
.sb_view .sv_table th { padding:10px 10px; height:30px; line-height:30px; font-family: 'NGSB'; font-size:14px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_view .sv_table td { padding:10px 15px; height:30px; line-height:30px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.sb_view a.file { padding:0; }
.sb_view .file_icon { padding:8px 5px 0px 0px; }
.sb_view span.down { color:#999; font-size:11px; }
.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

/* Form */
.sb_form { position:relative; width:100%; clear:both; }
.sb_form .sv_table { width:99.5%; border-top:3px solid #004b8d; border-left:1px solid #e0e0e0; }
.sb_form .sv_table th { padding:10px 10px; height:30px; line-height:30px; font-family: 'NGSB'; font-size:14px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_form .sv_table td { padding:10px 15px; height:30px; line-height:30px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.sb_form .sv_table td.con { padding:20px 10px; }
.sb_form .sv_table td input { vertical-align:middle; }

/* Web Zine */
.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #004b8d; }
.sb_list ul.web_zine_w li { position:relative; width:31%; height:400px; margin:20px 1%}
.sb_list ul.web_zine_w li p.wz_img { width:225px; height:180px; margin-right:3%; float:left; }
.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:180px; border:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li dl { position:relative; width:65%; float:left; }
.sb_list ul.web_zine_w li dl dt { font-size:18px; color:#333; padding:15px 0px; font-family: 'NGSB'; }
.sb_list ul.web_zine_w li dl dd.con { font-size:14px; color:#666; line-height:24px; }

/* Gallery */
.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #004b8d; border-bottom:1px solid #000; padding: 0 0 30px 0}
.sb_gall .sp_table { position:relative; width:100%; padding:0;}
.sb_gall .sp_table dl { position:relative; width:23%; padding:30px 1% 10px 1%; float:left; }
.sb_gall .sp_table dl dt { position:relative; width:100%; height:245px; overflow:hidden; padding:2px; border:1px solid #e0e0e0; text-align:center;}

.sb_gall .sp_table dl dt img { max-width: 100%; width:auto; height:100%; vertical-align:middle; text-align:center;}
.sb_gall .sp_table dl dd { position:relative; width:auto; padding-top:15px; height:30px; font-size:14px; text-align:center; color:#666; font-family: 'NGSB'; }
.sb_gall .sp_table dl dd span { display:block; }

/* FAQ */
.sb_list ul.faq { position:relative; width:100%; border-top:1px solid #444; }
.sb_list ul.faq li { position:relative; width:100%; border-bottom:1px solid #e5e5e5; }
.sb_list ul.faq li p.faq_q a { font-size:15px; padding:15px 15px 15px 60px; line-height:24px; display:block; background:url("/home/images/board/q.gif") no-repeat 20px 10px; }
.sb_list ul.faq li div.faq_a { font-size:15px; padding:15px 15px 15px 60px; line-height:24px; border-top:1px solid #e5e5e5; background-color:#f8f9fa; }
.sb_list ul.faq li div.faq_a div.icon { min-height:22px; line-height:24px; color:#a3432f; padding-left:40px; background:url("/home/images/board/a.gif") no-repeat left top; }
.sb_list ul.faq li.none { text-align:center; padding:50px 0px; font-size:14px; color:#666; }


/* Board Button **********************************************************************************************************************************************************************************************/
.sb_btn_w { position:relative; width:100%; height:35px; margin:20px 0px 0px 0px; clear:both; }
.sb_btn_w .sb_btn { float:right; }
.sb_btn_w .sb_btn p.b_btn_on { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#004b8d; }
.sb_btn_w .sb_btn p.b_btn_on a { font-size:14px; font-family: 'NGSB'; color:#fff; padding:0 15px; display:block; }

.sb_btn_w .sb_btn p.b_btn_off { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#444; }
.sb_btn_w .sb_btn p.b_btn_off a { font-size:14px; font-family: 'NGSB'; color:#fff; padding:0 15px; display:block; }

.sb_btn_w .sb_btn button { margin:7px 1px 0px 1px; overflow:visible; display:inline-block; text-decoration:none !important; text-align:center; white-space:nowrap; cursor:pointer; }
.sb_btn_w .sb_btn button.btn_gray,
.sb_btn_w .sb_btn button.btn_gray:visited { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#444; font-size:15px; font-family: 'NGSB'; color:#fff; padding:0 15px; display:block; }
.sb_btn_w .sb_btn button.btn_gray:hover,
.sb_btn_w .sb_btn button.btn_gray:active { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#444; font-size:15px; font-family: 'NGSB'; color:#fff; padding:0 15px; display:block; }
.sb_btn_w .sb_btn button.btn_gray:focus { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#444; font-size:15px; font-family: 'NGSB'; color:#fff; padding:0 15px; display:block; }

/* Board Page **********************************************************************************************************************************************************************************************/
.sb_page { margin:40px 0px 20px 0px; text-align:center; clear:both; }
.sb_page a, .sb_page em, .sb_page img, .sb_page span { display:inline-block; vertical-align:top; }
.sb_page a { border:1px solid #d6d6d6;}
.sb_page .no_on  a { border:none;}
.sb_page ol li { padding:0px 1px; }
.sb_page .no_off a { font-family: 'NGSB'; width:29px; height:34px; font-size:16px; line-height:28px; color:#666; background:url("../images/board/no_bg.gif") no-repeat; }
.sb_page .no_on a { font-family: 'NGSB'; width:29px; height:34px; font-size:16px; line-height:28px; color:#004b8d; text-decoration:underline; background:url("../images/board/no_on_bg.gif") no-repeat; }
.m_sb_page { display:none; }

/* Search **********************************************************************************************************************************************************************************************/
.sc_search_w { position:relative; width:100%; clear:both; }
.sc_search_w .sc_st {position:relative; width:45%; height:26px; padding:15px 27%; border:1px solid #e4e4e4; background-color:#fafafa;}
.sc_search_w .sc_st .sbs_ip {width:78%; height:26px; padding:0 5px; font-size:13px; line-height:23px; border:1px solid #e4e4e4; vertical-align:middle; float:left; margin-right:5px;}
.sc_search_w .sc_st a.sbs_btn, 
.sc_search_w .sc_st a.sbs_btn:visited,
.sc_search_w .sc_st a.sbs_btn:hover,
.sc_search_w .sc_st a.sbs_btn:active {width:15%; height:28px; display:block; font-size:13px; text-align:center; color:#fff; line-height:28px; float:left; background-color:#004b8d; font-family: 'NGSB'; }

.sc_search_w .search_list_w { position:relative; width:100%; }
.sc_search_w .search_list_w h4 { min-height:40px; line-height:40px; padding-left:36px; font-size:18px; color:#333; font-family: 'NGSB'; margin:30px 0 10px 0; background:url("../images/sub/icon02.gif") no-repeat left top; }

.sc_search_w .search_list_w .search_list {padding:15px 0 15px 15px; border-top:3px solid #004b8d; border-bottom:1px solid #e4e4e4;}
.sc_search_w .search_list_w .search_list li { min-height:26px; line-height:26px; padding-left:16px; font-size:16px; color:#333; font-family: 'NGSB'; background:url("../images/sub/icon03.gif") no-repeat left 9px;}
.sc_search_w .search_list_w .search_list li a {display:block;}
.sc_search_w .search_list_w .search_list li span { color:#004b8d;}

.sc_search_w .search_list_w .search_list02 {padding:15px 0 15px 15px; border-top:3px solid #004b8d; border-bottom:1px solid #e4e4e4;}
.sc_search_w .search_list_w .search_list02 dl { padding:10px 0; }
.sc_search_w .search_list_w .search_list02 dl dt { min-height:26px; line-height:26px; padding-left:16px; font-size:16px; color:#333; font-family: 'NGSB'; background:url("../images/sub/icon03.gif") no-repeat left 9px;}
.sc_search_w .search_list_w .search_list02 dl dt span { color:#004b8d;}
.sc_search_w .search_list_w .search_list02 dl dt span.date { color:#666; padding-left:10px;}
.sc_search_w .search_list_w .search_list02 dl dd { font-size:12px; color:#0a0817; padding:10px 0px 5px 15px; line-height:20px;}
.sc_search_w .search_list_w .search_list02 dl dd span { color:#004b8d;}


/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* tablet device *******************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
@media all and (min-width:641px) and (max-width:1240px) { 
.board_w { position:relative; width:100%; clear:both; padding:0px; }

/* Board Search **********************************************************************************************************************************************************************************************/
/*
.board_top_w { position:relative; width:100%; height:60px; margin:20px 0px 40px 0px; clear:both; }
.board_top_w p.text { font-size:16px; line-height:18px; font-family: 'NGSB'; color:#333; text-align:right; }
.board_top_w p.text span { font-size:16px; font-family: 'NGSB'; color:#004b8d; }
.sb_search { position:absolute; top:35px; right:0px; width:50%; text-align:right; border:1px solid #000;}
.sb_search select { width:29%;}
.sb_search .sbs_ip { width:44%;}
.sb_search a.sbs_btn, 
.sb_search a.sbs_btn:visited,
.sb_search a.sbs_btn:hover,
.sb_search a.sbs_btn:active { display:block;}
*/


/* Board **********************************************************************************************************************************************************************************************/
/* List */

.bd_num, .bd_hit{display:none;}
.sb_list .sb_table td.bd_title a{display: inline-block; overflow: hidden; width: 100%; max-width: 100%;  text-overflow: ellipsis; white-space: nowrap;}
.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
.sb_list .sb_table { clear:both; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0;border: 0; border-top: 1px solid #666;}
.sb_list .sb_table th { height:45px; line-height:45px; color:#333; font-size:14px; border-top:3px solid #004b8d; border-bottom:1px solid #e0e0e0; background-color:#fafafa; }
.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
.sb_list .sb_table td {padding:10px 5px; line-height:18px; font-size:14px; border-bottom:1px solid #e0e0e0; color:#666; }
.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
.sb_list .sb_table td a.notice, 
.sb_list .sb_table td a.notice:visited,
.sb_list .sb_table td a.notice:hover, 
.sb_list .sb_table td a.notice:active { color:#333; font-family: 'NGSB'; }

/* View */
.sb_view { position:relative; width:100%; clear:both; }
.sb_view .sv_table { width:100%; border-top:3px solid #004b8d; border-left:1px solid #e0e0e0; }
.sb_view .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-family: 'NGSB'; font-size:14px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_view .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.sb_view a.file { padding:0; }
.sb_view .file_icon { padding:2px 5px 0px 0px; }
.sb_view span.down { color:#999; font-size:11px; }
.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

/* Form */
.sb_form { position:relative; width:100%; clear:both; }
.sb_form .sv_table { width:100%; border-top:3px solid #004b8d; border-left:1px solid #e0e0e0; }
.sb_form .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-family: 'NGSB'; font-size:14px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_form .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.sb_form .sv_table td.con { padding:20px 10px; }
.sb_form .sv_table td input { vertical-align:middle; }

/* Web Zine */
.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #004b8d; }
.sb_list ul.web_zine_w li { position:relative; width:100%; min-height:155px; height:100%; padding:2% 20px; border-bottom:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li p.wz_img { width:31%; height:100%; min-height:150px; margin-right:3%; float:left; }
.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:100%; min-height:150px; border:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li dl { position:relative; width:59%; float:left; }
.sb_list ul.web_zine_w li dl dt { font-size:14px; color:#333; padding:2% 0px; font-family: 'NGSB'; }
.sb_list ul.web_zine_w li dl dd.con { font-size:12px; color:#666; line-height:24px; }

/* Gallery */
.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #004b8d; border-bottom:1px solid #000;}
.sb_gall .sp_table { position:relative; width:98%; padding:0 1%; }
.sb_gall .sp_table dl { position:relative; width:33%; padding:30px 1% 10px 1%; float:left; }
.sb_gall .sp_table dl dt { position:relative; width:100%; height:250px; padding:2px; border:1px solid #e0e0e0; }
/*.sb_gall .sp_table dl dt img { width:100%; height:148px; }*/
.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; height:30px; font-size:12px; text-align:center; color:#666; font-family: 'NGSB'; }
.sb_gall .sp_table dl dd span { display:block; }

/* FAQ */
.sb_list ul.faq { position:relative; width:100%; border-top:1px solid #444; }
.sb_list ul.faq li { position:relative; width:100%; border-bottom:1px solid #e5e5e5; }
.sb_list ul.faq li p.faq_q a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; display:block; background:url("../images/board/q.gif") no-repeat 20px 10px; }
.sb_list ul.faq li div.faq_a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; border-top:1px solid #e5e5e5; background-color:#f8f9fa; }
.sb_list ul.faq li div.faq_a div.icon { min-height:22px; line-height:18px; color:#a3432f; padding-left:40px; background:url("../images/board/a.gif") no-repeat left top; }
.sb_list ul.faq li.none { text-align:center; padding:50px 0px; font-size:14px; color:#666; }

/* Board Page **********************************************************************************************************************************************************************************************/
.sb_page { display:none; }
.m_sb_page { display:block; position:relative; width:100%; text-align:center; margin-top:30px; clear:both; border:1px solid #e0e0e0; background-color:#fafafa; clear:both; }
.m_sb_page ul li { width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; }
.m_sb_page ul li strong { color:#004b8d; }
.m_sb_page ul li.prev { position:absolute; top:0px; left:0px; width:80px; height:40px; line-height:38px; text-align:left; background-color:#fff; border-right:1px solid #e0e0e0; }
.m_sb_page ul li.prev a { display:block; padding-left:20px; background:url("../images/board/pl.gif") no-repeat 15px 15px; }
.m_sb_page ul li.next { position:absolute; top:0px; right:0px; width:80px; height:40px; line-height:38px; text-align:right; background-color:#fff; border-left:1px solid #e0e0e0; }
.m_sb_page ul li.next a { display:block; padding-right:20px; background:url("../images/board/pr.gif") no-repeat 60px 15px; }

 }



/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* mobile device ******************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
@media all and (min-width:320px) and (max-width:640px) { 
.board_w { position:relative; width:100%; clear:both; padding:0px; }

/* Board Search **********************************************************************************************************************************************************************************************/
/*
.board_top_w { position:relative; width:100%; height:60px; margin:15px 0px; clear:both; }
.board_top_w p.text { font-size:14px; line-height:18px; font-family: 'NGSB'; color:#333; text-align:right; }
.board_top_w p.text span { font-size:14px; font-family: 'NGSB'; color:#004b8d; }
.sb_search { position:absolute; top:30px; right:0px; width:80%; }
*/
.sb_search2 { position:absolute; top:30px; right:80%; width:20%; }
.sb_search2 select { width:98%; height:28px; line-height:28px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; }

/* Board ******************************************************************************************************************************************************************************************************/
/* List */

.sb_list, .sb_table, .sb_table thead, .sb_table tbody, .sb_table th, .sb_table td, .sb_table tr { display:block; }
		.sb_list { position:relative; width:100%; clear:both; margin-top:20px; border-top:2px solid #474747; font-size:14px; border-collapse:collapse; }
		.sb_list .sb_table thead tr { position:absolute; top:-9999px; left:-9999px; }
		.sb_list .sb_table tr { position:relative; border-bottom:1px solid #e5e5e5; border-top:none; }
		.sb_list .sb_table td { position:relative; padding:5px 0px; line-height:18px; font-weight:normal; color:#777; border:none; text-align:left!important; height:14px; font-size:15px;}
		.sb_list .sb_table td a { display:block; color:#2b2b2b !important; font-size:16px !important; line-height:22px !important; }
		.sb_list .sb_table td a img { padding-left:8px; vertical-align:-4px; }
		.sb_list .sb_table td.list_tdc { text-align:left; }
		.sb_list .sb_table .board_no { position:absolute; left:10px; top:10px; width:50px; text-align:center; }
		.sb_list .sb_table .notice { font-size:14px; color:#fff; padding:2px 5px; background-color:#fa6319; border-radius:5px; }
		.sb_list tr:nth-child(2n) { background-color:#f8f8f8; }
		.sb_list tr:nth-child(2n+1) { background-color:#fff; }
		.sb_list tr { width:90%; padding:10px 5%; }


/* View */
.sb_view { position:relative; width:100%; clear:both; }
.sb_view .sv_table { width:100%; border-top:3px solid #004b8d; border-left:1px solid #e0e0e0; }
.sb_view .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-family: 'NGSB'; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_view .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.sb_view a.file { padding:0; }
.sb_view .file_icon { padding:2px 5px 0px 0px; }
.sb_view span.down { color:#999; font-size:11px; }
.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

/* Form */
.sb_form { position:relative; width:100%; clear:both; }
.sb_form .sv_table { width:100%; border-top:3px solid #004b8d; border-left:1px solid #e0e0e0; }
.sb_form .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-family: 'NGSB'; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_form .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; height:14px;}
.sb_form .sv_table td.con { padding:20px 10px; }
.sb_form .sv_table td input { vertical-align:middle; }


.sc_search_w .sc_st a.sbs_btn, 
.sc_search_w .sc_st a.sbs_btn:visited,
.sc_search_w .sc_st a.sbs_btn:hover,
.sc_search_w .sc_st a.sbs_btn:active { font-size:14px; }
.sb_search select { font-size:14px;}

/* Web Zine */
.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #004b8d; }
.sb_list ul.web_zine_w li { position:relative; width:100%; min-height:95px; height:100%; padding:3% 1%; border-bottom:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li p.wz_img { width:25%; height:100%; min-height:95px; margin-right:3%; float:left; }
.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:100%; min-height:95px; border:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li dl { position:relative; width:65%; float:left; }
.sb_list ul.web_zine_w li dl dt { font-size:14px; color:#333; padding:2% 0px; font-family: 'NGSB'; }
.sb_list ul.web_zine_w li dl dd.con { color:#666; line-height:20px; }

/* Gallery */
.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #004b8d; border-bottom:1px solid #000;}
.sb_gall .sp_table { position:relative; width:98%; padding:20px 1% 10px 1%; }
.sb_gall .sp_table dl { position:relative; width:50%; padding:10px 2%; float:left; }
.sb_gall .sp_table dl dt { position:relative; width:100%; height:250px; padding:2px; border:1px solid #e0e0e0; }
/*.sb_gall .sp_table dl dt img { width:100%; height:158px; }*/
.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; height:30px; text-align:center; color:#666; font-family: 'NGSB'; }
.sb_gall .sp_table dl dd span { display:block; }

/* FAQ */
.sb_list ul.faq { position:relative; width:100%; border-top:1px solid #444; }
.sb_list ul.faq li { position:relative; width:100%; border-bottom:1px solid #e5e5e5; }
.sb_list ul.faq li p.faq_q a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; display:block; background:url("../images/board/q.gif") no-repeat 20px 10px; }
.sb_list ul.faq li div.faq_a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; border-top:1px solid #e5e5e5; background-color:#f8f9fa; }
.sb_list ul.faq li div.faq_a div.icon { min-height:22px; line-height:18px; color:#a3432f; padding-left:40px; background:url("../images/board/a.gif") no-repeat left top; }
.sb_list ul.faq li.none { text-align:center; padding:50px 0px; font-size:14px; color:#666; }

/* Board Page **********************************************************************************************************************************************************************************************/
.sb_page { display:none; }
.m_sb_page { display:block; position:relative; width:100%; text-align:center; margin-top:30px; clear:both; border:1px solid #e0e0e0; background-color:#fafafa; clear:both; }
.m_sb_page ul li { width:100%; height:40px; line-height:40px; text-align:center; }
.m_sb_page ul li strong { color:#004b8d; }
.m_sb_page ul li.prev { position:absolute; top:0px; left:0px; width:80px; height:40px; line-height:38px; text-align:left; background-color:#fff; border-right:1px solid #e0e0e0; }
.m_sb_page ul li.prev a { display:block; padding-left:20px; background:url("../images/board/pl.gif") no-repeat 15px 15px; }
.m_sb_page ul li.next { position:absolute; top:0px; right:0px; width:80px; height:40px; line-height:38px; text-align:right; background-color:#fff; border-left:1px solid #e0e0e0; }
.m_sb_page ul li.next a { display:block; padding-right:20px; background:url("../images/board/pr.gif") no-repeat 60px 15px; }

/* Board Button **********************************************************************************************************************************************************************************************/
/*
.sb_btn_w { position:relative; width:100%; height:30px; margin:20px 0px 0px 0px; clear:both; }
.sb_btn_w .sb_btn { float:right; }
.sb_btn_w .sb_btn p.b_btn_on { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#004b8d; }
.sb_btn_w .sb_btn p.b_btn_on a { font-family: 'NGSB'; color:#fff; padding:0 10px; display:block; }

.sb_btn_w .sb_btn p.b_btn_off { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#333; }
.sb_btn_w .sb_btn p.b_btn_off a { font-family: 'NGSB'; color:#fff; padding:0 10px; display:block; }
*/

/* Search **********************************************************************************************************************************************************************************************/
.sc_search_w { position:relative; width:100%; clear:both; }
.sc_search_w .sc_st {position:relative; width:89%; height:26px; padding:15px 5%; border:1px solid #e4e4e4; background-color:#fafafa; }
.sc_search_w .sc_st label {width:23%; line-height:26px; color:#004b8d; font-family: 'NGSB'; display:block; float:left;}
.sc_search_w .sc_st .sbs_ip {width:50%; height:26px; padding:0 5px; font-size:13px; line-height:23px; border:1px solid #e4e4e4; vertical-align:middle; float:left; margin-right:5px; background-color:#fff; }
.sc_search_w .sc_st a.sbs_btn, 
.sc_search_w .sc_st a.sbs_btn:visited,
.sc_search_w .sc_st a.sbs_btn:hover,
.sc_search_w .sc_st a.sbs_btn:active {width:15%; height:28px; display:block; font-size:13px; text-align:center; color:#fff; line-height:28px; float:left; background-color:#004b8d; font-family: 'NGSB'; }
 }

/* 2019 추가 */
@media all and (max-width:520px){
	/* Board Search */
	.board_top_w { position:relative; width:100%; height:60px; margin:15px 0px; clear:both; }
	.board_top_w p.text { font-size:14px; line-height:18px; font-family: 'NGSB'; color:#333; text-align:right; }
	.board_top_w p.text span { font-size:14px; font-family: 'NGSB'; color:#004b8d; }
	.sb_search { position:absolute; top:30px; right:0px; width:320px; }
	.sb_search .sbs_ip {width: 160px;}
 }
 
 @media all and (max-width:480px){
	.bd_num, .bd_hit, .bd_writer, .bd_date{display:none;}
 }

/* gallery-board */
.web_zine_w {margin:0 0 10px 0;}

#list_title {height:30px; background:#ccc; margin:0;}
#list_title p {width:26px; margin:0 auto; color:#fff; padding-top:7px;}

@keyframes abc {
	30%		{ transform:rotate(5deg);}
	60%		{ transform:rotate(-5deg);}
	100%	{ transform:rotate(0deg); }
}

@keyframes dis_on3{0%{ transform:rotate(0deg); }100%{ transform:rotate(-90deg); }}
@keyframes dis_on4{0%{ transform:rotate(-90deg); }100%{ transform:rotate(0deg); }}


.table_tr {width:100%; height:400px;margin:20px;font-size:14px;border:1px solid #ccc; /*animation: dis_on1 0.3s forwards ease-in-out;*/}
.table_tr:hover{/*animation: abc 0.3s forwards ease-in-out;*/}


.table_tr .list_inner{overflow:hidden;display:block;width:94%;padding:3% 0;margin:0 auto;}
.table_tr .list_inner .tit{font-size:18px;padding: 10px 0;}
.table_tr .list_inner .overview{font-size:16px;height:70px;overflow:hidden;margin: 10px 0;font-weight:lighter;}
.table_tr .list_inner .img{position:relative; display:block; width:100%; height:220px;animation: dis_on1 0.3s forwards ease-in-out; overflow:hidden;}
.table_tr .list_inner .img_in{display:block; width:100%; height:800px;}
.table_tr .list_inner .img_in img{width:100%; height: auto;}

#list_navi {width:100%;height:100px;clear:both;text-align:center;vertical-align:middle;line-height:85px;}
#list_navi span{padding:6px 11px 7px 11px;border:1px solid #ddd;margin-right:3px;}
.navi_table_td_active {padding:6px 11px 7px 11px;border:1px solid #00aeed;margin-right:3px;background-color:#00aeed;}
.navi_table_td_active a{color:#fff;}
/* modify.php */
.del_td {height:30px;}


@media screen and (min-width: 769px) and (max-width: 1280px) {
	.table_tr {width:274px;height:350px; float:left;margin:13px;font-size:14px;animation: dis_on1 0.3s forwards ease-in-out;}
	.table_tr:hover{animation: abc 0.3s forwards ease-in-out;}
	.table_tr .img{width:274px;height:174px;animation: dis_on1 0.3s forwards ease-in-out;}

	.table_tr ul{overflow:hidden;display:block;width:274px;border-top:1px solid #00aeed;}
	.table_tr ul .tit{font-size:17px;padding: 10px 0;color:#333;}
	.table_tr ul .overview{font-size:14px;height:65px;overflow:hidden;margin: 10px 0;color:#333;font-weight:lighter;}
}
@media screen and (min-width: 421px) and (max-width: 768px) {
	.read_table {width:640px;}
	.table_tr {width:286px;height:350px; float:left;margin:17px;font-size:14px;animation: dis_on1 0.3s forwards ease-in-out;}
	.table_tr:hover{animation: abc 0.3s forwards ease-in-out;}
	.table_tr .img{width:286px;height:174px;animation: dis_on1 0.3s forwards ease-in-out;}

	.table_tr ul{overflow:hidden;display:block;width:286px;border-top:1px solid #00aeed;}
	.table_tr ul .tit{font-size:17px;padding: 10px 0;color:#333;}
	.table_tr ul .overview{font-size:14px;height:65px;overflow:hidden;margin: 10px 0;color:#333;font-weight:lighter;}
}
@media screen and (min-width: 1px) and (max-width: 420px) {
	#wrapper {margin:0px auto; width:100%;}
	.read_table {width:100%;}
	.table_tr {width:90%;height:400px; float:left;margin:20px;font-size:14px;animation: dis_on1 0.3s forwards ease-in-out;}
	.table_tr:hover{animation: abc 0.3s forwards ease-in-out;}
	.table_tr .img{width:100%;height:220px;}

	.table_tr ul{overflow:hidden;display:block;width:90%;border-top:1px solid #00aeed;}
	.table_tr ul .tit{font-size:19px;padding: 10px 0;color:#333;}
	.table_tr ul .overview{font-size:16px;height:70px;overflow:hidden;margin: 10px 0;color:#333;font-weight:lighter;}
}