@charset "utf-8";
/* ------------------------------------------------------------------ 제품 게시판 1 - 공통 ------------------------------------------------------------------ */

/* board button */
.borad_btn_wrap { float:left; width:100%; margin-top:20px; clear:both; }
.borad_btn_wrap a { display:block; text-align:center; }
.borad_btn_wrap a:hover { text-decoration:underline; }
.borad_btn_list { width:28px; height:33px; line-height:33px; margin:0 auto; padding:0 21px; border:1px solid #dddddd; background:#fafafa; color:#333 !important; }
.borad_btn_selmodify { margin-right:10px; }
.borad_btn_selmodify, .borad_btn_seldelect { float:left; height:33px; line-height:33px; padding:0 16px; border:1px solid #dddddd; background:#fafafa; }
.borad_btn_reple, .borad_btn_delect, .borad_btn_modify { float:right; height:33px; line-height:33px; margin-right:10px; padding:0 16px; border:1px solid #dddddd; background:#fafafa; }
.borad_btn_write { float:right; height:35px; line-height:35px; padding:0 16px; background:#333; color:#fff !important; }

/* ------------------------------------------------------------------ 제품 게시판 1 - 리스트 ------------------------------------------------------------------ */

.empty_list { border:none !important;}

/* 게시글 수, 페이지 위치 */
.post_num { float:right; padding:0 0 10px 0; }

/* 탭메뉴 */
.product1_tabmenu { width:100%; padding:20px 0; clear:both; text-align:center;}
.product1_tabmenu ul{display:inline-block; zoom:1; *display:inline; _display:inline; }
.product1_tabmenu ul li { display:inline-block; *display:inline; _display:inline; zoom:1; margin:0 0 10px 10px; text-align:center; vertical-align:top; }
.product1_tabmenu ul li:first-child a { margin-left:0; }
.product1_tabmenu ul li a { display:block; height:32px; line-height:32px; padding:0 40px; border:1px solid #001b32; font-family:'Noto Sans regular', Noto Sans regular, 'Sans-serif', Sans-serif; font-size:15px; color:#333; text-align:center;}
.product1_tabmenu ul li a.on, .product1_tabmenu ul li a:hover { background:#213d79; color:#fff; }

/* 리스트 */
.post_chk { position:absolute; top:10px; left:10px; width:16px; height:16px; z-index:30; }
.product1_list_wrap{padding:20px 0; font-family:'Noto Sans regular', Noto Sans regular, 'Sans-serif', Sans-serif; font-size:15px;}
.product1_list { float:left; width:100%; font-family:'Noto Sans regular', Noto Sans regular, 'Sans-serif', Sans-serif; }
.product1_allsel { float:left; padding:0 0 10px 0; }
.product1_allsel input, .product1_allsel label { float:left; }
.product1_allsel input { width:16px; height:16px; }
.product1_allsel label { margin:0px 0 0 6px; font-size:15px; }
.product1_ul { float:left; position:relative; width:100%; clear:both; list-style:none;}
.product1_ul li { position:relative; float:left; width:260px; margin:40px 0 0 20px; background:#fff; border:1px solid #ccc; box-sizing: border-box;  }
.product1_ul li:first-child, .product1_ul li:nth-child(2), .product1_ul li:nth-child(3), .product1_ul li:nth-child(4) {margin-top:0;}
.product1_ul li:first-child, .product1_ul li:nth-child(5), .product1_ul li:nth-child(9), .product1_ul li:nth-child(13) {margin-left:-0; clear:both;}
.product1_ul li a, .product1_ul li a img { display:block; position:relative; }
.product1_ul li a:hover > div.item_sbj{text-decoration:underline;}
.product1_ul li div.item_sbj{padding:10px 0; border-top:1px solid #ccc; text-align:center; min-height:42px;}

/* 검색창 */
.board_search_wrap { display:block; height:34px; padding:20px 0; text-align:center; clear:both; float:none !important; }
.board_search_wrap select, .board_search_wrap input, .board_search_wrap a { display:inline-block; *display:inline; _display:inline; zoom:1; }
.board_search_wrap select, .board_search_wrap input { border:1px solid #ccc; }
.board_search_wrap select { width:90px; padding:6px 4px; }
.board_search_wrap input { width:164px; height:30px; line-height:30px; margin:0 5px 0 10px; padding-left:4px; }
.board_search_wrap a { height:30px; line-height:30px; padding:0 14px; background:#5c5c5d; color:#fff; }
.board_search_wrap a:hover { text-decoration:underline; }

/* 페이지 넘버링 */
.board_num_wrap { display:block; height:34px; padding-top:20px; font-size:0; text-align:center; clear:both; float:none !important; }
.board_num_wrap ul { display:inline-block; *display:inline; _display:inline; zoom:1; }
.board_num_wrap ul li { float:left; }
.board_num_wrap ul li.fst { margin-left:0px; }
.board_num_wrap ul li a, .board_num_wrap ul li span { display:inline-block; *display:inline; _display:inline; zoom:1; height:22px; line-height:22px; padding:5px 11px; border-top:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; font-size:15px; color:#1f2122; text-align:center; vertical-align:top; }
.board_num_wrap ul li:first-child a, .board_num_wrap ul li:first-child span { border-left:1px solid #e7e7e7; }
.board_num_wrap ul li.selected span, .board_num_wrap ul li a:hover { height:22px; background:#eee; font-family:'Noto Sans medium', Noto Sans medium, 'Sans-serif', Sans-serif; font-weight:normal; color:#333 !important; }
.board_perv { margin-right:12px; }
.board_next { margin-left:12px; }

/* ------------------------------------------------------------------ 제품 게시판 1 - 상세보기 ------------------------------------------------------------------ */

.product1_view_wrap{padding:20px 0; font-family:'Noto Sans regular', Noto Sans regular, 'Sans-serif', Sans-serif; font-size:15px;}
.view_tit { position:relative; width:100%; margin-bottom:20px; padding-bottom:26px; border-bottom:1px solid #ccc; }
.view_tit:after { display:block; visibility:hidden; clear:both; content:""; }
.view_tit_left { float:left; padding-top:56px; }
.view_tit_left a, .view_tit_left span, .view_tit_left div { float:left; }
.view_tit_left a, .view_tit_left span { display:block; padding-top:4px; font-size:15px; color:#6e6e6e; }
.view_tit_left a:hover { text-decoration:underline; }
.view_tit_left a{padding-top:8px;}
.view_tit_left span { padding-top:7px; padding-right:8px; padding-left:8px; }
.view_tit_left div { overflow:hidden; width:520px; font-size:24px; color:#333; font-family:'Noto Sans medium', Noto Sans medium, 'Sans-serif', Sans-serif; font-weight:normal; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.view_tit_right { position:absolute; top:-20px; right:0px; width:272px; height:135px; }
.view_tit_right img{width:100%; height:100%;}

.view_cont { float:left; width:100%; padding:50px 0 30px 0; font-size:15px; line-height:24px; clear:both; }
.view_cont_left{float:left; width:480px;}
.img_area { position:relative; display:block; width:100%; height:450px;}
.img_area > img{ width:100%; height:100%; }
.img_area a.btn_img{display:block; position:absolute; top:210px; width:26px; height:40px; text-indent:-9999px;}
.img_area a.btn_prev { background:url(img/btn_prev.png) no-repeat; left:20px; }
.img_area a.btn_prev:hover{ background:url(img/btn_prev_over.png) no-repeat; }
.img_area a.btn_next { background:url(img/btn_next.png) no-repeat; right:20px; }
.img_area a.btn_next:hover{ background:url(img/btn_next_over.png) no-repeat;}
.img_area ul.img_ol{margin-top:-30px; text-align:center; clear:both;}
.img_area ul.img_ol li{display:inline-block; *display:inline; _display:inline; margin-left:4px; zoom:1; text-align:center;}
.img_area ul.img_ol li:first-child{margin-left:0;}
.img_area ul.img_ol li a{display:block; width:12px; height:12px; background:url(img/icon_ol.png) no-repeat;}
.img_area ul.img_ol li a.ol_on, .img_area ul.img_ol li a:hover{background:url(img/icon_ol_on.png) no-repeat;}
.youtube_area{margin-top:20px;}

.view_cont_right{float:left; width:610px; margin-left:10px;}
.view_cont_right > div{float:left; width:100%; clear:both;}
.view_cont_right > div.detail_tit{padding-bottom:6px; border-bottom:1px solid #ccc; font-size:18px; font-family:'Noto Sans medium', Noto Sans medium, 'Sans-serif', Sans-serif; font-weight:normal;}
.view_cont_right > div.detail_cont{margin:20px 0; min-height:314px;}
.view_cont_right > div.detail_table{}
.view_cont_right > div.detail_table > div{float:left; padding:4px 0;}
.view_cont_right > div.detail_table > div.detail_table_th{width:20%; background:#eee; font-family:'Noto Sans medium', Noto Sans medium, 'Sans-serif', Sans-serif; font-weight:normal; text-align:center;}
.view_cont_right > div.detail_table > div.detail_table_td{width:78%; padding-left:2%}
.view_cont_right > div.detail_table > div.detail_table_td_keyword a{text-decoration:underline; color:#0000FF;}

/* 이전, 다음글 */
.board_preview_tbl { float:left; width:100%; margin-top:30px; border-collapse:collapse; border-spacing:0; table-layout:fixed; word-break:break-all; }
.board_preview_tbl tr th, .board_preview_tbl tr td { border:1px solid #dededf; vertical-align:middle; }
.board_preview_tbl tr:first-child th, .board_preview_tbl tr:first-child td { border-top:1px solid #3c3c3d; }
.board_preview_tbl tr:last-child th, .board_preview_tbl tr:last-child td { border-bottom:1px solid #3c3c3d; }
.board_preview_tbl tr th:first-child, .board_preview_tbl tr td:first-child { border-left:none; }
.board_preview_tbl tr th:last-child, .board_preview_tbl tr td:last-child { border-right:none; }
.board_preview_tbl tr th { padding:12px 0; background:#f9fafb; font-size:15px; color:#3c3c3d; font-weight:normal; text-align:center; }
.board_preview_tbl tr td { padding:11px 0 11px 16px; background:#fff; font-size:15px; text-align:left; }
.board_preview_tbl tr td a { overflow:hidden; display:block; width:660px; float:left; color:#3c3c3d; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.board_preview_tbl tr td a:hover { text-decoration:underline; }

/* ------------------------------------------------------------------ 제품 게시판 1 - 글쓰기 ------------------------------------------------------------------ */

.product1_write_wrap{padding:20px 0; font-family:'Noto Sans regular', Noto Sans regular, 'Sans-serif', Sans-serif; font-size:15px;}

/* 레이아웃 */
.board_tbl_write { float:left; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; word-break:break-all; }
.board_tbl_write tr th, .board_tbl_write tr td { border:1px solid #dededf; vertical-align:middle; }
.board_tbl_write tr:first-child th, .board_tbl_write tr:first-child td { border-top:2px solid #3c3c3d; }
.board_tbl_write tr:last-child th, .board_tbl_write tr:last-child td { border-bottom:1px solid #3c3c3d; }
.board_tbl_write tr th:first-child, .board_tbl_write tr td:first-child { border-left:none; }
.board_tbl_write tr th:last-child, .board_tbl_write tr td:last-child { border-right:none; }
.board_tbl_write tr th { padding:12px 0; background:#f9fafb; font-size:15px; font-family:'Noto Sans medium', Noto Sans medium, 'Sans-serif', Sans-serif; font-weight:normal; text-align:left; }
.board_tbl_write tr td { padding:11px 0 11px 16px; background:#fff; font-size:15px; text-align:left; }

/* 항목 */
.board_tbl_write th label { padding-left:20px; }
.board_tbl_write th label, .board_tbl_write th span { display:block; float:left; font-size:15px; }
.board_tbl_write th span.board_required { width:9px; padding:0 4px 0 17px; color:#f00; font-family:'Noto Sans medium', Noto Sans medium, 'Sans-serif', Sans-serif; font-weight:normal; }
.board_tbl_write th label.label_required { padding-left:0px !important; }
.board_tbl_write th a.img_adm { display:block; float:left; width:20px; height:20px; border:1px solid #ccc; background:#333; color:#fff; font-weight:normal; text-align:center; }
.board_tbl_write th a.img_add { margin:0 2px 0 8px; line-height:18px;}
.board_tbl_write th a.img_del{line-height:14px;}

/* 입력값 */
.board_tbl_write td input.input_st1 { float:left; height:28px; line-height:28px; padding-left:4px; border:1px solid #ccc; }
.board_tbl_write td input.input_st2{width:800px;}
.board_tbl_write td input.board_subject { width:360px;}
.board_tbl_write td select.board_category { float:left; min-width:188px; padding:4px 0; border:1px solid #ccc; }
.board_tbl_write td a.btn_category_set { display:block; float:left; height:31px; line-height:31px; margin-left:10px; padding:0 21px; border:1px solid #dddddd; background:#eee; color:#333 !important; }
.board_tbl_write td a.btn_category_set:hover { text-decoration:underline; }

/* 폼 안내글 */
.frm_info {display:block; padding:10px 0 5px 0; color:#5b747e; clear:both;}
.frm_info b{color:#f00;}

/* 버튼 */
.write_btn_wrap { display:block; height:34px; padding-top:30px; font-size:0; text-align:center; clear:both; float:none !important; }
.write_btn_wrap ul { display:inline-block; *display:inline; _display:inline; zoom:1; }
.write_btn_wrap ul li { float:left; margin-left:4px; }
.write_btn_wrap ul li:first-child { margin-left:0px; }
.write_btn_wrap ul li a { display:inline-block; *display:inline; _display:inline; zoom:1; font-size:15px; text-align:center; vertical-align:top; }
.write_btn_wrap ul li a:hover { text-decoration:underline; }
.write_btn_wrap ul li a.btn_write_fin { height:35px; line-height:35px; padding:0 16px; background:#333; color:#fff; }
.write_btn_wrap ul li a.btn_write_cancel { height:33px; line-height:33px; padding:0 15px; border:1px solid #ccc; background:#fafafa; color:#333; }

/* 게시판 댓글 */
#bo_vc { margin:0 0 20px; padding:20px 20px 10px; border:1px solid #e5e8ec; background:#f5f8f9; }
#bo_vc h2 { margin-bottom:10px; }
#bo_vc article { padding:0 0 10px; border-top:1px dotted #ccc; }
#bo_vc header { position:relative; padding:15px 0 5px; }
#bo_vc header .icon_reply { position:absolute; top:15px; left:-20px; }
#bo_vc .sv_wrap { margin-right:15px; }
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-family:'Noto Sans medium', Noto Sans medium, 'Sans-serif', Sans-serif; font-weight:normal; }
.bo_vc_hdinfo { display:inline-block; margin:0 15px 0 5px; }
#bo_vc h1 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#bo_vc a { color:#000; text-decoration:none; }
#bo_vc p { padding:0 0 5px; line-height:1.8em; }
#bo_vc p a { text-decoration:underline; }
#bo_vc p a.s_cmt { text-decoration:none; }
#bo_vc_empty { margin:0; text-align:center; padding:20px !important;}
#bo_vc #bo_vc_winfo { float:left; }
#bo_vc footer { zoom:1; }
#bo_vc footer:after { display:block; visibility:hidden; clear:both; content:""; }
.bo_vc_act { float:right; margin:0; list-style:none; zoom:1; }
.bo_vc_act:after { display:block; visibility:hidden; clear:both; content:""; }
.bo_vc_act li { float:left; margin-left:5px; }
#bo_vc_w { position:relative; margin:0 0 10px; padding:0 0 20px; border-bottom:1px solid #cfded8; }
#bo_vc_w h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#bo_vc_w #char_cnt { display:block; margin:0 0 5px; }
#bo_vc_sns { margin:0; padding:0; list-style:none; zoom:1; }
#bo_vc_sns:after { display:block; visibility:hidden; clear:both; content:""; }
#bo_vc_sns li { float:left; margin:0 20px 0 0; }
#bo_vc_sns input { margin:0 0 0 5px; }