@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;}
}

/* 카테고리 */
.board .category {padding: 6px 10px; border-radius: 20px; font-size: 17px;}
.cate-green {border: 1px solid #19a978 !important; color: #19a978 !important;}
.cate-red {border: 1px solid #dd496c !important; color: #dd496c !important;}
.cate-blue {border: 1px solid #40b0ef !important; color: #40b0ef !important;}
.cate-yellow {border: 1px solid #ec9f4a !important; color: #ec9f4a !important;}
.cate-chacol {border: 1px solid #646464 !important; color: #646464 !important;}
.cate-gray {border: 1px solid #a6b8c4 !important; color: #a6b8c4 !important;}

.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 11px; 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 .answer {font-size: 16px; padding: 9px 12px;}
.border-list-wrap table td .secret > i {color: #f1b137;margin-top: 6px;}

.border-list-wrap table td .notice {display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 40px; height: 40px; border-radius: 50%; background: #646464; color: #fff;}
.border-list-wrap table td .notice i {display: flex; align-items: center; justify-content: center; font-size: 20px; margin-right: 2px;}

.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; font-weight: bold; background: #fff; 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: #ee5176; 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: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; font-weight: bold;}

.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: 0; 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;}

    .border-list-wrap table:not(.ideas) td.cate {background-color: transparent; border: none;}

    .board .category {display: block;}

    .border-list-wrap table td .answer {font-size: 14px; padding: 6px 10px; top: 0 !important; margin-left: 0 !important;}
}
@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{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;} */

    .board-view .view-head .view-info span strong {width: 65px; display: inline-block;}
}
@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;}
.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 0 10px 5px !important; 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; font-size: 19px;}
.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; border: none !important; overflow: unset;}
.board-comment .comment-write .write-body textarea {padding:10px; height:100px; font-size:15px; margin-right: 5px}
.board-comment .comment-write .write-body > input {margin-top: 0;}

.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;}
}

/* 검색결과 없음 - 게시판 */
.no-result-wrap {width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 100px 0;}
.no-result-wrap .result-img-box {width: 120px; height: 120px; background: url('/sites/www/images/sub/no-post.png') no-repeat center center/contain; margin-bottom: 10px;}
.no-result-wrap p {font-size: 20px;}

@media (max-width: 500px) {
    .no-result-wrap {margin: 50px 0;}
    .no-result-wrap .result-img-box {width: 80px; height: 80px;}
    .no-result-wrap p {font-size: 18px;}
}

