@charset "utf-8";

/* 게시판 보기 */
.board_area { margin:0 auto; }
.board_area * { color:#5a5a5a; }
.board_area .board_secret {margin:0 auto;padding:100px 0 100px 30px; text-align: center; }
.board_area .board_view { border-top:1px solid #283e6c; margin-bottom:15px;  }
.board_area .board_view .subject { position:relative; padding:14px 120px 13px 20px; background-color:#f5f5f5; border-bottom:1px solid #d2d2d2; }
.board_area .board_view .subject span { line-height:15px; font-weight:bold; }
.board_area .board_view .subject .data { position:absolute; right:20px; top:0; font-size:11px; font-weight : bold; line-height:42px; }
.board_area .board_view .option { height:35px; border-bottom:1px solid #d2d2d2; }
.board_area .board_view .option .write { float:left; width:30%; margin-left:20px; font-size:12px; line-height:35px; }
.board_area .board_view .option .hit { float:left; width:30%; margin-left:20px; font-size:12px; line-height:35px; }
.board_area .board_view .option .add_file { float:right; width:20%; margin-right:20px; font-size:12px; line-height:35px; text-align:right; }
.board_area .board_view .option .add_file a,
.board_area .board_view .option .add_file a:hover { color:#f26521; font-size:12px; line-height:35px; font-weight:bold; }
.board_area .board_view .file_area { border-bottom:1px solid #d2d2d2; padding:10px 0 9px 0; display:none; }
.board_area .board_view .file_area .file { margin-left:20px; }
.board_area .board_view .file_area .file ul { margin:0; padding:0; }
.board_area .board_view .file_area .file li { float:left; list-style:none; width:21%; margin-right:4%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.board_area .board_view .file_area .file a,
.board_area .board_view .file_area .file a:hover { font-size:12px; line-height:20px; }
.board_area .board_view .content_area { padding:30px 20px; font-size:12px; line-height:20px; }

.board_area .board_review { min-height:75px; margin-bottom:10px; border:1px solid #d1d1d1; background-color:#f5f5f5; }
.board_area .board_review .write_area { position:relative; height:55px; margin:10px 10px 3px 10px; }
.board_area .board_review .write_area .textarea { margin-right:110px; }
.board_area .board_review .write_area .textarea textarea { width:98%; height:30px; padding:10px 1% 10px 1%; border:1px solid #d8d8d8; font-size:12px; line-height:20px; }
.board_area .board_review .write_area .btn_save { position:absolute; width:98px; height:53px; right:0; top:0; background-color:#4d4d4d; border:1px solid #767676; text-align:center; }
.board_area .board_review .write_area .btn_save a,
.board_area .board_review .write_area .btn_save a:hover { color:#ffffff; font-size:12px; line-height:53px; display:block; }

.board_area .board_review .write_area_no_member {}
.board_area .board_review .write_area_no_member .no_member_input {height:41px; border-bottom:1px solid #d1d1d1; padding:10px 10px 3px 10px;}
.board_area .board_review .write_area_no_member .no_member_input .title { float:left; padding:0 7px 0 15px; font-size:12px; line-height:30px; }
.board_area .board_review .write_area_no_member .no_member_input .input_area { float:left; width:130px; margin:4px 5px 0 0; }
.board_area .board_review .write_area_no_member .no_member_input .input_area .input {width:100%; height:20px; padding:0 1%; border:1px solid #cbcbcb; line-height:22px; color:#444444; font-size:12px;}
.board_area .board_review .write_area_no_member .no_member_random { height:70px; border-bottom:1px solid #d1d1d1; }
.board_area .board_review .write_area_no_member .no_member_random .random_code { float:left; margin:10px 0 0 25px; }
.board_area .board_review .write_area_no_member .no_member_random .random_code_input { float:left; margin:20px 0 0 5px; }
.board_area .board_review .write_area_no_member .no_member_random .random_code_input .input {width:98%; height:28px; padding:0 1%; border:1px solid #cbcbcb; line-height:22px; color:#797979; font-size:12px;}
.board_area .board_review .write_area_no_member .no_member_random .random_code_btn { float:left; margin:21px 0 0 10px; }

.board_area .board_review .write_list { margin:0 10px 8px 10px; }
.board_area .board_review .write_list ul { margin:0; padding:0; }
.board_area .board_review .write_list li { list-style:none; padding:14px 0 12px 0; background:url(../images/board_view_review_bg.png) repeat-x left top; }
.board_area .board_review .write_list li:first-child { background:none; }
.board_area .board_review .write_list .re_head { height:13px; margin:0 15px; }
.board_area .board_review .write_list .re_head .re_name { float:left; margin-right:10px; color:#323232; font-size:12px; line-height:13px; font-weight:bold; }
.board_area .board_review .write_list .re_head .re_data { float:left; margin-right:10px; font-size:11px; line-height:13px; }
.board_area .board_review .write_list .re_head .re_icon { float:right; }
.board_area .board_review .write_list .re_head .re_icon img { margin-left:3px; }
.board_area .board_review .write_list .re_content { margin:5px 15px 0; font-size:12px; line-height:18px; }

.board_area .board_list_navi { height:83px; border-top:1px solid #a4a6a8; border-bottom:1px solid #a4a6a8; }
.board_area .board_list_navi ul { margin:0; padding:0; }
.board_area .board_list_navi li { list-style:none; height:41px; background-color:#f9f9f9; border-top:1px solid #dbdcdd; }
.board_area .board_list_navi li:first-child { border-top:none }
.board_area .board_list_navi .title_prev { float:left; width:56px; margin:15px 0 0 19px; padding-left:20px; color:#323232; font-size:12px; font-weight:bold; background:url(../images/board_view_navi_prev.png) no-repeat left 2px; }
.board_area .board_list_navi .title_next { float:left; width:56px; margin:15px 0 0 19px; padding-left:20px; color:#323232; font-size:12px; font-weight:bold; background:url(../images/board_view_navi_next.png) no-repeat left 2px; }
.board_area .board_list_navi .list_navi_content { float:left; margin:15px 0 0 0; padding-left:12px; font-size:12px; background:url(../images/board_view_navi_content.png) no-repeat left 0; }
.board_area .board_list_navi .list_navi_content a,
.board_area .board_list_navi .list_navi_content a:hover { font-size:12px; }

/* 게시판 제목 영역 */
.board_subject_area { color:#323232; font-size:12px; }

/* 갤러리 */
.board_gallery { border-top:1px solid #283e6c; border-bottom:1px solid #d2d2d2; padding:20px 0 10px 0; }
.board_gallery ul { margin:0; padding:0; }
.board_gallery li { float:left; list-style:none; width:23%; margin:0 1%; }
.board_gallery .sum_photo { padding:3px; border:1px solid #d7d7d7;display: table-cell; vertical-align: middle; line-height: 0; }
.board_gallery .sum_photo img { width:100%; }
.board_gallery .sum_title { font-size:12px; padding:8px 0 20px; line-height:18px; text-align:center; }
.board_gallery .sum_title .board_subject_area { color:#3f3f3f; }

/* 갤러리 리스트 */
.board_gallery02 { margin:30px auto 0px;}
.board_gallery02 ul { margin:0px; padding:0px; }
.board_gallery02 li { list-style:none; float:left; width:245px; height:243px; }
.board_gallery02 li.type01 { width:237px; }
.board_gallery02 .img { width:235px; height:151px; margin-bottom:8px; border:1px solid #d3d3d3; text-align: center; }
.board_gallery02 .img img { margin:4px; }
.board_gallery02 .text01 { width:227px; height:44px; margin-left:5px; color:#646464; font-size:12px; line-height:18px; font-weight:bold; }
.board_gallery02 .text02 { width:227px; margin-left:5px; color:#646464; font-size:10px; }

/* 보도자료 */
.board_press { border-top:1px solid #283e6c; }
.board_press td { border-bottom:1px solid #e5e5e5; padding:18px 0; text-align:center; color:#666666; font-size:13px; }
.board_press .sum_photo { padding:3px; border:1px solid #d7d7d7; line-height: 0; }
.board_press .list_subject { margin:8px 20px 10px 22px; text-align:left; font-weight:bold; }
.board_press .list_subject .board_subject_area { color:#333333; font-size:16px; }
.board_press .list_content { margin:0 20px 4px 22px; color:#7e7e7e; font-size:12px; line-height:20px; text-align:left; }
.board_press .list_data { margin:0 20px 10px 22px; color:#646464; font-size:12px; text-align:left; }

/* FAQ */
.bui_faq_list { width:100%; margin-bottom:17px; border-top:1px solid #283e6c; }
.bui_faq_list ul { margin:0; padding:0; }
.bui_faq_list li { position:relative; list-style:none; width:100%; margin:12px 0 0; line-height:18px; background:#fff; border-bottom:1px solid #e3e3e3; cursor:pointer; }
.bui_faq_list .col_no { position:absolute; width:8%; left:0; color:#5a5a5a; text-align:center; }
.bui_faq_list .col_subject { margin-top:16px; margin-left:8%; margin-bottom:16px; padding-left:20px; border-left:1px solid #dddddd; color:#000000; font-size:12px; }
.bui_faq_list .col_answer { position:relative; background-color:#f9f9f9; border-top:1px solid #dddddd; }
.bui_faq_list .col_answer .answer_no { position:absolute; width:8%; left:0; top:40%; color:#5a5a5a; font-weight:bold; text-align:center; }
.bui_faq_list .col_answer .answer_subject { margin-left:8%; padding:20px; color:#424242; word-breadk:break-all; white-space: normal; }