@charset "UTF-8";

.btn-wrap {width: 100%; margin: 0 auto; text-align: center; overflow: hidden; margin-top: 20px;}
.btn-wrap .btn {font-size:17px;}
.btn-wrap .fl {float: left;}
.btn-wrap .fr {float: right;}
.btn-wrap .fl .btn, .btn-wrap .fr .btn{border:transparent; padding:10px 25px; color:#fff; transition:.3s; vertical-align:middle}
.btn-wrap .fl i, .btn-wrap .fr i {color:#fff; transition:.3s;}
.btn-wrap .list_go_btn{background:#4b595f; color: #fff !important;}
.btn-wrap .list_go_btn i{color:#fff}
.btn-wrap .list_go_btn:hover{background:#3d474b}
.btn-wrap .write_btn{background:#255e86; color:#fff !important;}
.btn-wrap .write_btn:hover{background:#1b4c6e}
.btn-wrap .re_btn{background:#787878; color:#fff !important;}
.btn-wrap .re_btn:hover{background:#646363}
.btn-wrap .delete_btn{background:#616060; color:#fff !important;}
.btn-wrap .delete_btn:hover{background:#494848}
.btn-wrap .save_btn{background:#255e86; color:#fff !important;}
.btn-wrap .save_btn i{color:#fff}
.btn-wrap .save_btn:hover{background:#1b4c6e}

@media (max-width: 768px) {

	.btn-wrap .fl .btn, .btn-wrap .fr .btn {padding: 8px 18px; min-height: auto;}
	.btn-wrap .btn {font-size: 17px}

}

@media (max-width: 550px) {

	.btn-wrap .fl, .btn-wrap .fr {/* float: initial; */}
	.btn-wrap .fl {/* margin-bottom:10px; */}
	.btn-wrap .btn {font-size: 15px}

}

/* 검색 */
.basic_box {margin-bottom: 30px; display: flex; justify-content: space-between; padding: 15px 20px; border: 1px solid #e7e7e7; border-radius: 8px; background: #fbfbfb; margin-top: 20px;}
/* .basic_box > * {width: 100%;} */
.basic_box .basic_box_fl {min-width: 270px; display: table; margin-right: 5px;}
.basic_box .basic_box_fr {}
.basic_box select {background-position: right 5px center; padding: 5px 8px; padding-right: 23px;}

.board-total {display: table-cell; vertical-align: middle; font-size: 18px;}
.board-total > * {margin-right: 10px;}
.board-total > *:last-child {margin-right: 0;}
.board-total span strong {color:#e5503a; font-weight:700; display: inline-block;}
.board-total .total {position: relative; margin: 5px 0; padding-left: 23px; display: inline-block; margin-right: 10px;}
.board-total .total:before {position: absolute; content: ''; top: 50%; transform: translateY(-50%); ; left: 0; width: 17px; aspect-ratio: 1/1; background: url(../images/board/icon_bbs.png) center no-repeat;}
.board-total i {display: none;}
.basic_box > .board-search {max-width: 500px}

.board-search {position:relative; /*display: flex;*/}
.board-search .select-wrap {display: flex; height: 38px;}
.board-search .select-wrap > * {min-width: 110px !important; font-size: 14px;}
.board-search .select-wrap select {margin-right: 5px; font-size: 14px; height: 100%;}
.board-search input {}
.board-search input[type="submit"] {background:#fff url(../images/board/search.svg)center no-repeat;background-size: 45%;height: 100%;overflow: hidden;text-indent: -9999px;width: 40px;margin-left: 5px;border-color: #dee2e6;min-width: 40px;}
.board-search input[type="text"] {}
.board-search > .input-group {min-width: 130px;}

/* 하단 검색 */
.basic_box.bottom {justify-content: center; margin-top: 50px; flex-wrap: nowrap;}
.basic_box.bottom select {}
.basic_box.bottom .board-search {}
.basic_box.bottom  > * {margin: 0; text-align: left;}


@media (max-width:950px) {

    .basic_box {padding: 15px 15px; flex-wrap: wrap;}
    .basic_box .basic_box_fl {min-width: 240px;}
    .board-search {margin-top: 5px;}
    .board-search .select-wrap > * {}
    .board-total span {font-size: 17px;}
    .board-total .total {margin-top: 0; margin-bottom: 0;}

}


@media (max-width:768px) {

    .basic_box {padding: 15px 15px; flex-wrap: wrap;}
    .basic_box .basic_box_fr {width: 100%;}
    .basic_box.bottom {}
    .basic_box.bottom > * {width: auto;}
    .basic_box.bottom .board-search {max-width:100%; width: calc(100% - 190px);}
    .board-search {flex-wrap: wrap; width: 100%;}
    .board-search .select-wrap {margin-bottom: 8px; width: 100%;}
    .board-search .select-wrap select {font-size: 13px;}
    .board-search .select-wrap select:last-child {margin-right: 0;}

}

@media (max-width:550px) {

    .basic_box {margin-bottom: 20px;}
    .basic_box.bottom {flex-direction: column;}
    .basic_box.bottom > * {}
    .basic_box.bottom .board-search {width: 100%;}
    .basic_box.bottom .btn-wrap {margin: 0 auto; margin-top: 10px;}
    .board-search .select-wrap > * {min-width: 23% !important;}

}



/* 카테 컬러 */
/* .cate.cate01 {border-color: #bed3e3 !important; color: #6d8ca4;}
.cate.cate02 {border-color: #029ac0 !important; color: #0583a2;}
.cate.cate03 {border-color: #2e5681 !important; color: #2e5681;}
.cate.cate04 {border-color: #eda800 !important; color: #dd9c00;} */


.border-list-wrap table {width:100%; border-collapse: separate; border-spacing: 0; font-size:17px; position: relative;}
.border-list-wrap table:before {content: ''; position: absolute; top:0; left:0; width:100%; border-top: #969696 solid 2px;}
.border-list-wrap table:after {content: ''; position: absolute; top:0; right: 0; height: 100%; border: 1px solid #fff;}
.border-list-wrap table tr th {background: #edf1f7;font-weight: 500;}
.border-list-wrap table th, .border-list-wrap table td {border-bottom:#ddd solid 1px;padding: 13px 13px;text-align:center;font-size: 19px;vertical-align: middle;border-right: 1px solid #ddd;line-height: 1.2;}
.border-list-wrap table th:last-child, .border-list-wrap table td:last-child {}
.border-list-wrap table td.num {}
.border-list-wrap table td a {color: #212529;}
.border-list-wrap table td.title {text-align:left;}
.border-list-wrap table td.title a {text-align:left; display: flex;}
.border-list-wrap table td.title a p {line-height: 1.7;word-break: break-all;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;width: 100%;width: auto;}
.border-list-wrap table td.title a span {margin-left: 8px;}
.border-list-wrap table td.name {overflow: hidden; text-overflow: ellipsis; word-break: keep-all; max-width: 120px; white-space: nowrap;}
.border-list-wrap table td.answer {color: #2c4ca9 !important;}
.border-list-wrap table td.answer:not(.yes) {color: #e11010 !important;}
.border-list-wrap table td .secret > i {color: #f1b137;margin-top: 6px;}
.border-list-wrap table td .notice {background: #646464; color: #fff; padding: 8px 10px; border-radius: 8px; font-size: 15px;}
.border-list-wrap table td .label {font-size: 15px; padding: 3px 6px; font-weight:500; border-radius:4px; color: #707070; color:#fff; background:#666}
.border-list-wrap table td .cate {padding: 8px 13px; border-radius: 23px; font-size: 14px; background: #fff; border: 2px solid #ccc; display: inline-block;}
.border-list-wrap table td .comment-num{background: #11ad66;color:#ffffff;font-size:12px;height: 23px;position: relative;top: 5px;display: flex;flex-direction: column;justify-content: center;text-align: center;padding: 0 7px;}
.border-list-wrap table td .new {position: relative;min-width: 22px;height: 22px;background-color: #f9a30e;border-radius: 50px;color: #fff;top: 5px;}
.border-list-wrap table td .new span {display: block; width: 100%;    height: 100%}
.border-list-wrap table td .new::after {position:absolute;content:'N';font-size: 11px;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1;}
.border-list-wrap table tr:hover{transition:.3s; background:#fbfbfb}

.border-list-wrap .line-none tr th, .border-list-wrap .line-none tr td {border-right: none;}

@media all and (max-width:768px){

    .border-list-wrap table colgroup col {width:auto !important;}
    .border-list-wrap table tr {padding: 8px 8px 5px; border-bottom:1px solid #ddd; display:block}
    .border-list-wrap table tr:first-child {border-top:#393939 solid 2px;}
    .border-list-wrap table thead{display:none}
    .border-list-wrap table th {display:none;}
    .border-list-wrap table td {display:inline-block; border-bottom:none; padding:  00; text-align:left;}
    .border-list-wrap table td.title {display:block; padding:0 0;}
    .border-list-wrap table td.title a {margin-top: 7px;}
    .border-list-wrap table td.title a p {line-height: 1.3;font-size: 17px;height: 25px;}
    .border-list-wrap table td.title a span {margin-left: 5px;}
    .border-list-wrap table td.under {color:#999; font-size:14px; margin-bottom: 0; padding-right: 5px;}
    .border-list-wrap table td.under:last-child {border-right:0}
    .border-list-wrap table td.name {overflow: inherit;}
    .border-list-wrap table td span {font-size: 17px;}
    .border-list-wrap table td .notice {padding: 4px 8px 3px; border-radius: 6px; display: block;}
    .border-list-wrap table td .cate {padding: 5px 10px;}
    .border-list-wrap table td .secret  {line-height: 1;}
    .border-list-wrap table td .secret i {margin-top: 2px;}
    .border-list-wrap table td .new {top: 1px;min-width: 20px;height: 20px;}
    .border-list-wrap table td .comment-num {top: 1px; padding: 0 5px; height: 20px;}

}


@media all and (max-width:550px){



}

.border-alert {}
.border-alert p {text-align: center; padding: 30px 0; font-size: 21px;}
.border-alert p > i {font-size:60px; color: #f2a90a;}
.border-alert .btn {margin-top: 13px;}



/* 페이징 */
.pagination {clear:both; display:block; padding:30px 0 15px; text-align:center;}
.pagination ul {display: flex; justify-content: center;}
.pagination ul li {margin: 0 3px;}
.pagination ul li a {transition: 0.3s;width: 40px;aspect-ratio: 1/1;border:#e2e2e2 solid 1px;display: flex;flex-direction: column;justify-content: center;line-height: 1;    border-radius: 50px;}
.pagination ul li a i {line-height: 1;}

.pagination ul li a:hover {background: #f0f0f0;transition: 0.3s}
.pagination ul li a.active {background: #555; color: #fff;}

@media (max-width:550px) {

    .pagination ul li {margin: 0 2px;}
    .pagination ul li a {width: 28px; line-height: 28px; font-size: 15px;}

}







/* board-view */
.board-view .view-head {border-top: 2px solid #595959; position: relative;}
.board-view .view-head h3 {position:relative;margin:0;padding: 20px 20px 20px 18px;border-bottom: 1px solid #d5d5d5;font-size:26px;background:#f9f9f9;font-weight:500;text-align: left;}
.board-view .view-head h3:after {content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0;}
.board-view .view-head h3 span {word-break: break-all;font-weight: bold;}
.board-view .view-head h3 span.tit_label_red{font-size:17px; background:#de2336; color:#fff; border-radius:30px; padding:0 15px; margin-right:10px; display:inline-block; height:32px; line-height:32px; margin-top:-3px; vertical-align:middle}
.board-view .view-head h3 span.tit_label_green{font-size:17px; background:#239609; color:#fff; border-radius:30px; padding:0 15px; margin-right:10px; display:inline-block; height:32px; line-height:32px; margin-top:-3px; vertical-align:middle}
.board-view .view-head h3 span.tit_label_blue{font-size:17px; background:#2c4ca9; color:#fff; border-radius:30px; padding:0 15px; margin-right:10px; display:inline-block; height:32px; line-height:32px; margin-top:-3px; vertical-align:middle}
.board-view .view-head .btn-wrap {margin:0;overflow: initial;position: absolute;right: 8px;text-align: right;}
.board-view .view-head .btn-wrap input {margin-top: -8px;border: 1px solid #7d7d7d;border-radius: 5px;padding: 3px 10px 3px;transition: .3s;background: transparent;color: #333;font-size: 17px;}
.board-view .view-head .view-info {padding: 15px 20px;font-size: 17px;border-bottom: 1px solid #d5d5d5;}
.board-view .view-head .view-info span {padding:0 30px 0 0; color: #777; position:relative}
.board-view .view-head .view-info span i {padding-right:3px}

.board-view .view-head .view-info span:after {content:""; position:absolute; top: 50%; transform: translateY(-50%); right:13px; width:1px; height: 13px; background:#aaa}
.board-view .view-head .view-info span:last-child:after {display:none}

.board-view .view-head .view-info span strong {margin-right: 3px;color: #111;font-weight: 600;}
.board-view .view-head .view-info span strong i {/* color: #000; */}

.board-view .view-head .view-info_file span, .board-view .view-head .view-info-link span{/* display: flex; */padding: 0;flex-wrap: wrap;}
.board-view .view-head .view-info_file span strong, .board-view .view-head .view-info-link span strong{font-size:17px;position:relative;margin-right: 15px;padding-right: 15px;}
.board-view .view-head .view-info_file span strong i, .board-view .view-head .view-info-link span strong i{padding-left:3px;color: #000;padding-right: 0;display: inline-block;}
/* .board-view .view-head .view-info_file span strong i {transform: rotate(45deg);} */
.board-view .view-head .view-info_file span strong:after, .board-view .view-head .view-info-link span strong:after{content:""; position:absolute; top: 4px; right: 0; width:1px; height: 14px; background:#aaa}
.board-view .view-head .view-info_file span:after, .board-view .view-head .view-info-link span:after{display:none}
.board-view .view-head .view-info span a{font-size:17px;font-weight: 400;word-break: break-all;color: #000; }
.board-view .view-head .view-info span a:hover {text-decoration:underline !important;}


.board-view .view-body {border-bottom: 1px solid #d5d5d5; padding: 15px 20px; position: relative; overflow-x: auto; letter-spacing:-0.034em; word-spacing: 0.02em; line-height:1.5;}
.board-view .view-body .con {padding:5px; min-height:450px;}
.board-view .view-body .con p {white-space:pre-line;}
.board-view .view-body .con img {max-width:100%; height: auto !important;}

.board-view .view-head .view-info .preview_btn{border:1px solid #707070;border-radius:5px;color:#707070;font-size:15px;transition:.3s;padding: 6px 10px;margin-left: 10px;line-height: 1;display: inline;}
.board-view .view-head .view-info .preview_btn:hover{background:#707070; color:#fff;}
.board-view .view-head .view-info .preview_btn:hover i{color:#fff}

@media (max-width:1300px){

    .board-view .view-head .view-info span a{max-width: 690px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
    .board-view .view-head .view-info .preview_btn {white-space: normal;text-overflow: initial;overflow: initial;max-width: max-content;/* top: -4px; */position: relative;}


}

@media (max-width:1024px){
    .board-view .view-head h3 {font-size: 22px; padding:20px;}
    .board-view .view-head .view-info{padding: 10px 10px;}
    .board-view .view-head .view-info span{padding:0; display:block !important; line-height:1.5; font-weight: 400; color: #696363;}
    .board-view .view-head .view-info span strong {margin-right:5px; color: #333; margin-bottom: 5px; padding: 0 !important;}
    .board-view .view-head .view-info span:after{display:none}
    .board-view .view-head .view-info_file span, .board-view .view-head .view-info-link span{display: flex !important;}
    .board-view .view-head .view-info_file span strong, .board-view .view-head .view-info-link span strong{display:block;min-width: 95px;font-size: 15px;margin: 0;}
    .board-view .view-head .view-info_file span strong:after, .board-view .view-head .view-info-link span strong:after{display:none}
    .board-view .view-head .view-info_file span strong i, .board-view .view-head .view-info-link span strong i {font-size: 13px;}
    .board-view .view-head .view-info span a{font-size: 15px;max-width: 72%;width: auto;margin-right: 5px;}
    .board-view .view-head .view-info .preview_btn{padding: 4px 7px;font-size: 14px;margin: 0;}
    .board-view .view-head .btn-wrap input {margin-top: 0px; z-index: 1; position: relative;}

}
@media (max-width:768px){

    .board-view .view-head .view-info span a {max-width: 62%;}
    .board-view .view-head h3 span.tit_label_red{font-size:17px; background:#de2336; color:#fff; border-radius:30px; padding:0 13px; margin-right:10px; display:inline-block; height:28px; line-height:28px; margin-top:-3px; vertical-align:middle}
    .board-view .view-head h3 span.tit_label_green{font-size:17px; background:#239609; color:#fff; border-radius:30px; padding:0 13px; margin-right:10px; display:inline-block; height:28px; line-height:28px; margin-top:-3px; vertical-align:middle}
    .board-view .view-head h3 span.tit_label_blue{font-size:17px; background:#2c4ca9; color:#fff; border-radius:30px; padding:0 13px; margin-right:10px; display:inline-block; height:28px; line-height:28px; margin-top:-3px; vertical-align:middle}
    .board-view .view-body {padding: 10px 0;}
    /* .board-view .view-body .con img {width: 100% !important;} */

}


@media (max-width:550px) {

    .board-view .view-head h3 {padding: 12px 15px; font-size: 21px;}
    .board-view .view-head h3 P{font-size: 19px; padding: 15px 18px}
    .board-view .view-head .btn-wrap input {font-size: 14px; padding: 2px 8px;}
    .board-view .view-head .view-info span a {max-width: 33%;}
    /* .board-view .view-head .view-info_file span, .board-view .view-head .view-info-link span { flex-direction: column;  }
    .board-view .view-head .view-info_file span a { width: calc(100%); max-width: 100%;  margin-right: 0; }
    .board-view .view-head .view-info_file span strong {} */
    .board-view .view-head .view-info_file .file_info {font-size:14px}

}



/* sub-write */
.write-wrap {}
.write-wrap input[type='text'],
.write-wrap input[type='password'] {padding: 6px 30px 6px 10px; border: 1px solid #ccc; vertical-align: middle; background-color: #fff; box-sizing: border-box; margin-top:-4px;}
.write-wrap select {margin-right:10px; max-width: 600px;}
.write-wrap input[type='file'] {width:auto !important; font-size:17px;}
.write-wrap .title {display:block; font-size: 25px; padding: 0 0 10px 0; font-weight:bold; color: #287797;}
.write-wrap .write-head {border-top: 2px solid #393939; position: relative;}
.write-wrap .write-head > div:last-child {border-bottom: none;}
.write-wrap .write-info-wrap {display: flex;}
.write-wrap .write-info-wrap > .write-info{}
.write-wrap .write-info {font-size:17px; border-bottom: 1px solid #d5d5d5; display: flex; width: 100%;}
.write-wrap .write-info > strong {min-width: 130px; padding: 17px 5px; text-align:center; background:#f9f9f9; font-size: 18px;}
.write-wrap .write-info > span {width: 100%; display: flex; padding: 10px; max-width: 1270px;}
.write-wrap .write-info input[type=checkbox] {margin-right:5px; margin-top:10px}
.write-wrap .write-info label {margin-top:9px}
.write-wrap .write-body textarea {padding:10px; height:400px; z-index: 1; position: relative;}
.write-wrap .write-footer ul.file li {margin:0;border-bottom: 1px solid #d5d5d5;display: flex;position: relative;}
.write-wrap .write-footer ul.file li strong {display:inline-block;font-size:17px;width: 140px;padding: 18px 10px;text-align:center;background: #f9f9f9;min-width: 140px;}
.write-wrap .write-footer ul.file li strong i{font-size:18px;color:#444;transform: rotate(45deg);display: inline-block;}
.write-wrap .write-footer ul.file li > div {width:100%;display: flex;justify-content: space-between;}
.write-wrap .write-footer ul.file li span {padding: 10px;padding-right: 0;display: flex;text-align: center;}
.write-wrap .write-footer ul.file li span.tip{color: #8f8f8f;font-size: 16px;line-height: 1;display: flex;flex-direction: column;justify-content: center;}
.write-wrap .write-footer ul.file li span.check {padding: 18px 8px;padding-right: 20px;}
.write-wrap .write-footer ul.file li span.check * {margin-left: 5px;}
.write-wrap .write-footer ul.file li span.check *:first-child {margin-left:0}
.write-wrap .write-footer ul.file li span.check input {margin-top: 1px;}
.write-wrap .write-footer ul.file li span.check a {display: flex;}
.write-wrap .write-footer ul.file li span.check a span {padding: 0 !important;width: auto;}
.write-wrap .write-footer ul.file li span.check a span.file_size {margin-top: 2px;}
.write-wrap .write-footer ul.file li span.check .file_delete {margin-left: 8px;padding: 0 !important;/* position: absolute; *//* right: 5px; */width: auto;display: inline;}

.write-wrap .write-footer ul.file li .file_title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100px !important;display: inline-block;word-break: break-all;font-size: 16px;/* margin: 0 auto; */}
.write-wrap .write-footer ul.file li .file_size {font-size: 15px;}
.write-wrap .write-footer ul.file li .file_delete {color: #eb0f00;font-size: 17px;text-align: center;font-weight: 500; cursor: pointer;}
.write-wrap .write-footer ul.file li .file_delete:hover {text-decoration:underline !important;}

.write-wrap .write-footer ul.file li.editor_files {}
.write-wrap .write-footer ul.file li.editor_files strong {display: flex; flex-direction: column; justify-content: center;}
.write-wrap .write-footer ul.file li.editor_files ul {display: flex;padding: 10px;flex-wrap: wrap;width: 100%;}
.write-wrap .write-footer ul.file li.editor_files ul li {min-width: 120px;border-bottom: 0;margin: 3px 0px;margin-right: 15px;max-width: 150px;width: 100%;display: block;}
.write-wrap .write-footer ul.file li.editor_files ul li .img-wrap {display: flex; flex-direction: column;}
.write-wrap .write-footer ul.file li.editor_files ul li img {aspect-ratio: 4/3;height: 100%;max-height: 100px;border: 1px solid #dee2e6;border-radius: 7px;object-fit: contain;padding: 4px;width: 100%;}
.write-wrap .write-footer ul.file li.editor_files ul li span {padding: 0 5px !important;line-height: 1; height: 20px;margin-top: 5px;display: inline-block;width: 100%; max-width: 150px !important;}
.write-wrap .write-footer ul.file li.editor_files ul li .file_delete {margin-top: 5px;position: absolute;right: -5px;top: -10px;background: #464646;aspect-ratio: 1/1;border-radius: 50px;color: #fff;line-height: 1;padding: 3px;height: 20px;width: 20px;font-size: 14px;}


@media all and (max-width:1024px) {

    .write-wrap .write-footer ul.file li strong {min-width: 130px;width: 130px;}
    .write-wrap .write-footer ul.file li span.check a span.file_title {max-width: 120px !important;}
    .write-wrap .write-footer ul.file li > div {flex-direction: column;}
    .write-wrap .write-footer ul.file li span.check {padding-top: 0 !important;padding-bottom: 10px;width: auto !important;max-width: initial !important;}


}

@media all and (max-width:768px) {

    .write-wrap input[type='file'] {width: 100% !important;}
    .write-wrap select {max-width: 350px;}
    .write-wrap .write-info > strong {min-width: 100px; width: 100px;}
    .write-wrap .write-footer ul li strong {width:90%; padding: 5px 5%; border-bottom: 1px dashed #d5d5d5;}
    .write-wrap .write-footer ul li span {display:block;width:100%;padding: 10px 5%;text-align: center;max-width: 100% !important;}
    .write-wrap .write-footer ul.file li {flex-direction: column;}
    .write-wrap .write-footer ul.file li strong{width:100%; position:relative; padding: 10px;}
    .write-wrap .write-footer ul.file li span {padding: 8px !important;}
    .write-wrap .write-footer ul.file li span.tip {text-align: left;padding-left: 5px;padding-bottom: 0;}
    .write-wrap .write-footer ul.file li span.check a span.file_title {}
    .write-wrap .write-footer ul.file li.editor_files ul {/* justify-content: space-between; */padding: 15px 10px;}
    .write-wrap .write-footer ul.file li.editor_files ul li {margin: 0;min-width: 1px;width: 30%;max-width: 100%;margin-bottom: 7px;margin-right: 5%;}
    .write-wrap .write-footer ul.file li.editor_files ul li:nth-of-type(3n) {margin-right:0}
    .write-wrap .write-footer ul.file li.editor_files ul li span {max-width : 100% !important;}

}

@media all and (max-width:550px) {

    .write-wrap select{max-width: 100%;}
    .write-wrap .write-info-wrap {flex-direction: column;}
    .write-wrap .write-info {flex-direction:column}
    .write-wrap .write-info strong {width:100%; padding: 10px; font-size: 17px;}
    .write-wrap .write-info > span {display: block; width:100%; padding: 10px 0;}
    .write-wrap .write-info span input[type="text"] {width:100%; max-width: 100%;}
    .write-wrap .write-info.write-info_title span input {width:100%;}
    .write-wrap .write-footer ul.file li span.upload {flex-direction:column;padding-right: 8px;}
    .write-wrap .write-footer ul.file li span.tip {padding-bottom: 0 !important; padding-left: 0 !important;}
    .write-wrap .write-footer ul.file li span.check a span.file_title {max-width: 110px !important;}
    .write-wrap .write-footer ul.file li.editor_files ul {justify-content: space-between;padding: 15px 10px;}
    .write-wrap .write-footer ul.file li.editor_files ul li {width: 48%;margin-right: 0;margin-bottom: 5px;}
    .write-wrap .write-footer ul.file li.editor_files ul li span {line-height: normal;margin: 0 auto;margin-top: 1px;}
    .write-wrap .write-footer ul.file li.editor_files ul li img {max-height: 90px;}

}







/* board 댓글 */
.board-comment strong.title {display:block; font-style:normal; font-size:22px; margin:30px 0 0 0; padding:0 0 10px 0; }

.board-comment .comment-write {margin-top:20px; border-bottom: 1px solid #d5d5d5;}
.board-comment .comment-write .write-head {padding:10px 15px; font-weight:bold; border-top: 2px solid #393939; line-height:35px;}
.board-comment .comment-write .write-head strong {margin-right:15px;font-weight: 600;color: #111;}
.board-comment .comment-write .write-head input{border-radius: .375rem !important;margin-right: 15px;}
.board-comment .comment-write .write-head input:last-child {margin-right:0}
.board-comment .comment-write .write-body {padding:0 0 10px 0; display: flex;}
.board-comment .comment-write .write-body textarea {padding:10px; height:100px; font-size:15px; margin-right: 5px}

.board-comment .comment-view .view-head .view-info {padding:10px 10px; font-size:18px; border-bottom: 1px solid #d5d5d5; display: flex; justify-content: space-between;}
.board-comment .comment-view .view-head .view-info li {display: table;}
.board-comment .comment-view .view-head .view-info li span {display: table-cell; vertical-align: middle;}
.board-comment .comment-view .view-head .view-info li span:last-child {padding-right: 0;}
.board-comment .comment-view .view-head .view-info li button, .board-comment .comment-view .view-head .view-info li a {margin-left:5px}
.board-comment .comment-view .view-head .view-info span strong{padding:0 7px 0 0;}
.board-comment .comment-view .view-body .con {font-size:17px; min-height: auto;padding: 0;}

@media all and (max-width:550px) {

    .board-comment .comment-view .view-head .view-info {flex-direction: column;}
    .board-comment .comment-view .view-head .view-info li button, .board-comment .comment-view .view-head .view-info li a {font-size: 14px;padding: 3px 8px;margin-top: 8px;margin-left: 0;margin-right: 5px;}

    .board-comment .comment-write .write-head {padding: 10px 0;}
    .board-comment .comment-write .write-head strong {width: 90px;font-size: 17px;padding: 1px 5px;}
    .board-comment .comment-write .write-head input {margin-right: 0;width: 100%;max-width: calc(100% - 105px);margin-bottom: 10px;}
    .board-comment .comment-write .write-head input:last-child {margin-bottom:0}

}


/* board_password */
.pw-wrap {max-width: 1000px; margin-top: 130px;}
.password {position:relative;padding: 70px 25px;background:#fff;border:1px solid #d9d9d9;text-align: center; }
.password:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background: #f7f7f7;}
.password .info-box { }
.password .info-box > * {display: block;line-height: 1;margin-bottom: 13px;}
.password .info-box span {font-size: 31px;color: #f2a90a;}
.password .info-box span i { }
.password .info-box strong {font-size: 30px;}
.password .info-box p{font-size: 21px;}
.password .input-group {position:relative; margin:0 auto;margin-top: 30px;}


@media (max-width:1000px){


}

@media (max-width:550px){

    .password .info-box strong {font-size: 23px;}
    .password .info-box p{font-size: 18px;}

}





/* -- 컨텐츠 -- */
.content-head {}
.content-head .label {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; font-size: 20px; font-weight: 600; padding: 4px 20px; border-radius: 25px; color: #179145; border: 3px solid #179145; display: none;}
.content-head .title {position: relative; font-size: 33px; font-weight: 700; line-height: 1.3; margin-bottom: 40px; word-break: break-all;}
.content-body {margin-top: 30px}
.content-body .content-info {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 23px 10px; border-top: 2px solid #777; border-bottom: 1px solid #777}
.content-body .content-info .date {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items:baseline; font-size: 17px; color: #999}
.content-body .content-info .date strong {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 17px; color: #373535}
.content-body .content-info .date strong::after {content: ""; width: 1px; height: 12px; background: #aaa; margin: 0 15px}
.content-body .content-info .date i {font-size: 15px; margin-right:5px;}
.content-body .content-info .content-count {display: -webkit-box; display: -ms-flexbox; display: flex; position: relative}
.content-body .content-info .content-count span {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-left: 20px; color: #8a8a8a;}
.content-body .content-info .content-count span + span {margin-left: 20px}
.content-body .content-info .content-count span a {cursor: pointer; color: #8a8a8a;}
.content-body .content-info .content-count span a:hover {color: #d92d14;}
.content-body .content-info .content-count .ico-view {background: url(../images/board/ico-view.png) 0 center no-repeat}
.content-body .content-info .content-count .ico-like {background: url(../images/board/ico-like.png) 0 center no-repeat}
.content-body .content-info .content-count .ico-accu {background: url(../images/board/ico-accu.png) 0 center no-repeat}
.content-body .content-info .content-count .ico-text {background: url(../images/board/ico-text.png) left no-repeat; opacity: 0.6;}
.content-body .content-info .content-count button {font-size: 19px; width: 24px; border: 1px solid #ccc; line-height: 1; margin-left: 5px; }
.content-body .content-info .content-count button:hover {background: #e9e9e9; transition: 0.3s;}
.content-body .content-detail {margin: 70px 0; line-height: 1.6; font-size: 18px;}
.content-body .content-detail h3 {margin-bottom: 50px; font-size: 24px; font-weight: 600; color: #313131}
.content-body .content-detail * {word-break: break-all;}
.content-body .content-detail figure {margin-bottom: 60px}
.content-body .content-detail figcaption {text-align: center; margin-top: 20px; color: #818181; font-size: 17px}
.content-body .content-detail img {display: block; margin: 0 auto; max-width: 100%; height: auto;}
.content-body .content-detail .content-copyright {margin-top: 70px; color: #686868}


@media (max-width:1300px) {

    .content-body .content-detail img {margin: 0 !important;}

}

@media (max-width:1024px) {

    .content-head .label {margin-bottom: 20px; font-size: 20px; height: auto; line-height: initial; padding: 8px 20px;}
    .content-head .title {font-size: 28px; margin-bottom: 30px;}
    .content-body .content-info {padding: 15px 10px;}
    .content-body .content-info .date, .content-body .content-info .date strong {font-size: 17px}
    .content-body .content-detail {margin: 50px 0}
    .content-body .content-detail h3 {font-size: 20px; margin-bottom: 40px}
    .content-body .content-detail figcaption {font-size: 15px}
    .content-body .content-detail figure {margin-bottom: 40px}
    .content-body .content-detail .content-copyright {margin-top: 40px}
    .content-body .content-detail img {}
    .content-body .content-detail table {width: auto!important; height: auto !important;}

}



@media (max-width:768px) {

    .content-head .label {margin-bottom: 8px; font-size: 17px; padding: 6px 20px; border-width: 2px;}
    .content-head .title {font-size: 25px; margin-bottom: 0; margin-top: 25px;}
    .content-body {margin-top: 20px;}
    .content-body .content-info {padding: 12px 0; flex-wrap: wrap;}
    .content-body .content-info .date {margin: 5px 0;}
    .content-body .content-info .date, .content-body .content-info .date strong {font-size: 15px;}
    .content-body .content-info .date strong::after {height: 8px; margin: 0 7px}
    .content-body .content-info .content-count span {font-size: 15px}
    .content-body .content-info .content-count span + span {margin-left: 10px}
    .content-body .content-detail {margin: 30px 0; font-size: 17px;}
    .content-body .content-detail h3 {font-size: 17px; margin-bottom: 30px}

}

@media (max-width:550px) {

    .content-head .label {font-size: 15px; padding: 4px 15px;}
    .content-head .title {font-size: 22px; margin-top: 20px;}
    .content-body .content-info {padding: 10px 3px;}
    .content-body .content-detail {font-size: 17px;}
    .content-body .content-detail img {max-width: 100% !important; width: 100% !important; padding: 0 !important; height: auto !important;}

}




/* 공유 */
.content-share {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 70px 0 60px;}
.content-share a {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ddd; width: 150px; height: 45px; margin: 0 7px; background-size: 20px !important;}
.content-share .ico-like {background: url(../images/board/heart-regular.svg) center no-repeat;}
.content-share .ico-like.on {background: url(../images/board/heart-solid.svg) center no-repeat;}
.content-share .ico-share {background: url(../images/board/share.svg) center center no-repeat; background-size: 18px !important;}
.content-share .ico-print {background: url(../images/board/printer.svg) center center no-repeat;}

@media (max-width:768px) {

    .content-share {margin: 40px 0 30px}

}

/* tag */
.tag-list {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 80px; margin-bottom: 30px;}
.tag-list li {margin-bottom: 10px; margin-right: 10px;}
.tag-list li a {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #dbdbdb; border-radius: 25px; padding: 7px 14px; color: #666; font-size: 14px; font-weight: 500; transition: 0.3s;}
.tag-list li a:hover {-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.15); box-shadow: 3px 3px 4px rgba(0,0,0,.15); border: 1px solid #179145; transition: 0.3s;}


@media (max-width:550px) {

    .tag-list {margin-top: 50px; margin-bottom: 20px}

}



/* 다음글 */
.content-other {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 50px 0; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #eee}
.content-other .divider {-ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 20px; width: 33px; height: 30px; background: url(../images/board/ico-divider.png) center center no-repeat}
.content-other a {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%}
.content-other a span {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; width: 57px; height: 57px; border-radius: 50%; background: url(../images/board/sub-other-arrow.png) center center no-repeat; margin-right: 15px; transition: 0.3s;}
.content-other a span.ico-next {margin-right: 0; margin-left: 15px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg)}
.content-other a:hover span {background-color: #f2f2f2; transition: 0.3s;}
.content-other a:hover strong {color: #179145; text-decoration: underline; transition: 0.3s;}
.content-other a:nth-of-type(2) {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right}
.content-other a > div p {font-size: 15px; color: #666}
.content-other a > div strong {display: block; font-size: 18px; margin-bottom: 12px; font-weight: 500; word-break: break-all; display: -webkit-box; overflow: hidden; line-height: 1.35; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1}



@media (max-width:1400px) {

    .content-other a > div p {font-size: 14px}
    .content-other a > div strong {font-size: 17px}

}

@media (max-width:1000px) {

    .content-other {padding: 30px 0}

}


@media (max-width:768px) {

    .content-other .divider {width: 20px; height: 20px; background-size: 100%; margin: 0 25px;}
    .content-other a span {width: 36px; height: 36px; background-size: 100%; margin-right: 10px}
    .content-other a span.ico-next {margin-right: 0; margin-left: 10px}

}




/* 댓글 */
.comment {margin: 80px 0}
.comment .comment-write{}
.comment .comment-write .title {font-size: 22px; font-weight: 500; margin-bottom: 13px !important; position: relative}
.comment .comment-write .title i {margin-right: 5px;}
.comment .comment-write .title span {font-weight: bold}
.comment .comment-write input {min-width:100px; margin-left: 5px !important;}

.comment .comment-view {border-top: 2px solid #ccc; margin-top: 40px}
.comment .comment-view > li {border-bottom: 1px solid #ccc; padding: 25px 0 20px; position: relative;}
.comment .comment-view > li .view-head {display: flex; justify-content: space-between; margin-bottom: 5px;}
.comment .comment-view > li .view-head .left {}
.comment .comment-view > li .view-head .left .user {font-size: 18px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; max-width: 230px; white-space: nowrap; display: inline-block;}
.comment .comment-view > li .view-head .left .user i {font-size: 15px; margin-right: 5px; position: relative; top: -1px;}
.comment .comment-view > li .view-head .right {}
.comment .comment-view > li .view-head .right .time {color: #909090;}
.comment .comment-view > li .view-head .right .more-btn {}
.comment .comment-view > li .view-head .right .more-btn i {color: #c2c2c2; font-size: 14px; margin-left: 15px;}
.comment .comment-view > li .view-head .right .more-cont {display: flex; flex-direction: column; position: absolute; right: 0; top: -35px;}
.comment .comment-view > li .view-head .right .more-cont input {background: #fff; border: 1px solid #ccc; border-bottom:0; padding: 6px;}
.comment .comment-view > li .view-head .right .more-cont input:last-child {border-bottom: 1px solid #ccc}
.comment .comment-view > li .view-body {clear: both; overflow: hidden; margin-top: 10px;}
.comment .comment-view > li .view-body span {}
.comment .comment-view > li .view-body .like {float: right; margin-top: 10px; border: 1px solid #ccc; padding: 4px 10px 3px; border-radius: 10px;}



@media (max-width:768px) {

    .comment {margin: 50px 0;}

}

@media (max-width:550px) {

    .comment .comment-view > li .view-head {flex-wrap: wrap;}
    .comment .comment-view > li .view-head .left .user {max-width: 150px;}

}