/* 베이스 */

.board_template_base {font-family: 'SUITE', sans-serif; border-collapse: collapse; padding:0; margin:0;} 
*{font-family: 'SUITE', sans-serif; letter-spacing: -0.5px;}
@font-face {
    font-family: 'SUITE';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
.board_template_base ul,li,dl,dt,dd,html,img,div,body,span,a,p {margin:0; padding:0; text-decoration:none; list-style:none;}
.board_template_base a {text-decoration:none; color:inherit;}
.board_template_base li { display:inline-block; vertical-align:middle;}
.board_template_base a:hover {color:#bf2026;}
.board_template_base fieldset, img {border:0;}
.board_template_base address {font-style:normal;}
.board_template_base legend { visibility:hidden;position:absolute; left:-9999px;}
.board_template_base input::-ms-input-placeholder{color:#fff !important; }
.board_template_base input::-moz-input-placeholder{color:#fff !important; }
.board_template_base input::-webkit-input-placeholder{color:#fff !important; }
.board_template_base dd{line-height:20px;}
.board_template_base table, th, tbody {margin:0; padding:0; text-align:left; border-collapse:collapse;}
.board_template_base select {height: 30px;padding: 7px 40px 5px 5px; border: 1px solid #eaeaea; background: url("/img/select_arrow.png") no-repeat 95% 50%;-webkit-appearance: none; position:relative;-moz-appearance: none;appearance: none;position:relative;color:#333;}
.board_template_base select::-ms-expand { display: none;}
/* 리스트 */
.board_template_base .board_template_form { font-size:0; position:relative; color:#333; }
.board_template_base .board_template_form .board_template_header {width:100%; margin-top:20px; background-color:#fafafa; border-bottom:1px solid #e4e4e4; border-top:1px solid #444;text-align:center; font-weight:bold; }
.board_template_base .board_template_form .board_template_body {width:100%; border-bottom: 1px solid #e4e4e4;  text-align:center;}
.board_template_base .board_template_form .board_template_body:hover {background-color:#f9f9f9; }
.board_template_base .board_template_form .board_view_row {width:100%;position:relative; font-size:14px; overflow:hidden; border-bottom: 1px solid #ececec; box-sizing:border-box;line-height:20px;}
.board_template_base .board_template_form .board_view_row span {display:table-cell; border-right:1px solid #ececec; height: 45px; vertical-align: middle;font-size: 13px; color:#666; }
.board_template_base .board_template_form .board_view_row .user_view_writertitle {display:none; font-weight:bold; box-sizing:border-box; padding:0px 20px; text-align: left; min-width: 120px; max-width:120px; border-right: 1px solid #e4e4e4;}
.board_template_base .board_template_form .board_view_row .user_view_writerfile {font-weight:bold; box-sizing:border-box; padding:0px 20px; text-align: left; min-width: 120px; max-width:120px; border-right: 1px solid #e4e4e4;}
.board_template_base .board_template_form .board_view_row .user_view_writername {display:none; text-align: left; min-width: 490px; max-width:490px; border-right: 1px solid #e4e4e4; padding: 0px 20px;}
.board_template_base .board_template_form .board_view_row .user_view_datetitle {font-weight:bold; text-align: left; padding:0px 20px; min-width: 120px; max-width:120px; box-sizing:border-box; border-right:1px solid #e4e4e4;}
.board_template_base .board_template_form .board_view_row .user_view_date {text-align: center; width: 120px; border-right:0;}
.board_template_base .board_template_form .board_view_file {min-width:600px; max-width:600px; display:block; padding:0px 20px 0px 20px;font-size:14px; text-align:left; line-height:24px;}
.board_template_base .board_template_form .board_view_content {line-height:1.6; min-height:200px; display:block; padding:30px 20px 30px 20px; margin-bottom:30px; font-size:13px;}
.board_template_base .board_template_form .board_view_title {width:100%; padding:0px 10px 25px 10px; text-align:left; border-bottom:1px solid #efefef; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.board_template_base .board_template_form .board_view_content p{font-size: 18px; line-height: 26px; margin-top: 20px;}
.board_template_base .board_template_form .board_view_content img{display: block; margin: 0px auto;}



.board_template_base .board_template_form .user_table_cell {display:table-cell; padding:0px 20px; font-size: 13px; color:#666; height: 55px; box-sizing:border-box; vertical-align: middle;}
.board_template_base .board_template_form .user_no {min-width:80px; max-width:80px; border-right: 1px solid #eaeaea;}
.board_template_base .board_template_form .user_title {min-width:620px; max-width:620px; font-weight:bold; text-align: left; cursor: pointer;border-right: 1px solid #eaeaea; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_template_base .board_template_form .user_title1 {min-width:750px; max-width:750px; font-weight:bold; text-align: left; cursor: pointer;border-right: 1px solid #eaeaea; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_template_base .board_template_form .user_title_header {text-align: center; cursor:default;}
.board_template_base .board_template_form .user_file {width:0px; display: none;}
.board_template_base .board_template_form .user_writername {display:none; min-width:100px; max-width:100px; border-right: 1px solid #eaeaea;}
.board_template_base .board_template_form .user_date {min-width:110px; max-width:110px; border-right: 1px solid #eaeaea;}
.board_template_base .board_template_form .user_viewcount {min-width:90px; max-width:90px;}
.board_template_base .board_template_form .list_new {background: url(/Board/img/kspe/icon_new.png); vertical-align: middle; width:31px; height: 15px; position:relative; display: inline-block; left: 5px; top: -1px;}
.board_template_base .board_template_form .list_re {background: url(/Board/img/kspe/icon_comment.png); vertical-align: middle; width:23px; height: 13px; position:relative; display: inline-block; left: -2px; top: -2px;}
.board_template_base .boardid_admin {display:none; float:left; } /*관리자용 게시판 목록 DropDownList*/ 
.board_template_base .board_select_admin {display:none; float:left;} /*관리자용 리스트 게시판 분류 DropDownList*/ 
.board_template_base .board_template_form .admin_table_cell {height: 32px; padding-top:14px; vertical-align: middle;}
.board_template_base .board_template_form .admin_cbx {min-width:30px; text-align: center;border-right: 1px solid #eaeaea}
.board_template_base .board_template_form .admin_no {min-width:60px;border-right: 1px solid #eaeaea}
.board_template_base .board_template_form .admin_boardname {display:none; width:233px; text-align: left; border-right: 1px solid #eaeaea; padding-left: 5px;}
.board_template_base .board_template_form .admin_boardname_header {display:none; width:238px; text-align: center; border-right: 1px solid #eaeaea;}
.board_template_base .board_template_form .admin_title {padding-left:15px; width:476px; text-align: left; cursor: pointer;border-right: 1px solid #eaeaea; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_template_base .board_template_form .admin_title_header {width:491px; text-align: center; cursor:default; border-right: 1px solid #eaeaea;}
.board_template_base .board_template_form .admin_file {width:40px;border-right: 1px solid #eaeaea}
.board_template_base .board_template_form .admin_writername {width:100px;border-right: 1px solid #eaeaea}
.board_template_base .board_template_form .admin_date {min-width:80px;border-right: 1px solid #eaeaea}
.board_template_base .board_template_form .admin_viewcount {min-width:50px;}

.board_template_base .board_template_border_top {border-top:4px solid #0B475F;}

.board_template_base .view_title a {display:inline-block; line-height:18px; }
.board_template_base .board_template_form .totalcountmsg {font-size: 12px; vertical-align:top; line-height: 30px;}
.board_template_base .board_view p{ line-height:30px; color:#333;}
.board_template_base .board_view img {max-width:790px;}
.board_template_base .board_comment {width:100%; background-color:#fff; margin-bottom:20px;}
.board_template_base .board_comment_header {padding:15px 0px;border-bottom:1px solid #e4e4e4; font-size:16px; margin:0px;}
.board_template_base .comment_title {width:auto; font-size:16px; background-color:#fff; padding:20px 25px 0px 25px; color:#000; font-weight:bold;;}
.board_template_base .comment_area {height:65px;padding:25px}
.board_template_base .comment_head {float:left;}
.board_template_base .comment_head li{display:block; }
.board_template_base .comment_text {box-sizing:border-box; float:left; min-width:507px; max-width:507px; margin:0px 10px 0px 10px;border:1px solid #eaeaea; resize:none; padding:14px; height:auto; overflow-y:auto; font-family:"맑은 고딕", malgun gothic, Sans-serif;}
.board_template_base .reply_text {float:left; min-width:370px;margin:0px 10px 0px 10px;border:1px solid #eaeaea; resize:none; padding:14px; height:auto; box-sizing:border-box; overflow-y:auto; font-family:"맑은 고딕", malgun gothic, Sans-serif;}
.board_template_base .write_comment {width:850px;  border:1px solid #888; margin-bottom:40px; }
.board_template_base .board_comment .list_comment {width:100%;padding:16px 0px 16px 0px;border-bottom: 1px solid #e4e4e4;text-align:left;  font-size:14px;}
.board_template_base .comment_date {width:100px; position:relative; top:2px;  color:#999; text-align:right;}
.board_template_base .comment_nick {width:100px; margin-right:20px; font-weight:bold;}
.board_template_base .comment_cont {width:630px; }
.board_template_base .comment_cont span {line-height:auto; height:auto; vertical-align:top; margin-left:0; line-height:20px; word-break: break-all; white-space: pre-line;}
.board_template_base .comment_cont .delete_password {padding:3px 7px; border:1px solid #eaeaea; font-size:14px; margin-left:5px;}
.board_template_base .reply_comment {margin-top:15px; width:270px; padding:12px 12px; background-color:#fff; border:1px solid #eee; border-radius:2px;}
.board_template_base .horizon {width:1px !important; height:13px !important; background-color:#ccc; display:inline-block; margin:0px 3px !important; position:relative;  top:4px;}
/* 글쓰기 */
.board_template_base .write_form {width:860px;position:relative; color:#333; table-layout:fixed;font-size:14px; position:relative;}
.board_template_base .write_form th {font-size:14px; padding:14px 10px 14px 10px;}
.board_template_base .write_form td,tr{border-bottom:1px solid #e4e4e4; padding:12px 10px 12px 10px;}
.board_template_base .write_title {width:100px; font-weight:bold;}
.board_template_base .write_select {height: 30px; width: 200px; border: 1px solid #eaeaea; margin:1px 0px 0px 0px; padding-left:5px;}
.board_template_base .option {display:inline-block; color:#666; font-size:14px; text-align:right; margin-left:30px;}
.board_template_base .option b{margin-right:20px;}
.board_template_base .write_form .board_template_body {width:600px; border-bottom: 1px solid #e4e4e4 !important; padding:20px 15px 20px 15px;}
.board_template_base .write_form .board_template_body_category {width:600px; border-bottom: 1px solid #e4e4e4; padding:20px 15px 20px 15px; display: none;}
.board_template_base .write_text {width:400px; height:28px; border:1px solid #e4e4e4; padding-left:10px; letter-spacing:-1px;}
.board_template_base .directory_file {width:480px; height:112px;overflow:scroll; border:1px solid #e4e4e4;}
.board_template_base .write_image {width:800px; margin-top:10px; position:relative;}
.board_template_base .array {display:inline-block; padding:3px 15px 0px 15px; height:32px; border:1px solid #e4e4e4; background-color:#fdfdfd;font-size:12px; margin-left:10px; color:#777; position:relative; top:-1px; }
.board_template_base .array_img {width:20px; height:19px; position:relative; top:5px;margin-left:10px; cursor:pointer;}
.board_template_base .array_01 {background-image:url("/Board/img/kspe/btn_array_left.png");}
.board_template_base .array_01:hover {background-image:url("/Board/img/kspe/btn_array_left_on.png");}
.board_template_base .array_02 {background-image:url("/Board/img/kspe/btn_array_center.png");}
.board_template_base .array_02:hover {background-image:url("/Board/img/kspe/btn_array_center_on.png");}
.board_template_base .array_03 {background-image:url("/Board/img/kspe/btn_array_right.png");}
.board_template_base .array_03:hover {background-image:url("/Board/img/kspe/btn_array_right_on.png");}
.board_template_base .write_submit {margin:auto; text-align:center; float: right;}
.board_template_base .write_submit li {margin: 0px 5px 0px 5px;}
.board_template_base .p_deco {font-size:12px !important;}
.board_template_base .p_deco:hover {text-decoration:underline;}
.board_template_base .reply_comment_popup { border: 8px solid #a7b3c1;  padding:35px 0px; width:734px; min-height:100px; background-color:#fff; left:35% !important; top:50%;}
.board_template_base .delete_comment_popup { border: 8px solid #a7b3c1;  padding:35px 0px; width:480px; min-height:100px; background-color:#fff; left:42% !important; top:50%;}
.board_template_base .close_pop {position:absolute; right:35px; top:30px; background:url("/Board/img/kspe/btn_close.png"); width:24px; height:26px; cursor:pointer;}
.board_template_base .pop_head { font-size:15px; padding:0px; color:#333; background:#fff; width:100%; height:35px; border-bottom: 1px solid #7daca2;}
.board_template_base .pop_head h3 {position:absolute; left:35px;}
.board_template_base .pop_cont {width:auto; height:auto; padding:20px 35px 0px 35px; overflow:hidden;}
.board_template_base .pop_btn_area {margin:auto; width:355px;}
.board_template_base .paper_write {margin-bottom:40px;overflow-x:hidden;border-bottom:4px solid #0B475F;padding-bottom:10px;}
.board_template_base .paper_write h3 {width:100%; padding-bottom:10px;border-bottom:4px solid #0B475F;  margin-bottom:10px; font-size:18px; font-weight:bold;}
.board_template_base .item_h3 {width:100%; padding-bottom:10px !important; margin-bottom:10px !important; font-size:18px !important; font-weight:bold !important;}
.board_template_base .paper_column {line-height:50px; position:relative; font-size:14px;}
.board_template_base .pp_col {width:45%;}
.board_template_base .pp_bg {width:45%; height:125px;padding:15px 40px 30px 40px; background-color:#ececec; position:absolute; right:0; top:-10px;}
.board_template_base .pp_bg strong {display:block; text-align:right; color:#0B475F; font-size:40px;}
.board_template_base .pp_bg span {display:block; margin-bottom:15px;}
.board_template_base .pp_col b {margin:0px 5px 10px 0px;}
.board_template_base .col_tit {width:90px; display:inline-block;}
.board_template_base .list_file {width:600px;padding:8px 0px;border:0;border-bottom: 1px solid #666;}

/* footer */
.board_template_base .board_footer {width:100%; padding-top:15px; text-align:right; margin:auto; padding-bottom:30px; border-top:1px solid #efefef; overflow:hidden;}
.board_template_base .boardbtn {width:30px; height:30px; background:#fff; position:relative; top:0px; margin:0px 5px;}
.board_template_base .board_listnum {text-align:center;}
.board_template_base .board_writecont {text-align: right; float:right; width: 20%; display: inline-block;}
.board_template_base .numon {font-weight:bold; color:#fff !important; background:#979797 !important; border:1px solid #808080 !important;}
.board_template_base .list_bulit {background:url("/Board/img/kspe/com_bulit.png") no-repeat center; display:none; width: 2px; height: 20px; line-height: 20px; margin: 0px 5px; padding-top: 10px;}
.board_template_base .board_footer_number {width:30px; height:30px; padding-top:6px; background:#fff; border:1px solid #d1d1d1; color:#979797; margin:0px 5px; text-align:center; box-sizing:border-box;  font-size:13px;}
.board_template_base .board_footer_number:hover {font-weight:bold; color:#fff; background:#979797; border:1px solid #808080;}

.board_template_base .board_search {width:auto; float:right;}
.board_template_base .board_search_form {box-sizing: border-box; width:152px; height:auto !important; border:1px solid #eaeaea; padding:7px 10px; font-size:12px;}

/*button*/
.board_template_base .btn_next{background-image:url("/Board/img/kspe/num_next.png");}
.board_template_base .btn_next:hover {background-image:url("/Board/img/kspe/num_next_hover.png");}
.board_template_base .btn_prev{background-image:url("/Board/img/kspe/num_prev.png");}
.board_template_base .btn_prev:hover {background-image:url("/Board/img/kspe/num_prev_hover.png");}
.board_template_base .option_btn {width:65px; height:30px; border:0; font-size:12px;}
.board_template_base .btn_deleteimg {width:160px; height:35px;background-image: url(/Board/img/kspe/btn_deleteimg.png);}
.board_template_base .btn_deleteimg:hover{background-image: url(/Board/img/kspe/btn_deleteimg_on.png);}
.board_template_base .btn_deleteimg {width:160px; height:35px;background-color:#656573; color:#fff; border:0;font-weight:normal;  margin-bottom:6px;}
.board_template_base .btn_deleteimg:hover{background-color:#666; color:#fff;border:0; cursor:pointer;}
.board_template_base .file_data {width:70px; border: 1px solid #e4e4e4; height:30px; text-align:center; margin-right:10px; margin-top:-1px;}
.board_template_base .btn_movie {width:200px; height:35px;background-color:#c9270c; color:#fff;border:0;font-weight:bold; }
.board_template_base .btn_movie:hover {background-color:#666; cursor:pointer;}
.board_template_base .btn_file{width:100px; height:35px;background-color:#0B475F; color:#fff;border:0;font-weight:bold; margin-bottom:5px; }
.board_template_base .btn_file:hover {background-color:#666; cursor:pointer;}
.board_template_base .btn_deletefile {width:160px;height:35px;background-image:url("/Board/img/kspe/btn_deletefile.png"); cursor:pointer;}
.board_template_base .btn_deletefile:hover{background-image:url("/Board/img/kspe/btn_deletefile_on.png");}
.board_template_base .btn_browse {background-color:#e25d55; color:#fff; font-weight:bold; margin-left: 4px; width:95px;}
.board_template_base .btn_browse:hover{background-color:#bc4942; cursor:pointer;}
.board_template_base .btn_submit {width:95px;background-color:#0B475F; color:#fff; font-weight:bold; }
.board_template_base .btn_submit:hover{background-color:#666; cursor:pointer;}
.board_template_base .btn_delete {background-color:#666; color:#fff; border:0; font-weight:normal; }
.board_template_base .btn_delete:hover{background-color:#0B475F; border:0;color:#fff;cursor:pointer;}
.board_template_base .btn_unpause {background-color:#666; color:#fff; border:0; font-weight:normal; }
.board_template_base .btn_unpause:hover{background-color:#0B475F; color:#fff;border:0; cursor:pointer;}

.board_template_base .btn_main {width:110px; height:35px; background-color:#e83d45; color:#fff; font-weight:bold;}
.board_template_base .btn_main:hover{background-color:#d2343b; cursor:pointer;}
.board_template_base .btn_sub {width:110px; height:35px; background-color:#87949c; color:#fff; }
.board_template_base .btn_sub:hover{background-color:#666; cursor:pointer;}
.board_template_base .btn_other {width:110px;height:35px; background-color:#666 !important; color:#fff; font-weight:normal; }
.board_template_base .btn_other:hover{background-color:#0B475F; color:#fff;border:0; cursor:pointer;}
.board_template_base .comment_btn {width:120px; height:65px; border:0; font-size:12px; float:right;}
.board_template_base .btn_delete_comment {cursor:pointer; position:relative; top:3px; }
.board_template_base .btn_delete_comment_cf {margin:2px 0px 0px 7px !important; text-decoration:underline; color:#333; cursor:pointer;}
.board_template_base .btn_delete_comment_cf:hover {color:#f00;}
.board_template_base .btn_pop {width:107px; height:38px; background-color:#666; border:1px solid #e4e4e4;; font-size:16px; font-weight:bold;color:#fff; cursor:pointer; position:relative; top:-4px;}
.board_template_base .txt_bar { padding:8px 10px;border:1px solid #eaeaea;}
.board_template_base .txt01 {width:275px;}
.board_template_base .btn_box3 {width:107px; height:38px;border:1px solid #d1d1d1; padding:1px; float:left; position:relative;}