/* 공지사항 리스트 카테고리 */
.notice-list-tab {display: flex; gap: 25px; margin-bottom: 30px; flex-wrap: wrap;}
.notice-list-tab li {position: relative;}
.notice-list-tab li::before {content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #d5d7dd; position: absolute; top: 15px; right: -15px;}
.notice-list-tab li:last-child::before {display: none;}
.notice-list-tab li .category {display: block; position: relative; font-size: 19px; font-weight: 600; border: 1px solid #fff;}

@media (max-width: 768px) {
    .notice-list-tab {gap: 0;}
    .notice-list-tab li {width: 33.333%; text-align: center;}
    .notice-list-tab li::before {display: none;}
    .notice-list-tab li:hover {background-color: #2a4aac;}

    .notice-list-tab li .category {border-radius: 0; border: 1px solid #e7e7e7 !important; color: #394d46 !important; font-size: 17px; padding: 8px; margin-right: -1px; margin-bottom: -1px;}
    .notice-list-tab li .category.active {background-color: #2a4aac; border-color: #2a4aac !important; color: #fff !important;}
    .notice-list-tab li:hover .category {color: #fff !important; border-color: #2a4aac !important;}
}
@media (max-width: 550px) {
    .notice-list-tab {margin-bottom: 20px;}
    .notice-list-tab li {width: 50%;}
}

/* 모바일 조회수 텍스트 표시 */
.board.border-list .border-list-wrap .view-count {display: none;}
@media (max-width: 768px) {
    .board.border-list .border-list-wrap .view-count {display: inline; font-size: 14px;}
}


/* ----- 웹진 형식 스킨 ----- */
.board-webzine-list .category {width: fit-content;margin-bottom: 15px;}
.board-webzine-list .title-wrap {display: flex; align-items: center; margin-bottom: 18px;}
.board-webzine-list .notice {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #646464; color: #fff; margin-right: 10px;}
.board-webzine-list .notice i {display: flex; align-items: center; justify-content: center; font-size: 18px; margin-right: 2px;}
.board-webzine-list .new {display: inline-block; position: relative; min-width: 22px; height: 22px; background-color: #ee5176; border-radius: 50px; color: #fff; margin-left: 7px;}
.board-webzine-list .new span {display: block; width: 100%; height: 100%}
.board-webzine-list .new::after {position:absolute;content:'N';font-size: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; font-weight: bold;}

@media (max-width: 1024px) {
    .board-webzine-list .title-wrap {margin-bottom: 15px;}
}
@media (max-width: 768px) {
    .board-webzine-list .category {margin-bottom: 10px;}

    .board-webzine-list .title-wrap {margin-bottom: 10px;}

    .board-webzine-list .notice {width: 28px; height: 28px; margin-right: 7px;}
    .board-webzine-list .notice i {font-size: 16px;}
}
@media (max-width: 550px) {
    .board-webzine-list .category {margin: 10px 0;}
}

.board-webzine-list {border-top: 2px solid #8e8e8e;display: flex;flex-wrap: wrap;}
.board-webzine-list li {border-bottom: 1px solid #e2e2e2;/*display: flex;; */transition: 0.3s;width: 100%;}
.board-webzine-list li:nth-of-type(odd) {/* padding-right: 10px; */}
.board-webzine-list li:nth-of-type(even) {}
/* .board-webzine-list li input[type="checkbox"]{ margin: 112px 30px;  min-width: 1em;} */
/* .board-webzine-list li input[type="checkbox"]{ margin: 4px 10px 0 0;} */
.board-webzine-list li a {display: flex;padding: 30px 10px;}
/* .board-webzine-list li a .cate {padding-top: 0;margin-bottom: 15px;color: #0050a7;line-height: 1;display: none;} */
.board-webzine-list li a .text {display: flex;flex-direction: column;justify-content: center;width: 100%;padding: 8px 0;}
.board-webzine-list li a .text .title {font-size: 25px;transition: 0.3s;font-weight: bold; display: block; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.board-webzine-list li a .text .cont {margin-bottom: 20px;color: #484848;font-size: 19px;word-break: break-all;display: -webkit-box;overflow: hidden;line-height: 1.35;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.board-webzine-list li a .text .etc {}
.board-webzine-list li a .text .etc span {color: #999;font-size: 17px;font-weight: 300;}
.board-webzine-list li a .text .etc .user {margin-right: 10px;}
.board-webzine-list li a .text .etc .date {margin-right: 10px;}
.board-webzine-list li a .img-wrap {min-width: 200px;max-width: 330px;aspect-ratio: 16/9;border: none;border: 1px solid #eee;margin-right: 30px;width: 100%;border-radius: 10px; overflow: hidden;}
.board-webzine-list li a .img-wrap img {height: 100%; width:100%; object-fit: cover;}
.board-webzine-list li:hover a .text .title {text-decoration: underline; transition: 0.3s;}
.board-webzine-list li:hover a .text .title::before {width: 100%; transition: 0.3s;}

@media (max-width:1300px) {
    .board-webzine-list li a {padding: 20px 10px;}
    .board-webzine-list li a .img-wrap {max-width: 300px;}
}
@media (max-width:1024px) {
    .board-webzine-list li a .text .title {font-size: 23px;}
    .board-webzine-list li a .text .cont {margin-bottom: 18px; font-size: 17px;}
    .board-webzine-list li a .text .etc span {font-size: 16px;}
    .board-webzine-list li a .img-wrap {max-width: 270px;margin-right: 25px;}
}
@media (max-width:768px) {
    .board-webzine-list li a {padding: 15px 0; }
    .board-webzine-list li a .text {padding: 5px 0;}
    .board-webzine-list li a .text .title {font-size: 21px;}
    .board-webzine-list li a .text .cont {margin-bottom: 10px;font-size: 17px;-webkit-line-clamp: 2;}
    .board-webzine-list li a .text .etc span {font-size: 15px;}
    .board-webzine-list li a .text .etc .user {margin-right: 5px;}
    .board-webzine-list li a .img-wrap {max-width: 180px;margin-right: 15px;}
}
@media (max-width:550px) {
    .board-webzine-list li a {padding: 13px 0; flex-direction: column;}
    .board-webzine-list li a .text {padding: 5px 5px;}
    .board-webzine-list li a .text .title {font-size: 21px;}
    .board-webzine-list li a .img-wrap {margin-right: 0;max-width: 100%;min-height: 150px;}
}
@media (max-width:480px) {
}