/* default */
#overlay {position: fixed;background: rgb(0, 0, 0);z-index: 99999;left: 0px;top: 0px;width: 100%;height: 100%;opacity: 0.5;}
#overlay_popup {position: fixed;z-index: 999999999;left: 50%;top: 50%;width: 445px;height: auto;padding: 80px 0;transform: translate(-50%, -50%);overflow: hidden;background: #ececec;border-radius: 0px;text-align: center;}
#overlay_popup.pw_popup {width:275px;padding:20px 0;}
#overlay_popup .popup_head {width: 100%;height: 45px;background: #fafafa;border-bottom: 1px solid #efefef;overflow: hidden;}
#overlay_popup .popup_head .title {list-style-type: none;line-height: 45px;font-weight: 500;color: #333;margin-left: 26px;letter-spacing: -1px;text-align: left;}
#overlay_popup .popup_body {width: 100%;}
#overlay_popup .popup_body p {font-size:15px;line-height:1;color:#424242;}
#overlay_popup .popup_body .input-wrap {width: 85%;margin: 20px auto 0;}
#overlay_popup .popup_body .input-wrap .input-passwd {width: 100%;height: 30px;line-height: 30px;padding: 0 10px;font-size: 13px;border: 0;text-align: center;box-sizing: border-box;outline: none;}
#overlay_popup .popup_body .btn-wrap {margin: 25px 0 0;text-align: center;}
#overlay_popup .popup_body .btn-wrap .btn {line-height: 34px;height: 34px;text-align: center;width: 73px;font-size: 14px;text-decoration: none;vertical-align: middle;color: #fff;background: #8cb362;border: 1px solid #8cb362;transition: .5s;cursor: pointer;}
    
@media only screen and (max-width:1450px) {
}
@media only screen and (max-width:1200px) {
}
@media only screen and (max-width:1023px) {
}
@media only screen and (max-width:860px) {
}
@media only screen and (max-width:767px) {
}
@media only screen and (max-width:640px) {
    #overlay_popup {width: 60%;margin-left: 0;transform: translateX(-50%);}
}
@media only screen and (max-width:479px) {
    #overlay_popup {width: 80%;}
}

