@charset "utf-8";


/* 버튼 */
.btn_area { padding:0 10px; margin-bottom:20px; border:1px solid red !important;  }
.btn_area .btn_white { width:100%; height:38px; border:1px solid #999; border-radius:21px;  background:#f1f1f1; background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e7e7e7)); box-shadow:1px 2px 2px #eaeaea; }
.btn_area .btn_white a { width:100%; height:38px; line-height:38px; display:block; text-decoration:none; font-weight:bold; text-align:center; color:#000; text-shadow:1px 1px 0px #fff; }


/* 게시물검색 */
.search_area { padding:0 0 15px 0; }
.search_area .board_search { position:relative; width:100%;}

.search_area .board_search .bsinput1 { float:left; width:80px; height:40px; line-height:40px; padding-left:5px; border:1px solid #ccc; box-sizing:border-box; margin-right:5px; }
.search_area .board_search .bsinput2 { float:left; width:calc(100% - 150px); height:40px; padding-left:10px; border:1px solid #ccc; box-sizing:border-box; margin-right:5px;  }
.search_area .board_search .bsinput3 { float:right; width:60px; height:40px; border:1px solid #333; border-radius:3px; background:#666; color:#fff; font-size:90%; }


.board_top { height:auto; margin-bottom:10px; }	
.board_top .board_page { width:calc(100% - 5px); padding-top:9px; padding-left:5px; margin-bottom:7px; }
.board_top .board_search { width:calc(100% - 10px); text-align:left; padding-left:5px; padding-right:5px; }
.board_top .board_search .boardtop_text { width:calc(100% - 71px); height:30px; line-height:30px; padding-left:10px; border:1px solid #ccc; display:inline-block; }
.board_top .board_search .submit_msearch { width:55px; height:32px; line-height:32px; border:1px solid #444; border-radius:3px; background:#555; font-size:90%; color:#fff; display:inline-block;  } 

.board_top .board_search .boardtop_select { width:calc(50% - 10px); height:32px; line-height:32px; border:1px solid #ccc; margin-bottom:5px; }
.board_top .board_search .boardtop_text2 { width:calc(100% - 130px); height:30px; line-height:30px; padding-left:10px; border:1px solid #ccc; display:inline-block; }


.board_top .board_search .bsinput1 { float:left; width:80px; height:32px; line-height:32px; padding-left:5px; border:1px solid #ccc; box-sizing:border-box; margin-right:5px; }
.board_top .board_search .boardtop_text3 { width:calc(100% - 207px); height:30px; line-height:30px; padding-left:10px; border:1px solid #ccc; display:inline-block; }

.board_top .board_search .submit_boardTopBtn { width:50px; height:32px; border:1px solid #333; color:#fff; background:#666; border-radius:2px; display:inline-block; vertical-align: top; font-size:90%; }
.board_top .board_search .abtn_boardTopBtn { width:50px; height:30px; line-height:28px; border:1px solid #333; color:#fff; background:#666; border-radius:2px; display:inline-block; text-decoration:none; text-align:center; font-size:90%; vertical-align:top;
}



/* 게시판 목록 */
.board_list { width:100%; border-top:2px solid #113d8e; }
.board_list .listbox { position:relative; width:100%; padding:15px 0 15px 0; border-bottom:1px solid #ccc; cursor:pointer; }
.board_list .listbox ul { padding: 0 5px; overflow:hidden; }
.board_list .listbox ul li { overflow:hidden; }
.board_list .listbox li.subject { color:#113d8e; font-size:120%; padding-right:29px; padding-bottom:6px; line-height:130%; }
.board_list .listbox li.subject a { color:#113d8e; }

.board_list .listbox li.item .name { color:#06c; }
.board_list .listbox li.item .line { color:#ccc; padding:0 10px;  }
.board_list .listbox li.item .date { color:#666; }
.board_list .listbox li.item .time { color:#1585f3; }
.board_list .listbox .blt { position:absolute; top:16px; right:5px; width:20x; height:20px; }
.board_list .listbox .blt img { width:20px; }



.board_list .listbox2 { position:relative; width:100%; padding:15px 0 15px 0; border-bottom:1px solid #ccc; cursor:pointer; }
.board_list .listbox2 a { color:#000; display:block; }
.board_list .listbox2 ul { padding:0 10px; overflow:hidden; }
.board_list .listbox2 ul li { overflow:hidden; }

.board_list .listbox2 ul li.photo { float:left; width:75px; }

.board_list .listbox2 li.item .name { font-size:110%; color:#113d8e; display:block; margin:3px 0 8px 0;  }
.board_list .listbox2 li.item .line { color:#ccc; padding:0 10px;  }
.board_list .listbox2 li.item .date { color:#666; }
.board_list .listbox2 li.item .time { color:#1585f3; }
.board_list .listbox2 .blt { position:absolute; top:15px; right:10px; }

.board_list .none { color:#999; padding:50px 0; text-align:center; border-bottom:1px solid #ddd; }



/* 페이지 넘버 */
.paging { width:100%; height:31px; text-align:center; margin:20px 0 !important;  }
.paging #pagingNew { height:31px; }
.paging #pagingNew a { height:29px !important; line-height:29px !important; color:#333; text-decoration:none; border:1px solid #ccc; padding:0 7px; font:15px arial, dotum; display:inline-block; vertical-align:top; }
.paging #pagingNew a.select { height:29px !important; line-height:29px !important; background:#5365e1; color:#fff; font-weight:bold; border-color:#3e4bd8; display:inline-block; } 
 
.paging #pagingNew .arrow_left {  width:14px; font-weight:bold; color:#666 !important; display:inline-block; padding:0 !important;}
.paging #pagingNew .arrow_right {  width:14px; font-weight:bold; color:#666 !important; display:inline-block; padding:0 !important; }


.paging #pagingNew ul { overflow:hidden; } /* UL 스타일 페이징 */
.paging #pagingNew ul li { display:inline; }

.paging #pagingNew ul li a.start { background:url(/images/board/pageing_btn_start.gif) no-repeat 50% 50%; }
.paging #pagingNew ul li a.prev { background:url(/images/board/pageing_btn_prev.gif) no-repeat 50% 50%; }
.paging #pagingNew ul li a.next { background:url(/images/board/pageing_btn_next.gif) no-repeat 50% 50%; }
.paging #pagingNew ul li a.end { background:url(/images/board/pageing_btn_end.gif) no-repeat 50% 50%; }

.paging #pagingNew ul li a { height:24px; line-height:24px; padding:0 8px; font-size:90%; margin-bottom:2px; }
.paging #pagingNew ul li a.btn img { width:24px; height:24px; }






/* 게시판 보기 */
.board_view { position:relative; width:100%; }  

.view_top { border-top:2px solid #113d8e;  border-bottom:1px solid #ccc; padding:20px 0px 0 0; }

.view_top .title { font-weight:bold; font-size:120%; line-height:1.3; text-align:center; color:#113d8e; margin:5px 0 15px 0;  }
.view_top .item { padding-bottom:15px; text-align:center; }
.view_top .item .name { color:#000; }
.view_top .item .line { color:#ccc; padding:0 10px;  }
.view_top .item .date { color:#666; }
.view_top .item .viewnum { color:#666; }

.view_top .addfile { border-top:1px solid #ddd; }
.view_top .addfile ul { padding:10px 0; overflow:hidden; }
.view_top .addfile li { padding:5px 0 5px 20px; background:url(../images/inc/blt_depth3.gif) no-repeat 10px 50%; }
.view_top .addfile li a { color:#333;}
.view_top .addfile li.none { color:#999;}

.view_content { min-height:200px; padding:20px 10px 30px 10px; line-height:1.5 !important; border-bottom:1px solid #ccc; }
.view_content p { margin-bottom:20px; }
.view_content img { text-align:center !important; }



/*#board_view .view_content p a {background: url(../images/inc/blt_blue1.gif) no-repeat 0 5px; padding-left:8px; text-decoration:none; color:#284473; }*/

/*
#board_view .view_content p a:link,  
#board_view .view_content p a:visited {font-weight:bold; background: url(../images/inc/blt_blue1.gif) no-repeat 0 5px; padding-left:8px; text-decoration:none; color:#284473;}
#board_view .view_content p a:active,
#board_view .view_content p a:focus,
#board_view .view_content p a:hover { text-decoration:underline;}
*/

.sns { margin-bottom:15px; }
.sns ul { list-style:none; text-align:right; }
.sns li { display:inline; margin:0; padding:0; }


/* 수정,삭제,목록버튼 */
.btn_bottom { padding:25px 0; }
.abtn_boardBottomBtn { width:100%; height:40px; line-height:40px; border-radius:5px; background:#555; color:#fff !important; text-align:center; font-size:90%; display:block; }
.submit_boardBottomBtn { width:100%; height:40px; line-height:40px; border-radius:5px; border:1px solid #555; background:#555; color:#fff !important; text-align:center; font-size:90%; display:block; cursor:pointer; }

.btn_bottom ul.ul2 { width:100%; overflow:hidden; }
.btn_bottom ul.ul2 li { float:left; width:calc(50% - 5px); margin-right:5px; }
.btn_bottom ul.ul2 li:last-child { width:50%; margin-right:0px; }

.btn_bottom ul.ul3 { width:100%; overflow:hidden; }
.btn_bottom ul.ul3 li { float:left; width:calc(33% - 5px); margin-right:5px; }
.btn_bottom ul.ul3 li:last-child { width:34%; margin-right:0px; }



/*.btn_bottom .btn3_left { float:left; width:30%; margin:0 2% 0 3%; }
.btn_bottom .btn3_center { float:left; width:30%; margin:0; }
.btn_bottom .btn3_right { float:left; width:30%; margin:0 3% 0 2%; }

.btn_bottom .btn_blue { width:100%; height:38px; border:1px solid #0052a4; border-radius:21px; background:#1b7cd1; background:-webkit-gradient(linear, left top, left bottom, from(#86beea), to(#1476d9)); box-shadow:1px 2px 2px #ddd; }
.btn_bottom .btn_blue a { width:100%; height:38px; line-height:38px; display:block; text-decoration:none; font-weight:bold; text-align:center; color:#fff; text-shadow:-1px -1px 0px #0052a4; }


.btn_bottom2 { padding:0 10px; overflow:auto; margin-bottom:20px; } 
.btn_bottom2 .btn_black { float:left; width:48%; height:38px; border:1px solid #000; border-radius:21px; background:#111; background:-webkit-gradient(linear, left top, left bottom, from(#222), to(#111)); box-shadow:1px 2px 2px #ddd; }
.btn_bottom2 .btn_black a { width:100%; height:38px; line-height:38px; display:block; text-decoration:none; font-weight:bold; text-align:center; color:#fff; text-shadow:-1px -1px 0px #0052a4; }
.btn_bottom2 .btn_gray { float:right; width:48%; height:38px; border:1px solid #666; border-radius:21px; background:#111; background:-webkit-gradient(linear, left top, left bottom, from(#999), to(#777)); box-shadow:1px 2px 2px #ddd; }
.btn_bottom2 .btn_gray a { width:100%; height:38px; line-height:38px; display:block; text-decoration:none; font-weight:bold; text-align:center; color:#fff; text-shadow:-1px -1px 0px #0052a4; }

.btn_bottom .btn_list { padding:0 10px; } /* 한단 단독 목록버튼 */
*/

/* 게시판 글쓰기 */
/*#board_write { padding:0 10px; } 
#board_write dl { padding-bottom:10px; border-bottom:1px solid #ccc; }
#board_write dt { font:14px gulim; margin-bottom:5px; } 
#board_write dd { padding-bottom:5px; border-bottom:1px dashed #ccc; margin-bottom:10px; }  
#board_write dd.end { margin:0; padding:0; border:none;  }  
#board_write dd .mwrite1 { width:100%; height:31px; line-height:31px; border:1px solid #ccc; border-radius:5px; font:14px gulim; color:#000;  }
#board_write dd .mwrite2 { width:100%; height:200px; line-height:150% !important; border:1px solid #ccc; border-radius:5px; font:14px gulim; color:#000;  }




#board_write .btn_write { width:100%; padding:20px 0; }
#board_write .btn_write .btn2_left,
#board_write .btn_write .btn2_right { float:left; width:48%; margin:0 1%; }   
#board_write .btn_write .write_btn { width:100%; height:38px; line-height:38px; display:block; text-decoration:none; font:bold 14px gulim; text-align:center; color:#fff; text-shadow:-1px -1px 0px #256086; border:1px solid #145072; border-radius:21px; background:#1b7cd1; background:-webkit-gradient(linear, left top, left bottom, from(#5e9ac3), to(#396c9e)); box-shadow:1px 2px 2px #ddd; } */



/* 게시판 글쓰기 */
.board_write { width:100%; }
.board_write table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #113d8e; table-layout:fixed; }
.board_write table th { border-bottom:1px solid #ccc; text-align:center; padding:5px 0 5px 0; background:#f9f9f9; line-height:130%; vertical-align:middle; font-weight:normal; letter-spacing:-1px;  } 
.board_write table td { border-bottom:1px solid #ccc; padding:5px 0 5px 10px; line-height:130%; }


.board_write table td.name { color:#113d8e; font-weight:bold; }

.board_write table td #w_subject { width:553px; height:18px; padding-left:5px; border:1px solid #ccc; color:#113d8e; font-weight:bold; }
.board_write table td #w_passwd { width:75px; height:18px; padding-left:5px; border:1px solid #ccc; }
.board_write table td .w_phone { height:18px; padding-left:5px; border:1px solid #ccc; }

.board_write table td.webeditor { padding:15px; margin:0; }
.board_write table td.webeditor #w_content { width:667px; height:90px; padding:10px; border:1px solid #ccc; margin:0; }

.board_write table td.addfile { position:relative; text-align:left; }
.board_write table td.addfile .w_addfile { width:calc(100% - 55px);  }
.board_write table td.addfile .addplus { position:absolute; right:0; top:6px; width:50px; }
.board_write table td.addfile .addplus .abtn_addfile { width:50px; height:28px; line-height:28px; text-align:center; background:#333; border-radius:3px; color:#fff; font-size:90%; vertical-align:top; display:block; }



.board_write table td.checktxt { position:relative; padding:5px 10px; margin:0; }
.board_write table td.checktxt .okimg { float:left; margin-right:15px; /*position:absolute; left:15px; top:5px;*/ }
.board_write table td.checktxt .okimg img { border:1px solid #ddd; }
.board_write table td.checktxt #w_checktxt { float:left; width:80px; height:26px; border:1px solid #ccc; text-align:center; font:bold 18px batang; margin-top:12px; }
.board_write table td.checktxt .stxt2 { clear:both; padding-top:5px; color:#999; display:block; }


.board_write table td span.stxt { display:block; padding-top:5px; }


.board_write table td input.textbox { width:98%; height:26px; border:1px solid #ccc; }
.board_write table td .stxt { color:#999; }

.board_write .btn_right { text-align:center; }



.board_write table td table 
.board_write table td table th,
.board_write table td table td { border:0; padding:0; margin:0; }

#fileup .mfile { width:calc(100% - 55px); height:26px; border:1px solid #ccc; } /* 첨부파일 인풋 */

.board_write table td .Wcontent { width:100%; height:250px; padding:15px; border:1px solid #ddd; line-height:1.5; box-sizing:border-box; }















/* 포토게시판 목록 */
.photo_list { width:100%; border-top:2px solid #000; margin-bottom:20px; }
.photo_list ul { width:100%; overflow:hidden; }
.photo_list li { width:100%; padding:15px 0; border-bottom:1px solid #ccc; overflow:hidden; display:block; }
.photo_list li .pic { float:left; width:80px; display:inline-block; }
.photo_list li .pic img { width:70px; }
.photo_list li .subject { float:left; width:calc(100% - 80px); line-height:140%; display:block; margin-bottom:3px;  }
.photo_list li .subject a:link,
.photo_list li .subject a:visited { color:#000; display:inline-block; font-size:110%; }
.photo_list li .subject a:active,
.photo_list li .subject a:focus,
.photo_list li .subject a:hover { color:#113d8e; }

.photo_list li .date { float:right; width:calc(100% - 80px); color:#999; font-size:90%; text-align:left; }






/* 비밀번호 확인 */
.checkpw { position:relative; width:100%; padding:20px 10px 30px 10px; border:1px solid #ccc; border-radius:10px; box-shadow:0 2px 1px #eee; box-sizing:border-box; margin:0 auto; }
.checkpw h3 { width:100%; padding:0 0 10px 25px !important; color:#113d8e; font-weight:bold; font-size:130%;  border-bottom:1px solid #ddd; margin-bottom:30px !important; text-align:left; box-sizing:border-box; display:block;  }
.checkpw p.txt { text-align:center; margin-bottom:30px; }

.checkpw .pwarea { width:100%; padding:20px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; margin:0 auto 30px; }
.checkpw .pwarea .checkpw_password { width:150px; height:40px; padding-left:10px; border:1px solid #ccc; font-size:110%; margin-left:10px; }
.checkpw .btn_center { width:100%; text-align:center; margin:0 auto; }
.checkpw .btn_center .submit_checkpwBtn { width:80px; height:36px; line-height:36px; border:1px solid #333; border-radius:3px; background:#333; color:#fff; font-size:90%; cursor:pointer; }
.checkpw .btn_center .abtn_checkpwBtn { width:78px; height:34px; line-height:34px; border:1px solid #333; border-radius:3px; background:#333; color:#fff; font-size:90%; display:inline-block;  }









/* 본인인증 */
.ipin {position:relative; width:100%; padding:20px 10px 30px 10px; border:1px solid #ccc; border-radius:10px; box-shadow:0 2px 1px #eee; box-sizing:border-box; margin:0 auto; }
.ipin h3 { width:100%; padding:0 0 10px 25px !important; color:#113d8e; font-weight:bold; font-size:130%;  border-bottom:1px solid #ddd; margin-bottom:20px !important; text-align:left; box-sizing:border-box; display:block; }
.ipin ul { margin-bottom:10px; }
.ipin ul li { padding-left:10px; line-height:1.5; background:url(/images/inc/blt_depth3.gif) no-repeat 0 10px; margin-bottom:10px; }

.ipin ul li strong { color:#da131a; }

.ipin .btn_center { text-align:center; margin-bottom:30px; }






/* 댓글 입력 */
.reply_view_inner { padding:15px 10px !important; border-bottom:1px dashed #ddd; overflow:hidden; }
.reply_view_inner .name { font:bold 16px gulim; color:#113d8e; margin-bottom:7px; }
.reply_view_inner .content { line-height:150%; margin-bottom:5px; }
.reply_view_inner .date { color:#999; margin-bottom:7px;  }
.reply_view_inner .btn { float:right; text-align:right; }
.reply_view_inner .btn a {  width:70px; height:26px; line-height:26px; text-align:center; color:#fff; background:#666; border:none; text-decoration:none; display:block;  }

.mcomment { padding:15px 10px !important; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f7f7f7; }
.mcomment .mcomment_input { }
.mcomment .mcomment_input p { padding:5px 0; }
.mcomment .mcomment_input p label.label_item { float:left; position:relative; top:8px; width:18%; }
.mcomment .mcomment_input p .text_input { width:78%; height:26px; borde:1px solid #ccc; padding-left:5px; }
.mcomment .mcomment_input p .textarea_text { width:92%; height:60px; padding:10px; line-height:150%; margin:0 auto; }


/* 댓글 비밀번호 확인 */
.checkpw { width:100%; }
.checkpw .checkpwarea { padding: 0 10px; }
.checkpw .checkpwarea h3 { font:bold 18px gulim; color:#06c; margin-bottom:10px; background:url(../images/inc/blt_h3.png) no-repeat 0 2px; padding-left:21px; }
.checkpw .checkpwarea .txt { margin-bottom:15px; }

.checkpw .checkpwarea .pwarea { margin-bottom:20px; padding:10px; border:1px solid #ccc; background:#f7f7f7; text-align:center; }
.checkpw .checkpwarea .pwarea label { padding-right:10px; }
.checkpw .checkpwarea .pwarea .text_password { width:150px; height:26px; border:1px solid #ccc; padding-left:5px; }

.checkpw .checkpwarea .btn { width:100%; text-align:center; }
.checkpw .checkpwarea .btn .button_darkgray { width:100px; height:30px; line-height:30px; text-align:center; color:#fff; background:#333; border:none; display:inline-block; text-decoration:none; }
.checkpw .checkpwarea .btn .button_gray { width:100px; height:30px; line-height:30px; text-align:center; color:#fff; background:#666; border:none; display:inline-block; text-decoration:none; }



/* 폼스타일 */
.text_max { width:100%; height:38px; line-height:38px; padding-left:10px; border:1px solid #ccc; box-sizing:border-box;  }