@charset "utf-8";

/* list air */
.listair {width: 25px; height: 25px; margin: 8px auto 4px;  background-image: url(../img/had_ci.png); background-position: center; background-repeat:no-repeat;}


/* table list */
.table_list > thead {background-color: #f6f6f6;}
.table_list > tbody :hover {background-color: #f6f6f6; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;}
.table_list > tbody .table_list_on {background-color: #EAF8F8;}

table.table_list {width: 96%; margin: 0 auto; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; border-top: 1px solid #dcdcdc; word-break:keep-all;}

.table_list > thead > tr > th {padding: 0 5px 0 5px; font-size: 12px; line-height: 34px;}
.table_list > thead > tr > td {padding: 0 5px 0 5px;}

.table_list > tbody > tr > th {padding: 0 5px 0 5px;}
.table_list > tbody > tr > td {padding: 4px 5px 4px 5px;  font-family: 'Nanum Barun Gothic'; font-size: 12px; color: #636363; line-height: 30px;}
.table_list > tbody > tr > td a{color: #000;  font-family: 'Nanum Barun Gothic'; font-weight: 700;}

.table_list > tfoot > tr > th {padding: 0 5px 0 5px;}
.table_list > tfoot > tr > th {padding: 0px 5px 0px 5px; font-size: 11px; color: #000; line-height: 34px; background-color: #F3EFD8;} /* 합계 영역*/
.table_list > tfoot > tr > td {padding: 4px 5px 4px 5px; font-size: 12px; color: #929292; line-height: 30px;}

/* table list */
.table_list td + td { border-left: 1px solid #dcdcdc;}
.table_list th + th { border-left: 1px solid #dcdcdc;}

.table_list td {border-bottom: 1px solid #dcdcdc;}
.table_list th {border-bottom: 1px solid #8A8A8A;}

.table_list span {line-height: 14px!important;}


/* table list small*/
.table_list_small > thead {background-color: #f6f6f6;}

table.table_list_small {width: 100%; margin: 0 auto; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; word-break:keep-all; border-bottom: 1px solid #dcdcdc;}

.table_list_small > thead > tr > td {padding: 0 4px 0 4px;}

.table_list_small > tbody > tr > td {padding: 2px 4px 2px 4px;  font-family: 'Nanum Barun Gothic'; font-size: 12px; color: #636363;}
.table_list_small > tbody > tr > td a{color: #000;  font-family: 'Nanum Barun Gothic'; font-weight: 700;}

.table_list_small > tfoot > tr > td {padding: 2px 4px 2px 4px; font-size: 12px; color: #929292; }

/* table list */
.table_list_small td + td { border-left: 1px solid #dcdcdc;}
.table_list_small th + th { border-left: 1px solid #dcdcdc;}

.table_list_small span {line-height: 14px!important;}




/* table write */
table.table_write {width: 1220px; margin: 0 auto; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em;  border-bottom: 1px solid #dcdcdc; word-break:keep-all;}

.table_write > tbody > tr > td {padding: 6px 5px 6px 8px; line-height: 30px;  font-size: 12px; color: #636363; font-weight: 700; font-family: 'Nanum Barun Gothic';}
.table_write > tbody > tr > td a{color: #000; font-weight: 700;}

.table_write td {border-top: 1px solid #dcdcdc; background-color: #f6f6f6; line-height: 14px;}
.table_write td + td {border-left: 1px solid #dcdcdc; background-color: #fff; text-align: left; font-weight: 400!important;}
.table_write td + td + td {background-color: #f6f6f6; text-align: center;  font-weight: 700!important; line-height: 14px;}
.table_write td + td + td + td {background-color: #fff; text-align: left;  font-weight: 400!important;}
.table_write tbody + tbody {border-bottom: 1px solid #dcdcdc;}
.table_write span {line-height: 16px!important;}
.table_write textarea {font-size: 15px; line-height: 28.5px;}


/* table write 상세 내용영역 */
table.table_write_editor {width: 1220px; margin: 10px auto; border-image: none; border-collapse: separate; border-spacing: 0; letter-spacing: -0.01em; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }

.table_write_editor > thead > tr > th {background-color: #f6f6f6; font-size: 15px; line-height: 32px; text-align: center; }
.table_write_editor > tbody > tr > td {font-size: 15px; color: #000000; border-top: 1px solid #dcdcdc; line-height: 28.5px; font-family: 'Nanum Barun Gothic';}
.table_write_editor > tbody > tr > td a{color: #000; font-weight: 700;}
.table_write_editor textarea {width: 1180px; height: 500px; padding: 20px!important;  font-size: 15px; line-height: 28.5px;}

.table_write_editor td img {max-width: 1180px;}

.report_copy_textarea {width: 770px; height: 200px; font-size:14px; line-height:20px; padding: 5px 10px;}


.directory_textarea_s {width: 100%; height: 70px; font-size:14px; line-height:20px; padding: 5px 10px;}
.directory_textarea_m {width: 100%; height: 200px; font-size:14px; line-height:20px; padding: 5px 10px;}
.directory_textarea_b {width: 100%; height: 500px; font-size:14px; line-height:20px; padding: 5px 10px;}

.ticket_s {width: 100%; height: 100px; font-size:14px; line-height:20px; padding: 5px 10px;}

/* table 상세 내용영역 */
table.table_detail_editor {width: 1220px; margin: 10px auto; border-image: none; border-collapse: separate; border-spacing: 0; letter-spacing: -0.01em; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }

.table_detail_editor > thead > tr > th {background-color: #f6f6f6; font-size: 15px; line-height: 32px; text-align: center; }
.table_detail_editor > tbody > tr > td {padding: 10px 20px 10px 20px; font-size: 15px; color: #000000; border-top: 1px solid #dcdcdc; line-height: 28.5px; font-family: 'Nanum Barun Gothic';}
.table_detail_editor > tbody > tr > td a{color: #000; font-weight: 700;}

.table_detail_editor td img {max-width: 1180px;}



table.table_detail_forum {width: 1220px; margin: 10px auto; border-image: none; border-collapse: separate; border-spacing: 0; letter-spacing: -0.01em; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }

.table_detail_forum > thead > tr > th {background-color: #f6f6f6; font-size: 15px; line-height: 32px; text-align: center; }
.table_detail_forum > tbody > tr > td {padding: 10px 0px; font-size: 16px; color: #000000; border-top: 1px solid #dcdcdc; line-height: 32px; font-family: 'Nanum Barun Gothic';}
.table_detail_forum > tbody > tr > td a{color: #000; font-weight: 700;}



#info_continer{display: flex; flex-direction: row; justify-content: space-around;}
#info_first{flex-basis: 550px;}
#info_first img {min-width:550px; max-width:550px; border: 1px solid #dcdcdc;}
#info_second{flex-basis: 570px;  font-size: 16px; line-height: 29px;} 



/* table 바 */
table.table_approval_bar {width: 100%; border-image: none; border-collapse: separate; border-spacing: 0;}
.table_approval_bar td + td { padding: 0px 0px 0px 0px;}




/* table detail */
.table_detail > tbody :hover {background-color: #f6f6f6; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;}

table.table_detail {width: 1220px; border-image: none; text-align: center; border-collapse: separate; border-spacing: 0; letter-spacing: -0.02em; margin: 0 auto; word-break:keep-all;}

.table_detail > tbody > tr > td {padding: 5px 20px 5px 20px; line-height: 36px;  font-size: 12px; color: #636363; font-weight: 700; }
.table_detail > tbody > tr > td a{color: #000; font-weight: 700;}

.table_detail td {border-top: 1px solid #dcdcdc; background-color: #f6f6f6; font-weight: 700;}
.table_detail td + td {border-left: 1px solid #dcdcdc; background-color: #fff; text-align: left;  font-weight: 400; }
.table_detail td + td + td {background-color: #f6f6f6; text-align: center;  font-weight: 700;}
.table_detail td + td + td + td {background-color: #fff; text-align: left;  font-weight: 400; }
.table_detail tbody + tbody {border-bottom: 1px solid #dcdcdc; }



/* page number button */
#pagination {text-align: center; margin-top: 40px;}
#pagination ul {display: inline-block; vertical-align: middle;}
#pagination .page-numbers {padding: 0; list-style: none; text-align: center; vertical-align: middle;}
#pagination .page-numbers li { width: auto !important; float: left;  margin: 0 2px 0 2px; line-height: 1; clear: none;  font-size: 14px;}

#pagination .page-numbers li a,
#pagination .page-numbers li i { display: inline-block; height: 30px; min-width: 30px; line-height: 30px; color: #929292; background-color: #f8f8f8; border-radius: 0px; }
#pagination .page-numbers li a:hover,
#pagination .page-numbers li span:hover,
#pagination .page-numbers li i:hover {color: #fff; background-color: #4c4f49;}

#pagination .page-numbers li a i,
#pagination .page-numbers li i i {margin: 0; padding: 0; line-height: 30px;}

#pagination .page-numbers li a.prev,
#pagination .page-numbers li i.prev {background: #ebebeb; background-image: url(../img/page_arrow_l.png); background-position: center; background-repeat:no-repeat;}
#pagination .page-numbers li a.next,
#pagination .page-numbers li i.next {background: #ebebeb; background-image: url(../img/page_arrow_r.png); background-position: center; background-repeat:no-repeat;}

#pagination .page-numbers li a.prev:hover,
#pagination .page-numbers li i.prev:hover, 
#pagination .page-numbers li a.next:hover,
#pagination .page-numbers li i.next:hover {background-color: #4c4f49;}

#pagination .page-numbers li a.prev i,
#pagination .page-numbers li i.prev i,
#pagination .page-numbers li a.next i,
#pagination .page-numbers li i.next i {background-color: transparent;}

#pagination .page-numbers li .current {color: #fff; background-color: #B671D4!important;}
#pagination .page-numbers li .current:hover { background-color: #8033A2!important;}

#pagination .page-numbers lr {position: absolute; right: 0px;}



/* write title */
#writetitle {text-align: left; border-bottom: 1px solid #000;}
#writetitle ul {display: inline-block;}
#writetitle ul li {width: 980px !important; font-size: 22px; line-height:60px; padding: 0 20px 0 20px; overflow: hidden; float: left;}


/* write detail */
#writedetail {text-align: left; border-bottom: 1px solid #dcdcdc;}
#writedetail ul {display: inline-block;}
#writedetail ul li {width: 980px !important; font-size: 14px; line-height:22px; color: #929292; padding: 10px 10px 10px 10px; overflow: hidden;}


/* detail title */
#detailtitle {text-align: left; border-bottom: 1px solid #000;}
#detailtitle ul {display: inline-block;}
#detailtitle ul li {width: 990px !important; font-size: 22px; line-height:60px; padding: 0 20px 0 20px; overflow: hidden; float: left;}
#detailtitle ul lr {width: 160px !important; font-size: 14px; line-height:60px; padding: 0 10px 0 0; overflow: hidden; color: #929292; float: right;}

/* detail */
#detail {text-align: left; border-bottom: 1px solid #dcdcdc;}
#detail ul {display: inline-block;}
#detail ul li {width: 1160px !important; font-size: 14px; line-height:22px; color: #929292; padding: 20px 20px 20px 20px; overflow: hidden;}

#detail_file {text-align: left; border-bottom: 1px solid #dcdcdc;}
#detail_file ul {display: inline-block; vertical-align: middle;}
#detail_file ul li {width: 1160px !important; font-size: 14px; line-height:22px; color: #929292; padding: 10px 20px 10px 20px; overflow: hidden;}

/* list search br */
#list_search_bar {text-align: center;}
#list_search_bar ul {display: inline-block; margin: 0 0 20px 0; vertical-align: middle;}
#list_search_bar ul li {display: inline-block; color: #929292; padding: 0px 2px 0px 2px; overflow: hidden;}



/* bord btn bar */
#bordbtnbar {position: relative; text-align: center; margin: 30px 0 30px 0;}
#bordbtnbar ul li {display: inline-block;}

#print_btn_bar {text-align: center; padding: 30px 0 30px 0; background-color:#f2f2f2; border-top: 1px solid #dcdcdc;}
#print_btn_bar ul li {display: inline-block;}

.icon_board_new { display: inline-block; width: 18px; height: 18px; background-image: url(../img/icon_board_new.png); background-position: center; background-repeat:no-repeat; vertical-align: middle; margin: 0 0 0 4px;}
.icon_board_file { display: inline-block; width: 18px; height: 18px; background-image: url(../img/icon_board_file.png); background-position: center; background-repeat:no-repeat; vertical-align: middle; margin: 0 0 0 4px;}
.icon_board_read { display: inline-block; width: 18px; height: 18px; background-image: url(../img/icon_unread.png); background-position: center; background-repeat:no-repeat; vertical-align: middle; margin: 0 0 0 4px;}



.detail_info {width: 96%; margin: 0 auto; }
.detail_info ul {display: block; padding: 20px 0 10px 0;}
.detail_info ul li {display: inline-block; width: 50%; font-size: 13px; color: #000000; float: left;}
.detail_info ul lr {display: inline-block; width: 50%; font-size: 13px; color: #929292; text-align: right;}

.detail_middle {width: 96%; margin: 0 auto; }
.detail_middle ul {position: relative;  display: block;  vertical-align: middle;  padding: 10px 0 15px 0; }
.detail_middle ul li {width: 50%; display: inline-block; font-size: 13px; color: #000000; float: left;}
.detail_middle ul lr {width: 50%; display: inline-block; font-size: 13px; color: #929292; text-align: right;}


/* 댓글남기기 영역*/
.comment_bg{position: relative; display: block; background:#f6f6f6; padding: 20px 20px 40px 20px; }
.comment_title {font-size: 16px; font-weight: 700; color: #000;;}

.comment_write {margin: 0 auto; position: relative; padding: 20px 0px 20px 0px; vertical-align: middle; border-bottom: 1px solid #000000;}
.comment_write textarea {display: inline-block; font-size: 13px;  color: #000; background: #fff; line-height: 18px; width: 90.6%; height: 60px; margin-right: 5px;}
.comment_write textarea::placeholder {font-size: 13px; color: #929292; font-weight: 200;}
.comment_write textarea::-webkit-input-placeholder {font-size: 13px; color: #929292; font-weight: 200;}
.comment_write textarea:-ms-input-placeholder {font-size: 13px; color: #929292; font-weight: 200;}

.comment_write input {display: inline-block; font-size: 13px;  color: #000; background: #fff; line-height: 34px; width: 15%; height: 34px; margin-right: 5px;}
.comment_write input::placeholder {font-size: 12px; color: #929292; font-weight: 200;}
.comment_write input::-webkit-input-placeholder {font-size: 12px; color: #929292; font-weight: 200;}
.comment_write input:-ms-input-placeholder {font-size: 12px; color: #929292; font-weight: 200;}


.comment_detail {margin: 0 auto; position: relative; padding: 18px 0 10px 0; vertical-align: middle;  border-bottom: 1px solid #C1C1C1;}
.comment_detail .name {position: relative; display: inline-block; font-size: 13px; color: #000; font-weight: 700;}
.comment_detail .date {display: inline-block; width: 200px; vertical-align: middle;font-size: 13px;  color: #8c8c8c; margin-left: 30px;}
.comment_detail .com_detail {position: relative; display: inline-block; font-size: 13px; line-height: 18px;  color: #424242; width: 90.6%;  padding: 10px 0px 4px 0px;  word-break: keep-all;  word-wrap: break-word; vertical-align:middle;}
.comment_detail .btn_bar {position: relative; display: block; line-height: 30px; text-align: right;}
.comment_detail .copy {font-size: 13px; line-height: 40px;  color: #4D4D4D;text-align: center;}
.comment_detail .mody {position: relative; display: inline-block; font-size: 13px;  color: #000; background: #fff; line-height: 18px; width: 90.6%; height: 60px; margin-right: 5px;}
.comment_detail textarea::placeholder {font-size: 13px; color: #929292; font-weight: 200;}
.comment_detail textarea::-webkit-input-placeholder {font-size: 13px; color: #929292; font-weight: 200;}
.comment_detail textarea:-ms-input-placeholder {font-size: 13px; color: #929292; font-weight: 200;}

.comment_detail input {display: inline-block; font-size: 13px;  color: #000; background: #fff; line-height: 34px; width: 15%; height: 34px; margin-right: 5px;}
.comment_detail input::placeholder {font-size: 12px; color: #929292; font-weight: 200;}
.comment_detail input::-webkit-input-placeholder {font-size: 12px; color: #929292; font-weight: 200;}
.comment_detail input:-ms-input-placeholder {font-size: 12px; color: #929292; font-weight: 200;}

.comment_pwdform {margin: 0 auto; position: relative; padding: 18px 0 10px 0; vertical-align: middle;  border-bottom: 1px solid #C1C1C1;}

/* 사진갤러리 영역*/

#thum_list_form {position: relative; display: inline-block; padding: 0 20px;}
#thum_list_form ul {text-align: left;}
#thum_list_form ul li { display: inline-block; width: 285px; vertical-align:top; margin-bottom: 40px;}
#thum_list_form ul li {margin-right: 19px; display: inline-block;}
#thum_list_form ul li + li + li + li {margin-right: 0px; display: inline-block;}

.thum_280 {min-width: 280px; min-height: 202px;  text-align: center; overflow: hidden;  display: table-cell; vertical-align: middle; background: rgba(247,247,247,1.00); border: 1px solid #E3E3E3;}
.thum_280 img {width: 280px; height: 202px; object-fit: cover; object-position: center center; overflow: hidden;}
.thum_280 img:hover {}
.thum_title_16 {position: relative; display: block; font-size: 16px; text-align: center; padding: 8px 0 0 0;  word-break: keep-all;  word-wrap: break-word;}
.thum_title_14_gray {position: relative; display: block; font-size: 14px; color: rgba(150,150,150,1.00); text-align: center; padding: 8px 0 0 0;  word-break: keep-all;  word-wrap: break-word;}
.viewicon { display: inline-block; width: 24px; height: 14px; background-image:url('../img/icon_view.png'); background-repeat: no-repeat; background-position: center; margin:0 6px 0 15px; vertical-align: middle;}
/* image Zoom in */
.zm_over .conbg {transition:0.3s; -webkit-transition: all .3s;}
.zm_over:hover .conbg {transform: scale(1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);	opacity: 1;}