.board_wrap {width: 50.2%;margin: 0 auto;padding:0 0 100px;text-align: left;}
.board_wrap input,
.board_wrap input:focus,
.board_wrap textarea {border:1px solid #333;box-shadow:none;outline:none;}
.board_wrap .btn {line-height: 34px;height: 34px;text-align: center;width: 73px;font-size: 14px;text-decoration: none;vertical-align: middle;color: #fff;background: #8cb362;border: 1px solid #8cb362;transition: .5s;cursor: pointer;}
.sub_board .sub_title_box {margin:70px auto 80px;}
.sub_board .sub_title_box h3 {font-size:50px;line-height:.8;color:#3a3a3a;}

/* board list */
.board-list {}
.board-list fieldset {float: left;border: 1px solid #ccc;background: #fff;margin-bottom: 10px;font-size: 15px;}
.board-list fieldset select.search-select {border: 0;padding: 9px 5px;height: 38px;float: left;border-right: 1px solid #ddd;}
.board-list fieldset input.search-input {height: 38px;border: 0;padding-left: 5px;background-color: transparent;float: left;}
.board-list fieldset button.btn-search {height: 38px;float: left;background-color: #e9e9e9;border: 0;width: 40px;font-size: 15px;cursor: pointer;}
.board-list fieldset button.btn-search img {height:10px;margin-bottom:3px;}
.board-list .pagination {margin: 36px 0 0;font-size: 15px;color: #424242;}
.board-list .pagination ul {width: 100%;overflow: hidden;text-align: center;}
.board-list .pagination ul li {display: inline-block;width: 34px;line-height: 34px;text-align: center;margin: 0 4px;}
.board-list .pagination ul li.arw {margin-left:0;margin-right:5px;}
.board-list .pagination ul li.prev {margin-right:14px;}
.board-list .pagination ul li.next {margin-left:14px;}
.board-list .pagination ul li.on {color: #8cb362;border-bottom: 1px solid #8cb362;}
.board-list .pagination ul li a {color:inherit;display: block;}
.board-list .btn-row {margin: 30px 0 0;text-align: right;}
.board-list .btn-write {color: #fff;background: #8cb362;border: 1px solid #8cb362;transition: .5s;cursor: pointer;}
.board-list table.tbl-board-list {width: 100%;border-spacing: 0;border-collapse: collapse;table-layout: fixed;}
.board-list table.tbl-board-list caption {display: none;}
.board-list table.tbl-board-list thead th,
.board-list table.tbl-board-list tbody td {font-size: 15px;line-height:1.2;vertical-align: middle;color:#424242;}
.board-list table.tbl-board-list thead th {color: #545b64;text-align: center;height: 50px;border-top: 2px solid #8cb362;border-bottom: 1px solid #d9d9d9;position: relative;font-weight: 500;}
.board-list table.tbl-board-list thead th + th:before {content:"";display:inline-block;width:1px;height:15px;background:#d9d9d9;position: absolute;left: 0;}
.board-list table.tbl-board-list thead th.th_num {width:84px;}
.board-list table.tbl-board-list thead th:nth-of-type(2) {}
.board-list table.tbl-board-list thead th.th_attach,
.board-list table.tbl-board-list thead th.th_name {width:100px;}
.board-list table.tbl-board-list thead th.th_read {width:115px;}
.board-list table.tbl-board-list thead th.th_datetime {width:145px;}
.board-list table.tbl-board-list tbody td {color: #545b64;background-color: #fff;border-bottom: 1px solid #d9d9d9;height: 70px;padding: 0 15px;text-align: center;font-size: 15px;color: #616161;}
.board-list table.tbl-board-list tbody td.td_num {width: 10%;text-align: center;}
.board-list table.tbl-board-list tbody td.td_subject {text-align:left;}
.board-list table.tbl-board-list tbody td.td_subject span {display:inline-block;vertical-align:middle;font-size:inherit;color: inherit;}
.board-list table.tbl-board-list tbody td.td_subject .subject {max-width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.board-list table.tbl-board-list tbody td.td_subject .subject em {font-size:12px;color:#fff;background: #8cb362;text-align: center;font-weight: 300;display: inline-block;vertical-align: middle;width: 36px;padding: 2px 0;border-radius: 10px;margin-right: 10px;}
.board-list table.tbl-board-list tbody td.td_subject .comment {color: #f00;}
.board-list table.tbl-board-list tbody td.td_subject img {height: 20px;display: inline-block;vertical-align: middle;margin-left: 7px;}
.board-list table.tbl-board-list tbody td.td_name {width: 18%;text-align: center;}
.board-list table.tbl-board-list tbody td.td_read {width: 10%;text-align: center;}
.board-list table.tbl-board-list tbody td.td_datetime {width: 18%;text-align: center;}
.board-list table.tbl-board-list tbody td.td_no_data {height: 200px;line-height: 200px;text-align: center;}

/* board view */
.board-view {}
.board-view header {overflow:hidden;border-top: 2px solid #8cb362;border-bottom: 1px solid #d9d9d9;padding: 14px 30px;height: 50px;box-sizing: border-box;line-height: 1.2;}
.board-view header h2 {font-size: 15px;color: #424242;word-break: break-all;float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: calc(100% - 140px);}
.board-view header span {display: block;float:right;font-size:14px;color:#424242;width: 140px;text-align: right;}
.board-view section.board-desc {min-height: 200px;height: auto !important;}
.board-view section.board-desc .infos {width: 100%;word-break: break-all;overflow: hidden;clear: both;box-sizing: border-box;border-bottom: 1px solid #d9d9d9;font-size: 15px;line-height: 1.2;height: 50px;padding: 14px 30px;color: #616161;}
.board-view section.board-desc .infos div {letter-spacing: .5px;}
.board-view section.board-desc .infos li {color:inherit;}
.board-view section.board-desc .infos .writer {float: left;}
.board-view section.board-desc .infos .read-cnt {float: right;margin-left: 10px;}
.board-view section.board-desc .infos .reg-date {float: right;margin-left: 10px;}
.board-view section.board-desc .desc {padding: 18px 32px;width: 100%;line-height: 1.5;min-height: 200px;word-break: break-all;overflow: hidden;box-sizing: border-box;font-size: 15px;color: #616161;border-bottom: 1px solid #d9d9d9;}
.board-view .attach-files {padding: 10px 35px;border-bottom: 1px solid #ddd;}
.board-view .attach-files p,
.board-view .attach-files ul {display:inline-block;vertical-align:top;}
.board-view .attach-files p {font-size:15px;line-height:1.8;margin-right: 2.29em;color:#616161;}
.board-view .attach-files ul li a {font-size:14px;padding: 0 .5em;line-height: 2;border-radius: 5px;color:#fff;background:#8cb362;display: block;}
.board-view .attach-files ul li + li {margin-top:10px;}
.board-view .attach-files ul img {max-width: 100%;}
.board-view .btn-group {text-align: right;padding: 30px 0;font-size: 0;}
.board-view .btn-group .btn {background: #8cb362;border: 1px solid #8cb362;}
.board-view .btn-group .btn + .btn {margin-left:8px;}
.board-view .btn-group .btn:hover {background: #fff;color: #8cb362;}
.board-view .comment_top {padding: 18px 23px;font-size:15px;color:#424242;position:relative;border: 1px solid #d9d9d9;border-width: 1px 0;}
.board-view .comment_top p {font-size:inherit;color:inherit;}
.board-view .comment_top .comment_toggle {line-height: 34px;height: 34px;text-align: center;width: 73px;font-size: 14px;text-decoration: none;vertical-align: middle;color: #8cb362;background:#fff;border: 1px solid #8cb362;position:absolute;right: 0;top:50%;transform: translateY(-50%);}
.board-view .comment_cont {display:none;}
.board-view .comment-write {margin: 50px 0 0;}
.board-view .comment-write li label,
.board-view .comment-write li input,
.board-view .comment-write li button {display:inline-block;vertical-align:middle;}
.board-view .comment-write ul {padding: 0 70px 15px 30px;font-size:0;background: #ececec;border-bottom: 1px solid #d9d9d9;}
.board-view .comment-write .mh_wrap {margin: 15px 0 0;}
.board-view .comment-write ul li {display:inline-block;vertical-align:middle;width: auto;font-size: 0;margin-top: 9px;}
.board-view .comment-write ul li + li {margin-left:10px;}
.board-view .comment-write ul li + li + li {margin-left:0;}
.board-view .comment-write ul li label,
.board-view .comment-write ul li input,
.board-view .comment-write ul li textarea {display:inline-block;vertical-align:top;}
.board-view .comment-write ul li label {font-size: 14px;line-height: 2.14;padding-right: 10px;min-width:48px;color:#838383;box-sizing: border-box;}
.board-view .comment-write ul li.desc {width:100%;}
.board-view .comment-write ul li [type=text],
.board-view .comment-write ul li [type=password] {height: 30px;width: 150px;color: #333;font-size: 13px;padding: 0 10px;margin-right: 0;box-sizing: border-box;border: 0;}
.board-view .comment-write textarea {width: calc(100% - 48px);height: 100px;resize: none;font-size: 14px;color: #333;padding: 10px;box-sizing: border-box;border: 0;}
.board-view .comment-write .btn_wrap {margin-left: 48px;}
.board-view .comment-write .btn_wrap .btn {}
.board-view .comment-write .btn_wrap .btn + .btn {margin-left: 7px;line-height: 33px;}
.board-view .comment-list {}
.board-view .comment-list ul {overflow: hidden;}
.board-view .comment-list ul li {font-size: 15px;padding: 20px 0 30px 21px;color: #424242;border-bottom: 1px solid #d9d9d9;}
.board-view .comment-list ul li  + li {}
.board-view .comment-list ul li .infos {}
.board-view .comment-list ul li .infos p {line-height: 2.27;}
.board-view .comment-list ul li .infos .writer {float:left;}
.board-view .comment-list ul li .infos .reg-date {}
.board-view .comment-list ul li .infos .btn-group {float:right;padding: 0;margin-left: 90px;}
.board-view .comment-list ul li .infos .btn-group .btn {background:#fff;color: #8cb362;}
.board-view .comment-list ul li .infos .btn-group .btn:hover {background:#8cb362;color:#fff;}
.board-view .comment-list ul li .infos p:last-child {float: right;}
.board-view .comment-list ul li .desc {clear: both;padding: 8px 0 0;line-height:1.4;}

/* board write */
.board-write {width: 100%;border-top: 2px solid #8cb362;}
.board-write .board-write-row {font-size:inherit;}
.board-write .board-write-row input.file_box {font-size:inherit;border: 0;-webkit-appearance: checkbox;appearance: checkbox;font-size: 14px;}
.board-write .board-write-row input[name="mh_file_delete[]"] {-webkit-appearance: checkbox;apperance: checkbox;margin-left: 10px;margin-bottom: 2px;}
.board-write .board-write-row input[name="mh_passwd"],
.board-write .board-write-row .check_box {display:inline-block;vertical-align: middle;}
.board-write .board-write-row input[name="mh_passwd"] {width: calc(100% - 90px);max-width: 290px;}
.board-write .board-write-row .check_box {width: 15%;margin-left: 1%;margin-bottom: 0;font-size: 14px;margin-left:10px;}
.board-write .board-write-row .check_box input {-webkit-appearance: checkbox;apperance: checkbox;}
.board-write .board-write-row {width:100%;border-bottom: 1px solid #d9d9d9;vertical-align: middle;padding: 11px 0;font-size: 0;}
.board-write .board-write-row.btn-row {text-align:right;padding:30px 0;border-bottom:0;}
.board-write .board-write-row .btn {}
.board-write .board-write-row .btn + .btn {margin-left:7px;}
.board-write .board-write-row .btn-cancel {}
.board-write .board-write-row .btn-submit {}
.board-write .board-write-row .form-label,
.board-write .board-write-row .form-input {display: inline-block;vertical-align: middle;}
.board-write .board-write-row .form-label {width: 87px;text-align: center;font-size: 15px;color: #424242;}
.board-write .board-write-row .form-input {padding: 0 10px;height: 27px;outline: none;border: none;box-sizing: border-box;background: #ececec;width: calc(100% - 87px);font-size: 14px;max-width: 360px;}
.board-write .board-write-row.filebox .form-input {background:none;height: auto;}
.board-write .board-write-row .filebox + .filebox {margin-top:3px;}
.board-write .board-write-row .filebox label {display: inline-block;color: #999;font-size: inherit;line-height: normal;vertical-align: middle;cursor: pointer;font-size: 14px;color: #fff;background: #8cb362;padding: 3px 19px;border-radius: 5px;}
.board-write .board-write-row .filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.board-write .board-write-row.file_box {}
.board-write .board-write-row.file_box label {}
.board-write .board-write-row.file_box .dn {display:none;}
.board-write .board-write-row.file_box .form-input {background:none;height:auto;padding: 0;line-height: 2;}
.board-write .board-write-row.file_box input:nth-of-type(1) {margin-top:0;}
.board-write .board-write-row.file_box input {width: 180px;margin-top:3px;border: 0;}
.board-write .board-write-row.file_box input[type="checkbox"] {width:auto;}
.board-write .board-write-row textarea {width: calc(100% - 87px);height: 350px;resize: none;border: none;background: #ececec;padding: 10px;box-sizing: border-box;font-size:14px;}

@media screen and (max-width:1450px) {
    .board_wrap {width:70%;}
    .sub_board .sub_title_box {}
    .sub_board .sub_title_box h3 {font-size:40px;}
}
@media screen and (max-width: 1350px) {
    .board_wrap {width:80%;}
}
@media screen and (max-width: 1280px) {
    .board_wrap {width:90%;}
}
@media screen and (max-width: 1023px) {
    .sub_board .sub_title_box {}
    .sub_board .sub_title_box h3 {font-size:35px;}
	.board-list table.tbl-board-list thead th,
	.board-list table.tbl-board-list tbody td {font-size:14px;}
	.board-list fieldset select.search-select,
	.board-list fieldset input.search-input {font-size:14px;}
    .board-list .pagination {font-size:14px;}
	.board-view .comment-write li label {}
	.board-view .comment-write [type=text],
    .board-view .comment-write [type=password] {}
	.board-view .comment-write .btn {width: 70px;}
    .board-write {font-size:14px;}
    .board-view .comment-list ul li .infos .btn-group {margin-left:50px;}
	.board-list table.tbl-board-list thead th.th_datetime,
	.board-list table.tbl-board-list tbody td.td_datetime {display:none;}
}

@media screen and (max-width: 860px) {
    .sub_board .sub_title_box {margin:40px auto;}
    .sub_board .sub_title_box h3 {font-size:30px;}
	.board-list table.tbl-board-list thead th,
	.board-list table.tbl-board-list tbody td {font-size:13px;}
	.board-list fieldset select.search-select,
	.board-list fieldset input.search-input {font-size:13px;}
	.board-list .pagination {font-size:13px;}
	.board-view {width: 80%;padding: 50px 10px 100px;text-align: left;}
	.board-view .comment-write li label {}
	.board-view .comment-write [type=text],
	.board-view .comment-write [type=password] {}
    .board-view .btn-group .btn,
	.board-view .comment-write .btn {width: 70px;font-size:13px;}
    .board-write {font-size:13px;}
    .board-write .board-write-row {padding:10px 0;}
	.board-list table.tbl-board-list thead th:nth-of-type(1) {width:70px;}
	.board-list table.tbl-board-list thead th:nth-of-type(3) {width:80px;}
	.board-list table.tbl-board-list thead th.th_read,
	.board-list table.tbl-board-list tbody td.td_read {display:none;}
}

@media screen and (max-width: 768px) {
	.board_wrap {margin: 0 auto;text-align: left;}
    .board-view .btn-group .btn,
	.board-view .comment-write .btn {width: 60px;font-size:12px;padding:0;}
	.board-write .board-write-row .form-label {font-size:14px;}
	.board-list table.tbl-board-list thead th.th_num {width: 50px;}
    .board-list table.tbl-board-list thead th.th_name {width:80px;}
	.board-list table.tbl-board-list thead th.th_attach {width:80px;}
	.board-list table.tbl-board-list tbody td.td_attach img {height:18px;}
    .board-view .comment-list ul li .infos .btn-group {margin-left:20px;}
    .board-view .comment-write ul li label {font-size:13px;}
}

@media screen and (max-width: 640px) {
    .sub_board .sub_title_box {margin: 40px auto;}
    .sub_board .sub_title_box h3 {font-size:25px;}
	.board_wrap {width: 100%;padding: 0 10px 100px;text-align: left;box-sizing: border-box;}
    .board-list fieldset {float: left;width: 100%;border: 1px solid #ccc;background: #fff;border-radius: 3px;margin-bottom: 10px;position: relative;}
	.board-list fieldset select.search-select {border: 0;padding: 9px 5px;width: 90px;height: 38px;float: left;border-right: 1px solid #ddd;position: absolute;top: 0;left: 0;}
	.board-list fieldset input.search-input {width: 100%;height: 38px;border: 0;padding: 0 38px 0 100px;background-color: transparent;float: left;}
	.board-list fieldset button.btn-search {height: 38px;float: left;background-color: #e9e9e9;border: 0;width: 40px;font-size: 15px;cursor: pointer;position: absolute;top: 0;right: 0;}
	.board-write .board-write-row .form-label {font-size:13px;}
	.board-write .board-write-row .form-input {font-size:13px;}
	.board-write .board-write-row textarea {height: 250px;resize: none;padding: 5px;font-size: 13px;}
    .board-view header,
    .board-view section.board-desc .infos,
    .board-view section.board-desc .desc {padding:14px 15px;}
    .board-view .attach-files {padding:10px 15px;}
    .board-view .comment-write ul li [type=text], 
    .board-view .comment-write ul li [type=password] {width:120px;font-size: 13px;}
    .board-view .comment-write textarea {font-size:13px;}
	.board-view section.board-desc .infos {font-size:13px;}
	.board-view .comment-write ul li + li {margin-left:8px;}
	.board-view .comment-write ul li label {font-size: 14px;}
	.board-view .comment-write li label {}
	.board-view .comment-write [type=text], 
	.board-view .comment-write [type=password] {}
    .board-view .comment_top {padding:18px 10px;}
    .board-view .comment-list ul li {font-size:13px;padding:15px 0 15px 10px;}
}

@media screen and (max-width: 479px) {
    .sub_board .sub_title_box {}
    .sub_board .sub_title_box h3 {font-size:20px;}
    .board-list table.tbl-board-list tbody td.td_subject .subject {max-width: 78%;}
	.board-list table.tbl-board-list thead th.th_attach,
	.board-list table.tbl-board-list tbody td.td_attach {display:none;}
    .board-list table.tbl-board-list thead th.th_name {width: 70px;}
    .board-view .comment-write ul li [type=text], 
    .board-view .comment-write ul li [type=password] {width:80px;}
    .board-write .board-write-row input[name="mh_passwd"] {max-width:inherit;width:calc(100% - 180px);}
}

@media screen and (max-width: 400px) {
	.board-view .comment_top {padding: 16px 13px;font-size: 13px;}
	.board-view .comment_top .comment_toggle {font-size: 13px;height: 30px;line-height: 30px;}
	.board-view .comment-write ul {padding: 0 15px 10px;}
    .board-view .comment-write ul li label {font-size:13px;}
    .board-view .comment-write ul li [type=text], 
    .board-view .comment-write ul li [type=password] {}
    .board-view .comment-list ul li .infos .btn-group {margin-left:10px;}
}

@media screen and (max-width: 350px) {
}