@charset "utf-8";
p { margin: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
legend { width: 0; height: 0; margin: 0; visibility: hidden; }
ul, ol { margin: 0; padding: 0; }
a { text-decoration: none; color: #222; }
a:focus { text-decoration: none; }
a:hover { text-decoration: none; }
.list-inline.pdr0 li { padding-right: 0 !important }
.pdr0 { padding-right: 0 }
.pdL0 { padding-left: 0 !important }
.no-radius { border-radius: 0 !important }
.w-xxs { width: 45px }
.w-xs { width: 60px }
.w-sm { width: 80px }
.w-md { width: 110px }
.w-lg { width: 140px; }
.w75 { width: 75% !important }
.w-30 { width: 30% }
.mgb0 { margin-bottom: 0 }
.mgL15 { margin-left: 15px }
.mgL-15 { margin-left: -15px }
.mgt5 { margin-top: 5px }
.mgt15 { margin-top: 15px }
.mgt25 { margin-top: 25px }
.mgt45 { margin-top: 45px }
.mgb15 { margin-bottom: 15px; }
.md-clear { clear: right; display: block }

label {font-weight:normal}
 @media (max-width:1023px) {
.md-clear { clear: none; display: inline }
}
.line-height25 { line-height: 25px }
.li-dash { list-style: none; padding-left: 10px; }
.li-dash > li::before { content: "-"; float: left; margin-left: -10px }
.btn-control { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 );
border-radius: 0; border: 1px solid #ccc; }
.btn.btn-control:hover, .btn.btn-control:focus { color: #060; }
.btn.btn-blue { background-color: #007dd4; color: #fff; border-radius: 0; font-size: 12px; font-weight: bold; line-height: 30px; padding: 2px 18px; font-family: dotum, "돋움"; }
.btn.btn-blue.btn-lg { font-size: 15px; font-weight: bold; padding: 6px 30px }
.btn-lightgray { background-color: #999; border-radius: 0; color: #fff; font-size: 12px; font-weight: bold; line-height: 30px; padding: 0 15px; }
.btn-darkgray { background-color: #888888; border-radius: 0; color: #fff; font-family: dotum, "돋움"; font-size: 12px; font-weight: bold; line-height: 30px; padding: 0 10px; }
.btn-red { background-color: #d9534f; border-radius: 0; color: #fff; font-family: dotum, "돋움"; font-size: 12px; font-weight: bold; line-height: 30px; padding: 0 16px; }
.btn:focus, .btn:hover { color: #fff; opacity: .8 }
.mgl5 a { margin-left: 5px; }
input[type='text'], input[type='email'], input[type='password'], select, input[type='datetime'], input[type='number'] { border: 1px solid #ccc; height: 30px; padding: 3px 6px; box-sizing: border-box; none; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
input[type="text"]:focus, input:focus, textarea:focus, input[type="datetime"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus { box-shadow: none; border-color: #007aff; }
input[type="checkbox"] { border: 1px solid #ccc; margin-top: 8px; vertical-align: top; }
label { vertical-align: top; line-height: 28px; margin-bottom: 0 }
textarea { border: 1px solid #ccc; }
.form-control { border-radius: 0; }
.form-control:focus { box-shadow: none; border-color: #007aff }
.submenu03 { display: none; }
.submenu03 .fa { display: none; }
/* base end */



/*board-list*/
h5.sub-con-title { font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #0073bc; padding-left: 20px; background: url(images/board/modal-title-icon.gif) no-repeat left 1px; }
.board-top { height: 30px; margin-top: 20px }
.total { color: #666; padding-top: 10px }
.total > span { color: #087ad6; font-weight: bold }
.search-box .btn.btn-darkgray { }
.search-box { margin-bottom: 3px }
.search-box input, .search-box select, .search-box img { vertical-align: top; box-shadow: none }
.search-box .search-btn { padding: 0; border: none }
.bordered { border-top: 2px solid #46a748; border-bottom: 1px solid #ccc; margin-top: 5px; }
.table.bordered > tbody > tr > td, .table.bordered > tbody > tr > th, .table.bordered > tfoot > tr > td, .table.bordered > tfoot > tr > th, .table.bordered > thead > tr > td, .table.bordered > thead > tr > th { border-color: #ccc; }
.table.bordered thead > tr > th, .table.bordered thead > tr > td { vertical-align: middle !important; text-align: center; border-width: 1px; color: #222 }
.table.bordered tbody > tr:first-child > th, .table.bordered tbody > tr:first-child > td { border-top: none; }
.table.bordered tbody td { font-family: dotum, "돋움"; font-size: 13px }
.label-notice { background-color: #02b9ad; border-radius: 0; padding: 4px 8px 3px 8px; font-size: 11px; }
.board-btn-group:after { display: block; clear: both; content: "" }
.board-header-con { border: 1px solid #e1e1e1; margin-top: 15px; }
.board-header-con td:first-child { width: 100px; background-color: #e1e1e1; padding: 15px 0 0 0 }
.board-header-con td:last-child { padding: 10px 13px }
.board-header-con td li { font-size: 14px; color: #1c5379; font-weight: bold }
.board-header-con td li.text1 { color: #000; font-size: 15px }
.board-header-con td li.text2 { color: #7c7c7c; font-size: 13px; margin: 5px 0; font-weight: normal }
.pagination-sm > li > a { margin: 0 3px; font-size: 14px; padding: 2px 9px; color: #666 }
.pagination-sm > li > a > span { font-size: 20px; line-height: 16px }
 @media (max-width:767px) {
.board-header-con td li { font-size: 12px; color: #1c5379; font-weight: bold }
.board-header-con td li.text1 { color: #000; font-size: 12px }
.board-header-con td li.text2 { color: #7c7c7c; font-size: 12px; margin: 5px 0; font-weight: normal }
/*게시판list*/
table.list thead, table.list tbody, table.list th, table.list td, table.list tr { display: block; }
table.list thead tr { position: absolute; top: -9999px; left: -9999px; }
table.list tr:nth-of-type(odd) { background-color: #fafafa; }
table.list tbody td { position: relative; min-height: 40px; text-align: left; padding: 10px 0 10px 100px !important; }
table.list tbody td:before { position: absolute; top: 10px; left: 10px; white-space: nowrap; font-weight: bold; color: #2a2a2a !important; }
table.list tbody tr:first-child th, table.list tbody tr:first-child td { border-top: 1px solid #e0e0e0; }
table.list tbody tr:first-child td:first-child { border-top: 0; }
table.list thead, table.list tbody td:before { display: none !important; }
table.list tr:nth-of-type(odd) { background-color: #fff; }
table.list tr { border-bottom: 1px solid #e0e0e0 !important; }
table.list tr:after { content: ''; display: block; clear: both; height: 0px; visibility: hidden; }
table.list tbody td { position: static !important; min-height: 0; padding: 4px 10px 8px !important; }
table.list td { text-align: left !important; }
table.list tbody tr:first-child th, table.list tbody tr:first-child td { border-top: 0; }
table.list tbody tr:first-child td:first-child { border-top: 0; }
table.list tr { position: relative; }
table.list tbody tr td { border: 0 !important; }
table.list tbody td { display: inline-block; float: left; width: auto; position: relative !important; }
table.list tbody td.kboard-list-uid { width: 70px; display:inline-block !important }
table.list tbody td.kboard-list-file { display: block; float: none; position: absolute !important; right: 10px; bottom: 0; }
table.list tbody td.kboard-list-category {display:inline-block !important; white-space: nowrap; text-overflow: ellipsis;}
table.list tbody td.kboard-list-title { font-weight: 700; font-size: 14px; display:inline-block !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; clear:right;width:65%}
table.list tbody td.kboard-list-author {clear:left}
table.list tbody td:before { position: absolute; top: 8px; left: -1px; display: block !important; content: ''; width: 1px; height: 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #dedede; }
table.list tbody td.kboard-list-author:before, table.list tbody td.kboard-list-uid:before, table.list tbody td.kboard-list-title:before, table.list tbody td.kboard-list-file:before { display: none !important; }
.search-box .form-control { display: inline }
}
/*board-view*/
.board_view { font-size: 13px }
.title_bar { border-top: 2px solid #46a748; color: #333; border-bottom: 1px solid #ccc; font-size: 15px; padding: 11px; font-weight: bold }
.info_total { font-family: dotum, "돋움"; height:40px; color: #666; }
.info_total ul > li {width:33%}
.info_total ul > li span { font-weight: bold; margin-right: 10px; background-color: #f5f5f5; display: inline-block; padding: 10px 30px; }
.view_body { font-family: dotum, "돋움"; line-height: 20px; padding: 15px }
.attach_file { margin-bottom: 28px; border: 1px solid #ccc; border-left: none; border-right: none ;position:relative;padding-bottom:7px}
.attach_file .dl-horizontal { margin-bottom: 0; font-family: dotum, "돋움"; padding-left: 95px }
.attach_file .dl-horizontal dt { width: 100px; margin-left: -95px; background-color: #f5f5f5; padding: 11px 0; text-align: center ;position:absolute;top:0;bottom:0}
.attach_file .dl-horizontal dd { margin-left: 15px; padding-top:7px }
.page_link { margin-top: 20px }
.page_link .dl-horizontal { font-family: dotum, "돋움"; }
.page_link .dl-horizontal dt { width: 90px; padding: 11px; float: left }
.page_link .dl-horizontal dd { padding: 11px 11px 0 100px; border-top: 1px solid #ccc; margin-left: 0 }
.page_link .dl-horizontal dd:last-child { border-bottom: 1px solid #ccc; }
.line { border-color: #999; }
.comment-write { margin-bottom: 20px; }
.comment-write legend { visibility: visible; width: 100%; height: 40px; border: none; line-height: 40px; vertical-align: middle; font-size: 16px }
.comment-write table { border: 1px solid #ccc; width: 100% }
.comment-write textarea { width: 100%; border: none; border-bottom: 1px solid #ccc; padding: 10px }
.comment-write button { line-height: 30px }
.comment-write button:hover { color: #000; background-color: #ccc; }
.comment-write label { padding-left: 10px; color: #2d2d2d; }
.comment-list {
margin-bottom:; font-family: dotum, "돋움"; }
.comment-list > ul > li { border-bottom: 1px solid #ccc; }
.cb_name { font-weight: bold; }
.cb_date { color: #a9a9a9; font-family: dotum, "돋움"; }
.cb_comment { font-family: dotum, "돋움"; margin-top: 5px; padding-bottom: 8px; }
.list_reply, .reply-comment-write { padding: 10px; border-top: 1px solid #ccc; list-style: none; background-color: #f7f7f7; }
.comment-list .cbtns > li:first-child:after, .comment-list .cbtns > li:last-child:after { content: "" }
.comment-list .cbtns > li:after { content: "|"; padding-left: 10px }
.list_reply .cb_name img { vertical-align: top; margin-right: 10px }
.list_reply .cb_comment { padding-left: 25px; }
.list_reply ol { padding-left: 25px; }
.reply-comment-write { padding-bottom: 10px; }
.btn_reply_reg { width: 86px; ; padding-bottom: 2px }
.reply-comment-write.comment-write { margin-bottom: 0 }
.reply-comment-write.comment-write table { margin-left: 25px; width: 95%; position: relative; background-color: #fff; }
/*board-write*/
.board_write { margin-bottom: 20px }
.board_write legend { text-align: right; visibility: visible; width: 100%; height: auto; border: none; font-size: 1em; margin-top: 20px; }
.th-bg { background-color: #f9f9f9; }
.board_write .ksa-tab .nav.nav-tabs li a { font-size: 15px }
dl.form_group { position: relative; margin-bottom: 0 }
dl.form_group > dt { position: absolute; top: 0; left: 0; width: 100px; bottom: 0; background-color: #f7f7f7; text-align: center; border-bottom: 1px solid #e3e3e3; padding: 6px; padding-top: 9px }
dl.form_group > dd { padding: 6px; padding-left: 110px; border-bottom: 1px solid #e3e3e3; vertical-align: middle }
.file_input_textbox { float: left; margin-right: -100px; border: 1px solid #ccc; height: 30px; padding: 3px; box-sizing: border-box; width: 100% }
.file_input_div { position: relative; width: 100px; height: 30px; overflow: hidden; box-sizing: border-box }
.file_input_button { width: 100px; position: absolute; top: 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */
color: #333333; border: 1px solid #cccccc; box-sizing: border-box; height: 30px; }
.file_input_hidden { font-size: 45px; position: absolute; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; }
.writer { margin-left: 160px; }
.writer li { display: inline-block }
 @media (max-width:1023px) {
.table.bordered { font-size: 12px; }
.sm-clear {display:block;margin:5px 0}
.info_total ul > li {width:32%}
}
 @media (max-width:767px) {
.attach_file .dl-horizontal { padding: 0 }
.attach_file .dl-horizontal dt { width: 100%; margin-left: 0; background-color: #f5f5f5; padding: 11px; text-align: left }
.attach_file .dl-horizontal dd { margin: 0; padding: 11px }
.comment-write table tr:last-child td { padding: 10px }
.info_total ul { padding: 10px; text-align: left; font-size: 13px }
.info_total ul > li {width:auto}
.info_total ul > li span { font-weight: bold; margin-right: 0; background-color: transparent; display: inline; padding: 0 15px 0 0 }
.info_total ul > li:after { content: "|"; padding-left: 10px; color: #dedede }
.info_total ul > li:last-child:after { content: "" }
.comment-write button { line-height: 55px }
.table.bordered { font-size: 12px ;}
.table-responsive > .table.bordered {margin-top:0;border-top:2px solid #46a748}
dl.form_group > dt { position: relative; width: auto; text-align: left }
dl.form_group > dd { padding-left: 6px; }

}
 @media (max-width:500px) {
.hidden-xxs { display: none }
}
/*갤러리리스트*/
.fixed_img_row ul { margin: 0; padding: 0; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; list-style: none; border-top: 2px solid #666666 }
.fixed_img_row li { position: relative; margin: 0; padding: 15px 0 15px 189px; border-bottom: 1px solid #e4e4e4; border-left: 0; border-right: 0; vertical-align: top; *zoom:1
}
.fixed_img_row li:after { display: block; clear: both; content: "" }
.fixed_img_row a { text-decoration: none; cursor: pointer }
.fixed_img_row a strong { display: inline-block; margin: 0 0 4px 0; color: #333; font-size: 15px; }
.fixed_img_row .thumb { display: inline; overflow: hidden; float: left; position: relative; width: 189px; height: 125px; margin: 0 25px 0 -189px; background: #eee; color: #666; line-height: 80px; text-align: center; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666 }
.fixed_img_row .thumb img { display: block; border: 0; width: 100%; height: 100% }
.fixed_img_row .thumb em { visibility: hidden; position: absolute; top: 50%; left: 0; width: 1px; height: 1px; margin: -90px 0 0 0; background: #000; font-weight: bold; font-style: normal; font-size: 60px; color: #fff; text-align: center; opacity: .6; filter: alpha(opacity=60) }
.fixed_img_row .thumb em { _visibility: visible; _top: 0; _width: 100%; _height: auto; _margin: 0; _line-height: 20px }
.fixed_img_row p { margin: 0; color: #767676; line-height: 1.4 }
.fixed_img_row a:hover strong, .fixed_img_row a:active strong, .fixed_img_row a:focus strong { text-decoration: underline }
.fixed_img_row a:hover .thumb, .fixed_img_row a:active .thumb, .fixed_img_row a:focus .thumb { width: 189px; height: 125px; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }
.fixed_img_row a:hover .thumb em, .fixed_img_row a:active .thumb em, .fixed_img_row a:focus .thumb em { visibility: visible; width: 100%; height: auto; line-height: 180px }
 @media (max-width:767px) {
.fixed_img_row li { padding: 15px 0 15px 135px; }
.fixed_img_row a strong { display: inline }
.fixed_img_row .thumb { width: 135px; height: 90px; margin: 0 15px 0 -135px; }
.fixed_img_row a:hover .thumb, .fixed_img_row a:active .thumb, .fixed_img_row a:focus .thumb { width: 135px; height: 90px; }
}
/* 갤러리 썸네일형*/
.fixed_img_col ul { overflow: hidden; position: relative; margin:10px 0; padding: 0; border: 2px solid #666; border-left: 0; border-right: 0; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; list-style: none; *zoom:1;width:100%}
.fixed_img_col ul:after { display: block; clear: both; content: "" }
.fixed_img_col li { overflow: hidden; float: left; position: relative; top: 1px; width: 28.5%; height: 230px; border: 1px solid #e4e4e4; padding: 13px; margin: 2%;background-color: #f7f7f7;}
.fixed_img_col .thumb { display: block; overflow: hidden; position: relative; width: 100%; height: 125px; background: #eee; color: #666; line-height: 120px; text-align: center; white-space: nowrap }
.fixed_img_col .thumb img { display: block; width: auto; height: auto; border: 0 ;max-width:100%}
.fixed_img_col .thumb em { visibility: hidden; position: absolute; bottom: 0; left: 0; top: 0; width: 1px; height: 1px; background: #000; font-weight: bold; font-style: normal; color: #fff; text-align: center; opacity: .5; filter: alpha(opacity=60); font-size: 60px; }
.fixed_img_col .thumb em { _visibility: visible; _width: 100%; _height: auto; _line-height: 20px }
.fixed_img_col a { display: block; width: 100%; margin: 0 auto; padding: 0; text-decoration: none; cursor: pointer; }
.fixed_img_col a strong { display: inline-block; margin: 18px 0 0 0; color: #333; width: 98%; font-size: 13px; height:34px; overflow: hidden; text-overflow: ellipsis; }
.fixed_img_col p { margin: 5px auto; font-size: 12px; color: #767676 ;text-align:right}
.fixed_img_col a:hover strong, .fixed_img_col a:active strong, .fixed_img_col a:focus strong { text-decoration: underline }
.fixed_img_col a:hover .thumb, .fixed_img_col a:active .thumb, .fixed_img_col a:focus .thumb { -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666 }
.fixed_img_col a:hover .thumb em, .fixed_img_col a:active .thumb em, .fixed_img_col a:focus .thumb em { visibility: visible; width: 100%; height: auto }
.i_dsc { font-size: 12px; line-height: 30px; color: #666 }
/* //UI Object */
@media (max-width:767px) {
.fixed_img_col li { width: 43% }
}
@media (max-width:500px) {
.fixed_img_col li { width: 92% }
}
/*hasDatepicker*/
.ui-datepicker { background-color: #fff; }
.ui-datepicker.ui-datepicker-inline { width: 100%; border: none }
.ui-datepicker-prev, .ui-datepicker.ui-datepicker-inline .ui-datepicker-prev { float: left; width: 30px; height: 25px; background: url(images/board/datepicker-prev-btn.png) no-repeat left top; text-indent: -9999px; overflow: hidden }
.ui-datepicker-next, .ui-datepicker.ui-datepicker-inline .ui-datepicker-next { float: right; width: 30px; height: 25px; background: url(images/board/datepicker-next-btn.png) no-repeat left top; text-indent: -9999px; overflow: hidden }
.ui-datepicker .ui-datepicker-title { text-align: center; font-size: 14px; font-weight: bold; line-height: 25px }
.ui-datepicker-year:after { content: "년" }
.ui-datepicker.ui-datepicker-inline .ui-datepicker-year:after { display: none }
.ui-datepicker.ui-datepicker-inline .ui-widget-header .ui-icon { background: none; }
.ui-datepicker-calendar, .ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar { width: 100%; margin-top: 10px; border: 1px solid #ccc; text-align: center; background-color: #fff; }
.ui-datepicker.ui-datepicker-inline .ui-datepicker-calendar { min-height: 240px }
.ui-datepicker-calendar thead th { border-bottom: 1px solid #ccc; background: url(images/board/datepicker-bg.jpg) repeat-x; height: 38px; text-align: center }
.ui-datepicker-calendar td { padding: 5px; }
.ui-datepicker-calendar th:first-child.ui-datepicker-week-end, .ui-datepicker-calendar td:first-child.ui-datepicker-week-end a { color: #ff0000 }
.ui-datepicker-calendar th:last-child.ui-datepicker-week-end, .ui-datepicker-calendar td:last-child.ui-datepicker-week-end a { color: #004ddb }
.calendar.hasDatepicker .ui-datepicker-calendar .ui-state-default, .hasDatepicker.calendar .ui-datepicker-calendar .ui-state-default { line-height: 28px; display: block; border: 1px solid #fff; margin: 0 auto; padding: 2% }
.calendar.hasDatepicker .ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-state-active { border: 1px solid #0e93b1 }
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default { line-height: 15px; border: 1px solid #fff; display: block; margin: 0 auto; padding: 1px }
#ui-datepicker-div .ui-datepicker-calendar .ui-state-hover, #ui-datepicker-div .ui-datepicker-calendar .ui-state-active, #datepicker .ui-datepicker-calendar .ui-state-hover, #datepicker .ui-datepicker-calendar .ui-state-active { color: #333; border: 1px solid #ff0000; font-weight: bold; letter-spacing: -1px }
.ui-datepicker.ui-datepicker-inline .ui-widget-header { background: none; border: none; }
.ui-datepicker.ui-datepicker-inline .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; text-align: center; color: #666; font-weight: normal; display: block; }
.ui-datepicker-trigger { margin-left: 5px }
@media (max-width:1119px) {
.ui-datepicker-calendar { margin-bottom: 15px }
}
/*게시판 pagination*/
.pagination .PagedList-skipToFirst a { background: url(images/board/first-icon.gif) no-repeat left center; text-indent: -9999px; overflow: hidden; display: block; width: 21px; height: 30px; margin-right: 5px }
.pagination .PagedList-skipToPrevious a { background: url(images/board/Previous-icon.gif) no-repeat left center; text-indent: -9999px; overflow: hidden; display: block; width: 21px; height: 30px; }
.pagination .PagedList-skipToNext a { background: url(images/board/next-icon.gif) no-repeat left center; text-indent: -9999px; overflow: hidden; display: block; width: 21px; height: 30px; }
.pagination > li:first-child > a, .pagination > li:last-child > a { border-radius: 0 }
.pagination .PagedList-skipToLast a { background: url(images/board/end-icon.gif) no-repeat left center; text-indent: -9999px; overflow: hidden; display: block; width: 21px; height: 30px; margin-left: 5px }
.th-borderR th { border-right: 1px solid #ccc; background-color: #f7f7f7; color: #222; }
/*자원봉사신청*/
.volunteer input[type='checkbox'] {margin-top:0; color:#666}
.mgr15 {margin-right:15px}
.farm-A-title { margin: 20px 0 10px; padding: 0; font-size: 16px; font-weight: 600; color: #000000; }
.farm-A-title:before { content: ''; position: relative; top: 0; margin-right: 8px; border-left: 3px solid #b5b5b5; }
.farm-A-title + .farm-A-form { margin-top: 15px; }
.farm-A-form + .farm-A-title { margin-top: 30px; }
.farm-A-mgt { margin-top: 40px; }
.farm-A-form { width: 100%; border-top: 2px solid #46a748; border-bottom: 1px solid #666; border-collapse: separate; border-spacing: 0; margin-bottom:20px}
.farm-A-form caption { width: 0; height: 0; overflow: hidden; position: absolute; top: -9999px; left: -9999px; }
.farm-A-form > colgroup { display: none; }
.farm-A-form > thead > tr > th { height: 45px; border-bottom: 2px solid #ececec; background: #f8f8f8; font-size: 12px; color: #6f6f6f; vertical-align: middle; word-break: break-all; }
.farm-A-form > tbody > tr > th { display: block; padding: 10px 15px; border-top: 1px solid #ececec; background: #f8f8f8; font-size: 12px; color: #444; text-align: left; line-height: 20px; word-break: break-all; }
.farm-A-form > tbody > tr:first-child > th, .farm-A-form > tbody > tr:first-child > td { border-top: none; }
.farm-A-form > tbody > tr > th i { font-style: normal; color: #ff003e; }
.farm-A-form > tbody > tr > td { display: block; padding: 10px 15px; border-top: 1px solid #ececec; font-size: 12px; color: #6f6f6f; line-height: 22px; line-height: 20px; word-break: break-all; }
.farm-A-form > tbody > tr > td p { margin: 0; padding: 0; }
.farm-A-form > tbody > tr > td ul { margin: 0; padding: 0; list-style-type: none; }
.farm-A-form > tbody > tr > td select { height: 25px; }
.farm-A-form > tbody > tr > td textarea { padding: 5px; border: 1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.farm-A-form > tbody > tr > td > a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 25px; margin: 0 0 0 4px; padding: 0 10px; border: 1px solid #d1d1d1; background: #f6f6f6; font-family: Nanum Gothic, 'NanumGothic', 'Malgun Gothic'; font-size: 12px; color: #000000; text-align: center; text-decoration: none; line-height: 25px; }
.farm-A-form > tbody > tr > td * { vertical-align: middle; }
.farm-A-form input[type=text],  .farm-A-form input[type=password],  .farm-A-form input[type=number] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px; margin: 0; padding: 0 5px; font-size: 13px; border: 1px solid #dddddd; line-height: normal; }
.farm-A-form > tbody > tr > td input[id*=zipcode],  .farm-A-form > tbody > tr > td a[id*=zipcode],  .farm-A-form > tbody > tr > td button[id*=zipcode] { margin-bottom: 5px; }
.farm-A-form textarea { width: 100%; height: 200px; vertical-align: top; }
.farm-A-form i.farm-A-info { display: inline-block; margin: 0; padding: 0; font-size: 12px; font-style: normal; }
.farm-A-form #total_price_str { vertical-align: top; }
.farm-A-agree-wrap > div { margin: 30px 0; }
.farm-A-agree-wrap > div.farm-A-agree { margin-top: 0; }
.farm-A-agree-wrap .farm-A-agree-box { display: block; overflow: auto; height: 100px; margin-top: 15px; padding: 10px; border: 1px solid #ccc; border-radius: 3px; -webkit-overflow-scrolling: touch; }
.farm-A-agree-wrap .farm-A-agree-box h5 { margin: 40px 0 0; padding: 0; font-size: 15px; font-weight: 600; color: #000000; }
.farm-A-agree-wrap .farm-A-agree-box h5:first-child { margin-top: 0; }
.farm-A-agree-wrap .farm-A-agree-box p,  .farm-A-agree-wrap .farm-A-agree-box ul,  .farm-A-agree-wrap .farm-A-agree-box ol { margin: 15px 0 0; padding: 0; font-size: 13px; list-style-type: none; }
.farm-A-agree-wrap .farm-A-agree-box li { margin-top: 10px; padding-left: 10px; }
.farm-A-agree-wrap .farm-A-agree-box p { padding-left: 10px; }
.farm-A-agree-wrap .agree-check-box { margin: 15px 0; }
.farm-A-agree-wrap .agree-check-box:after { content: ''; display: block; clear: both; }
.farm-A-agree-wrap .agree-check-box input { float: left; margin-top:9px;margin-right:5px}
.farm-A-agree-wrap .agree-check-box label { float: left; margin-right: 10px; font-size: 13px; color: #333; }
.farm-A-payment-type { margin: 20px 0; }
.farm-A-payment-type input { margin-left: 15px; }
.farm-A-payment-type:first-child { margin-left: 0; }
.farm-A-payment-type label { font-size: 13px; }
.farm-A-payment-type font { position: relative; top: -2px; margin-left: 6px; }
.farm-A-payment-type * { vertical-align: middle; }
.farm-A-payment-type br { display: none; }
.farm-A-btn-wrap { margin: 30px 0 0; padding: 0; text-align: center; }
.farm-A-btn-wrap a { margin: 2px 0; }
.farm-A-btn-wrap * { vertical-align: top; }
.farm-A-btn-circle { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 40px; height: 40px; margin: 0; padding: 0; border-radius: 50%; border: 1px solid #a3a3a3; background: #a3a3a3; box-shadow: inset 1px 1px 0 rgba(255,255,255,0.4); font-family: Nanum Gothic, 'NanumGothic', 'Malgun Gothic'; font-size: 13px; font-weight: bold; color: #ffffff !important; line-height: 1.3; text-align: center; text-decoration: none; cursor: pointer; }
.farm-A-btn-circle.farm-A-small { font-size: 12px; line-height: 40px; }
.farm-A-btn-circle.farm-A-medium { width: 70px; height: 70px; line-height: 70px; }
.farm-A-btn-circle.farm-A-big { display: block; width: 100%; height: 60px; padding: 12px 0; border-radius: 0; }
.farm-A-btn-circle.farm-A-highlight { border: 1px solid #3d3d3d; background: #3d3d3d; } /* 강조 버튼 색상 */
.farm-A-btn-circle.farm-A-highlight:hover { border: 1px solid #3d3d3d; background: #ffffff; color: #3d3d3d !important; } /* 강조 버튼 마우스 오버 색상 */
.farm-A-btn-circle .farm-A-big-txt { display: block; font-size: 14px; }
.farm-A-btn-circle .farm-A-small-txt { display: block; font-size: 12px; }
.farm-A-btn-circle:hover { border: 1px solid #a3a3a3; background: #ffffff; color: #a3a3a3 !important; }
 @media (min-width:768px) {
.farm-A-form > colgroup { display: table-column-group; }
.farm-A-form > thead > tr > th { height: 45px; font-size: 13px; border-bottom: 2px solid #ececec; background: #f8f8f8; }
.farm-A-form > tbody > tr > th { display: table-cell; height: 25px; padding: 10px 0; font-size: 13px; text-align: center; border-top: 1px solid #ececec; background: #f8f8f8; }
.farm-A-form > tbody > tr > td { display: table-cell; height: 25px; padding: 10px; font-size: 13px; border-top: 1px solid #ececec; }
.farm-A-form > tbody > tr:first-child > th, .farm-A-form > tbody > tr:first-child > td { border-top: none; }
.farm-A-form input[type=text],  .farm-A-form input[type=password],  .farm-A-form input[type=number] { width: auto; }
.farm-A-form i.farm-A-info { margin: 0 0 0 10px; }
.farm-A-agree-wrap > div { margin: 50px 0; }
.farm-A-agree-wrap .farm-A-agree-box { height: 250px; padding: 20px; }
.farm-A-btn-wrap a { margin-left: 6px; }
.farm-A-btn-wrap a:first-child { margin-left: 0; }
.farm-A-btn-circle.farm-A-big { display: inline-block; width: 110px; height: 110px; padding: 40px 0; border-radius: 50%; }
}
 @media (min-width:1024px) {
}
 @media \0screen {
.farm-A-form > colgroup { display: table-column-group; }
.farm-A-form > thead > tr > th { height: 45px; font-size: 13px; border-bottom: 2px solid #ececec; background: #f8f8f8; }
.farm-A-form > tbody > tr > th { display: table-cell; height: 25px; padding: 10px 0; font-size: 13px; text-align: center; border-top: 1px solid #ececec; background: #f8f8f8; }
.farm-A-form > tbody > tr > td { display: table-cell; height: 25px; padding: 10px; font-size: 13px; border-top: 1px solid #ececec; }
.farm-A-form > tbody > tr:first-child > th, .farm-A-form > tbody > tr:first-child > td { border-top: none; }
.farm-A-form input[type=text],  .farm-A-form input[type=password],  .farm-A-form input[type=number] { width: auto; }
.farm-A-agree-wrap > div { margin: 50px 0; }
.farm-A-agree-wrap .farm-A-agree-box { height: 250px; padding: 20px; }
.farm-A-btn-wrap a { margin-left: 6px; }
.farm-A-btn-wrap a:first-child { margin-left: 0; }
.farm-A-btn-circle.farm-A-big { display: inline-block; width: 110px; height: 110px; padding: 40px 0; border-radius: 50%; }
}

/*비밀글팝업*/
.pop_panel {border:1px solid #ddd;}
.pop_panel > .panel-heading {background-color: #f5f5f5;border-bottom:1px solid #ddd;}

/*월별일정-view*/
.board_view.mcalendar > .title_bar {border-bottom:none;background-color: #f8f8f8;}
.board_view.mcalendar > .info_total {background-color: #f8f8f8;border-bottom:1px dashed #ccc;}
.board_view.mcalendar > .info_total > ul {padding:0 5px 5px 10px}
.board_view.mcalendar > .info_total > ul > li {width:auto}
.board_view.mcalendar > .info_total > ul > li:after {content:"|";padding-left:10px;color:#666}
.board_view.mcalendar > .info_total > ul > li:last-child {float:right}
.board_view.mcalendar > .info_total > ul > li:last-child:after {content:""}
@media (max-width:768px) {
.board_view.mcalendar > .info_total > ul > li:last-child {float:none}	
}

.pop_box .farm-A-form {border-collapse:collapse;border:1px solid #ddd;}
.pop_box .farm-A-form td,.pop_box .farm-A-form th  {border:1px solid #ddd;border-collapse:collapse}
.pop_box .farm-A-form th {font-weight:bold}
.pop_box .farm-A-form td {color:#444;}

 .board_writer,.board_date, .board_readcount {
     width: 33.333%;
     float: left;
     border-bottom: 1px solid #ccc;
            
 }

 .read_title {
     width: 32%;
     background: #f8f8f8;
     float: left;
     padding: 11px;
     color: rgb(51, 51, 51);
     font-weight: bold;
     text-align: center;
 }
 .read_value {
     width: 52%;
     float: left;
     padding: 11px;
 }
 .view_body {
     padding: 20px;
 }
 .view_body  img {
     width: auto;
     margin-top: 10px;
	 max-width:100%
 }

/*ebook*/
.ebookBoardList { width:100%; margin:15px auto; font-size:12px}
.ebClass { overflow:hidden; _zoom:1; margin:0; padding:0 2px; list-style:none; border:solid 1px #20140d; background-color:#341e12; }
.ebClass li { display:block; float:left; width:auto; padding:0 9px 0 8px; line-height:25px; white-space:nowrap; background:url(images/ebook/eb_bar.gif) no-repeat right center; }
.ebClass li a { color:#b3843a!important; }
.ebClass li a:hover { color:#e79d28!important; }
.ebClass li.sel a { font-weight:bold; color:#e79d28!important; letter-spacing:-1px; }
.ebClass li.end { background:none; }
.ebList { position:relative; height:650px; padding:90px 0 0 130px; }
.ebList ul { display:block; overflow:hidden; _zoom:1; width:500px; margin:0; padding:0; list-style:none; }
.ebList li { display:block; float:left; width:170px; height:236px; padding:0 6px 0 0; text-align:center; position:relative}
.ebList li * { vertical-align:middle; }
.ebList li .ebImg { height:190px; margin:0; padding:0; background:url(images/ebook/eb_book_bg.png) no-repeat top center; _background:none; display:block}
.ebList li .ebImg img {width:106px;height:150px}
.ebList li .ebImg p {margin-top:20px}
.ebList li .ebTitle { width:100%; overflow:hidden; height:21px; margin:0; padding:0; letter-spacing:-1px; }
.ebList li .ebCheck a { display:inline-block; }
.ebList li .ebCheck span { padding-right:5px; font-size:11px; }

.ebList.bg1 { background:url(images/ebook/eb_bg5.jpg) no-repeat; }
.ebList.bg1 li .ebCheck span { color:#aa9d81; }
.ebList.bg1 li a { color:#5a3d2b!important; }
.ebList.bg1 li a:hover { color:#5a3d2b!important; }

.ebList.bg2 { background:url(images/ebook/eb_bg2.jpg) no-repeat; }
.ebList.bg2 li .ebCheck span { color:#FFF; }
.ebList.bg2 li a { color:#FFF!important; }
.ebList.bg2 li a:hover { color:#FFF!important; }

.ebList.bg3 { background:url(images/ebook/eb_bg3.jpg) no-repeat; }
.ebList.bg3 li .ebCheck span { color:#4d4a4a; }
.ebList.bg3 li a { color:#4d4a4a!important; }
.ebList.bg3 li a:hover { color:#4d4a4a!important; }

.ebList.bg4 { background:url(images/ebook/eb_bg4.jpg) no-repeat; }
.ebList.bg4 li .ebCheck span { color:#4d4a4a; }
.ebList.bg4 li a { color:#4d4a4a!important; }
.ebList.bg4 li a:hover { color:#4d4a4a!important; }

.ebList.bg5 { background:url(images/ebook/eb_bg5.jpg) no-repeat; }
.ebList.bg5 li .ebCheck span { color:#4d4a4a; }
.ebList.bg5 li a { color:#4d4a4a!important; }
.ebList.bg5 li a:hover { color:#4d4a4a!important; }

.ebList.bg6 { background:url(images/ebook/eb_bg6.jpg) no-repeat; }
.ebList.bg6 li .ebCheck span { color:#4d4a4a; }
.ebList.bg6 li a { color:#4d4a4a!important; }
.ebList.bg6 li a:hover { color:#4d4a4a!important; }

.ebList.bg7 { background:url(images/ebook/eb_bg7.jpg) no-repeat; }
.ebList.bg7 li .ebCheck span { color:#FFF; }
.ebList.bg7 li a { color:#FFF!important; }
.ebList.bg7 li a:hover { color:#FFF!important; }

.ebList.bg8 { background:url(images/ebook/eb_bg8.jpg) no-repeat; }
.ebList.bg8 li .ebCheck span { color:#FFF; }
.ebList.bg8 li a { color:#FFF!important; }
.ebList.bg8 li a:hover { color:#FFF!important; }

.ebList.bg9 { background:url(images/ebook/eb_bg9.jpg) no-repeat; }
.ebList.bg9 li .ebCheck span { color:#4d4a4a; }
.ebList.bg9 li a { color:#4d4a4a!important; }
.ebList.bg9 li a:hover { color:#4d4a4a!important; }

.ebList.bg10 { background:url(images/ebook/eb_bg10.jpg) no-repeat; }
.ebList.bg10 li .ebCheck span { color:#FFF; }
.ebList.bg10 li a { color:#FFF!important; }
.ebList.bg10 li a:hover { color:#FFF!important; }

.ebList.bg11 { background:url(images/ebook/eb_bg11.jpg) no-repeat; }
.ebList.bg11 li .ebCheck span { color:#5c3f12; }
.ebList.bg11 li a { color:#5c3f12!important; }
.ebList.bg11 li a:hover { color:#5c3f12!important; }


.ebInfo { width:220px; padding:15px; background-color:#FFF; border:solid 3px #3f2b1f; text-align:left;display:none ;position:absolute;top:20%;z-index:100000;left:50%}
.ebInfo .ebInfoTitle { margin:0; padding:0 0 10px 0; color:#54453c; }
.ebInfo .ebInfoCtn { margin:0; padding:0; color:#886b59; line-height:14px; }
@media (max-width:1199px) {
.ebList.bg1 {background-position: 20% center ;padding:98px 0 0 15%}
}
@media (max-width:600px) {
.ebList.bg1 {background-position: 20% center ;padding:98px 0 0 15%}
.ebInfo {display:none !important;visibility:hidden !important}
}
@media (max-width:500px) {
.ebookBoardList {clear:both}
.ebList.bg1 {background-position: 30% center ;padding:98px 0 0 5%}
}
@media (max-width:400px) {
.ebList ul {width:400px}
.ebList li {width:150px}
.ebList.bg1 {background-position: 30% center ;padding:98px 0 0 0}
}