@charset "UTF-8";
/* Emotion board theme base (formerly /sites/emotion/css/board.css) */

.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{padding:10px 15px;}
.btn-wrap .fl i, .btn-wrap .fr i {color:#fff; transition:.3s;margin-left:0px;}
.btn-wrap .list_go_btn{background:#4b595f; color: #fff !important;}
.btn-wrap .list_go_btn i{color:#fff; margin-left:0px;}
.btn-wrap button i {margin-left:0px;}
.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}
}

/* 검색 */
.public-board-table th {font-size:18px;}
.public-board-notice-badge {display:inline-flex;align-items:center;justify-content:center;min-width:47px;height:35px;padding:0 10px;border-radius:8px;background:#6c6c6c;color:#fff;font-size:15px;font-weight:600;line-height:1;vertical-align:middle;}
.board-view {border-top:2px solid #1e293b;}
.board-view-head h2 {display:flex;align-items:center;gap:10px;margin:0;padding:22px 20px;border-bottom:1px solid #d9dde3;color:#182235;font-size:25px;font-weight:700;line-height:1.35;word-break:keep-all;}
.board-view-head h2 .public-board-notice-badge {flex:0 0 auto;}
.board-view-meta {display:flex;flex-wrap:wrap;align-items:center;gap:0;padding:17px 20px;border-bottom:1px solid #d9dde3;color:#7a7f88;font-size:17px;}
.board-view-meta span {display:inline-flex;align-items:center;gap:5px;line-height:1.35;}
.board-view-meta span + span::before {width:1px;height:15px;margin:0 14px;background:#c9cdd4;content:'';}
.board-view-meta strong {color:#20242b;font-weight:700;}
.board-view-meta i {color:#20242b;}
.board-files {border-bottom:1px solid #d9dde3;}
.board-file-row {display:flex;align-items:center;gap:14px;min-height:53px;padding:10px 20px;border-bottom:1px solid #d9dde3;color:#20242b;font-size:17px;}
.board-file-row:last-child {border-bottom:0;}
.board-file-row strong {white-space:nowrap;}
.board-file-row strong i {margin-left:3px;}
.board-file-divider {width:1px;height:15px;background:#c9cdd4;}
.board-file-row a {display:flex;align-items:baseline;gap:5px;min-width:0;color:#343940;}
.board-file-row a span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board-file-row a small {color:#7a7f88;font-size:16px;white-space:nowrap;}
@media (max-width:768px) {.public-board-table th{font-size:16px;}.board-view-head h2{padding:17px 15px;font-size:21px;}.public-board-notice-badge{min-width:42px;height:30px;font-size:14px;}.board-view-meta{padding:13px 15px;font-size:15px;}.board-view-meta span + span::before{margin:0 9px;}.board-file-row{align-items:flex-start;flex-wrap:wrap;gap:8px;padding:11px 15px;font-size:15px;}.board-file-row a{flex-wrap:wrap;width:calc(100% - 105px);}.board-file-row a small{font-size:14px;white-space:normal;}.board-file-divider{margin-top:4px;}}

.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(/sites/emotion/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(/sites/emotion/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;line-height:2;}
.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(/sites/emotion/images/board/ico-view.png) 0 center no-repeat}
.content-body .content-info .content-count .ico-like {background: url(/sites/emotion/images/board/ico-like.png) 0 center no-repeat}
.content-body .content-info .content-count .ico-accu {background: url(/sites/emotion/images/board/ico-accu.png) 0 center no-repeat}
.content-body .content-info .content-count .ico-text {background: url(/sites/emotion/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(/sites/emotion/images/board/heart-regular.svg) center no-repeat;}
.content-share .ico-like.on {background: url(/sites/emotion/images/board/heart-solid.svg) center no-repeat;}
.content-share .ico-share {background: url(/sites/emotion/images/board/share.svg) center center no-repeat; background-size: 18px !important;}
.content-share .ico-print {background: url(/sites/emotion/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(/sites/emotion/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(/sites/emotion/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) {
}

/* EditFlow common board styles and overrides */
.board-hero{padding-top:70px!important;padding-bottom:70px!important}.board-hero h1{font-size:56px!important}.public-board{max-width:1280px;margin:auto;padding:0px}.board-toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.board-toolbar form{display:flex;gap:8px}.board-toolbar select,.board-toolbar input{height:46px;border:1px solid #e4e7ec;border-radius:8px;padding:0 14px;background:#fff}.board-toolbar input{width:280px}.board-toolbar button,.board-view-actions a{border:0;border-radius:8px;background:#155eef;color:#fff;padding:0 20px;font-weight:650}.public-board-table{border-top:2px solid #101828;overflow:auto}.public-board-table table{width:100%;border-collapse:collapse;min-width:720px}.public-board-table th,.public-board-table td{padding:18px 14px;border-bottom:1px solid #e4e7ec;text-align:center}.public-board-table th{background:#f8fafc;font-size:18px}.public-board-table .subject{text-align:left}.public-board-table .empty{padding:70px}.board-pagination{display:flex;justify-content:center;margin-top:35px}.board-view{border-top:2px solid #101828}.board-view-head{padding:32px;border-bottom:1px solid #e4e7ec}.board-view-head h2{font-size:30px;margin:10px 0 20px}.board-view-head>div{display:flex;gap:24px;color:#667085}.board-view-content{min-height:300px;padding:45px 32px;font-size:17px;line-height:1.8;border-bottom:1px solid #e4e7ec}.board-files{display:flex;gap:18px;padding:22px 32px;background:#f8fafc}.board-view-actions{display:flex;justify-content:center;gap:12px;margin-top:32px}.board-view-actions a{display:inline-flex;align-items:center;gap:7px;padding:13px 24px}.board-view-actions a i{font-size:16px;line-height:1}@media(max-width:700px){.board-toolbar{display:block}.board-toolbar form{display:grid}.board-toolbar input{width:100%}}

.emotion-webzine-list,.emotion-gallery-list,.emotion-media-list{list-style:none;margin:0;padding:0;border-top:2px solid #101828}.emotion-webzine-list li{border-bottom:1px solid #e4e7ec}.emotion-webzine-list a{display:flex;gap:30px;padding:28px 10px;color:#101828}.emotion-board-thumb{display:block;overflow:hidden;background:#eef2f6}.emotion-board-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.emotion-webzine-list .emotion-board-thumb{flex:0 0 320px;aspect-ratio:16/9;border-radius:12px}.emotion-board-copy{display:flex;min-width:0;flex-direction:column;justify-content:center}.emotion-board-copy em{width:max-content;margin-bottom:10px;padding:5px 10px;border-radius:20px;background:#eaf1ff;color:#155eef;font-size:13px;font-style:normal}.emotion-board-copy strong{overflow:hidden;margin-bottom:12px;font-size:25px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.emotion-board-copy>span{display:-webkit-box;overflow:hidden;margin-bottom:18px;color:#667085;font-size:16px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.emotion-board-copy small,.emotion-gallery-list small,.emotion-media-list small{color:#8590a2}.emotion-webzine-list a:hover img,.emotion-gallery-list a:hover img{transform:scale(1.04)}
.emotion-gallery-list,.emotion-media-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-top:0}.emotion-gallery-list li,.emotion-media-list li{min-width:0}.emotion-gallery-list a{display:block;color:#101828}.emotion-gallery-list .emotion-board-thumb{aspect-ratio:4/3;border-radius:14px}.emotion-gallery-list strong,.emotion-media-list strong{display:block;overflow:hidden;margin:15px 2px 8px;font-size:19px;text-overflow:ellipsis;white-space:nowrap}.emotion-gallery-list small,.emotion-media-list small{display:block;margin:0 2px}.emotion-gallery-list .emotion-board-date,.emotion-gallery-list .emotion-board-hits{font-size:16px;line-height:1.4}.emotion-gallery-list .emotion-board-meta-divider{margin:0 4px;font-size:16px;line-height:1.4}.emotion-media-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:14px;background:#111}.emotion-media-frame iframe,.emotion-media-frame img{width:100%;height:100%;border:0;object-fit:cover}.emotion-board-empty{grid-column:1/-1;padding:80px 20px;text-align:center;color:#667085}
@media(max-width:960px){.emotion-gallery-list,.emotion-media-list{grid-template-columns:repeat(2,minmax(0,1fr))}.emotion-webzine-list .emotion-board-thumb{flex-basis:260px}}@media(max-width:640px){.emotion-webzine-list a{display:block;padding:18px 0}.emotion-webzine-list .emotion-board-thumb{width:100%;margin-bottom:16px}.emotion-gallery-list,.emotion-media-list{grid-template-columns:1fr;gap:24px}.emotion-board-copy strong{font-size:21px}}

/* 외부 뉴스 기사 바로가기 */
.emotion-news-link-list{display:flex;flex-direction:column;gap:28px;margin:0;padding:0;list-style:none}.emotion-news-link-item{position:relative;overflow:hidden;border:1px solid #e4e7ec;border-radius:14px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.emotion-news-link-item:hover{border-color:#c8d5ea;box-shadow:0 14px 34px rgba(16,24,40,.08);transform:translateY(-2px)}.emotion-news-link-card{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:260px;color:#101828}.emotion-news-link-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:42px 50px}.emotion-news-link-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #e4e7ec}.emotion-news-link-heading strong{font-size:25px;line-height:1.45;word-break:keep-all}.emotion-news-link-heading i{flex:0 0 auto;margin-top:5px;color:var(--color-primary);font-size:20px}.emotion-news-link-summary{display:-webkit-box;overflow:hidden;margin-top:18px;color:#5d6675;font-size:17px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:12}.emotion-news-link-copy small{display:flex;min-width:0;align-items:center;gap:12px;margin-top:24px;color:#8590a2;font-size:14px}.emotion-news-link-copy small em{flex:0 0 auto;padding:5px 10px;border-radius:20px;background:#eef4ff;color:var(--color-primary);font-style:normal;font-weight:700}.emotion-news-link-url{overflow:hidden;min-width:0;color:#667085;text-overflow:ellipsis;white-space:nowrap}.emotion-news-link-thumb{display:block;overflow:hidden;min-height:260px;background:#eef2f6}.emotion-news-link-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.emotion-news-link-item:hover .emotion-news-link-thumb img{transform:scale(1.035)}.emotion-news-link-edit{position:absolute;z-index:3;right:18px;bottom:18px;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(16,24,40,.12);color:#344054;font-size:13px;font-weight:700}.emotion-news-link-edit:hover{color:var(--color-primary)}
@media(max-width:900px){.emotion-news-link-card{grid-template-columns:minmax(0,1fr) 300px}.emotion-news-link-copy{padding:34px}.emotion-news-link-heading strong{font-size:22px}}
@media(max-width:640px){.emotion-news-link-list{gap:20px}.emotion-news-link-card{display:flex;width:100%;min-height:0;padding:0!important;flex-direction:column-reverse}.emotion-news-link-thumb{align-self:stretch;width:100%;min-height:0;margin:0;aspect-ratio:16/9}.emotion-news-link-thumb img{object-position:center top}.emotion-news-link-copy{padding:18px 20px 26px}.emotion-news-link-heading{gap:14px;padding-bottom:14px}.emotion-news-link-heading strong{font-size:20px}.emotion-news-link-summary{margin-top:14px;font-size:15px;line-height:1.65;-webkit-line-clamp:10}.emotion-news-link-copy small{margin-top:18px}.emotion-news-link-edit{right:12px;top:12px;bottom:auto}.emotion-news-link-edit span{display:none}}

.public-board{box-sizing:border-box;width:100%;max-width:none}.emotion-media-list a{display:block;color:#101828}.emotion-media-frame{display:block}.emotion-media-frame iframe{display:none}.emotion-media-frame img{width:100%;height:100%;border:0;object-fit:cover;transition:transform .35s}.emotion-media-list a:hover .emotion-media-frame img{transform:scale(1.04)}.emotion-play-icon{position:absolute;top:50%;left:50%;width:62px;height:62px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(12,24,45,.72);box-shadow:0 8px 24px rgba(0,0,0,.25);transform:translate(-50%,-50%);transition:background .25s,transform .25s}.emotion-play-icon:after{position:absolute;top:50%;left:52%;content:"";border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff;transform:translate(-40%,-50%)}.emotion-media-list a:hover .emotion-play-icon{background:#155eef;transform:translate(-50%,-50%) scale(1.06)}.emotion-media-player{width:min(100%,1100px);margin:0 auto 35px;aspect-ratio:16/9;background:#111}.emotion-media-player iframe{width:100%;height:100%;border:0}
.board-manage-actions{display:flex;justify-content:flex-end;margin-top:24px}.board-manage-primary{display:inline-flex!important;align-items:center;justify-content:center;min-width:100px;padding:12px 22px!important;border-radius:6px;background:#2563eb!important;color:#fff!important}.board-write-page{width:100%;max-width:none}.board-write-title{padding-bottom:20px;border-bottom:1px solid #dce3ed}.board-write-title h2{margin:0 0 6px;font-size:28px}.board-write-title p{margin:0;color:#64748b}.board-write-errors{margin:20px 0;padding:16px 20px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#991b1b}.board-write-errors ul{margin:8px 0 0}.board-write-form{display:grid;gap:0;padding-top:28px;border-top:1px solid #8b929c}.board-write-form>label{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:0;border-bottom:1px solid #d9dee6}.board-write-form>label>span{align-self:stretch;display:flex;align-items:center;justify-content:center;padding:14px 12px;background:#f7f8fa;font-weight:700}.board-write-form>label>input,.board-write-form>label>select{margin:8px 10px;width:calc(100% - 20px)}.board-write-form>label>small{grid-column:2;padding:0 12px 10px;color:#8a919d}.board-write-form label b{color:#ef4444}.board-write-form input,.board-write-form select,.board-write-form textarea{width:100%;min-height:42px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;font:inherit}.board-write-inline{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #d9dee6}.board-write-inline>label{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center}.board-write-inline>label+label{border-left:1px solid #d9dee6}.board-write-inline>label>span{align-self:stretch;display:flex;align-items:center;justify-content:center;padding:14px 12px;background:#f7f8fa;font-weight:700}.board-write-inline input{margin:8px 10px;width:calc(100% - 20px)}.board-write-check{display:flex!important;align-items:center;gap:6px!important}.board-write-check input{width:18px;min-height:18px}.board-write-check span{font-weight:400!important}.board-write-actions{display:flex;flex-direction:row-reverse;justify-content:center;gap:6px;padding:14px 0;border-top:1px solid #d9dee6}.board-write-actions button,.board-write-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:10px 16px;border:1px solid #303942;border-radius:4px;background:#303942;color:#fff;text-align:center}.board-write-actions a:before{content:'☷';margin-right:5px}.board-write-actions button:before{content:'▣';margin-right:5px}.board-write-actions button:hover,.board-write-actions a:hover{background:#1f262d;color:#fff}.board-write-form .ck-editor{margin:8px 10px;width:calc(100% - 20px)}.board-write-form .ck-editor__editable{min-height:420px}@media(max-width:720px){.board-write-inline{grid-template-columns:1fr}.board-write-inline>label+label{border-left:0;border-top:1px solid #d9dee6}.board-write-form>label,.board-write-inline>label{grid-template-columns:88px minmax(0,1fr)}}
.board-editor-files{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:stretch;border-bottom:1px solid #d9dee6}
.board-editor-files>strong{display:flex;align-items:center;justify-content:center;padding:14px 10px;background:#f7f8fa;font-size:15px;color:#101828}
.board-editor-file-list{display:flex;flex-wrap:wrap;gap:16px;min-height:110px;align-items:center;padding:10px 14px}
.board-editor-file{position:relative;display:flex;flex-direction:column;align-items:center;width:150px;gap:4px;text-align:center}
.board-editor-file img{width:150px;height:90px;object-fit:cover;border:1px solid #d8dee8;border-radius:8px;background:#f7f9fc}
.board-editor-file span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.board-editor-file small{color:#667085;font-size:13px}
.board-editor-file-delete{position:absolute;right:-8px;top:-9px;width:24px;height:24px;border:0;border-radius:50%;background:#4b5563;color:#fff;font-size:20px;line-height:20px;cursor:pointer;z-index:1}
.board-editor-files-empty{margin:0;color:#667085}
.board-editor-files.is-empty{display:none}
.board-write-options{display:grid;grid-template-columns:120px 1fr;align-items:center;border-bottom:1px solid #d9dee6;background:#fff}
.board-write-options>strong{align-self:stretch;display:flex;align-items:center;justify-content:center;padding:14px;background:#f8fafc;font-size:15px}
.board-write-options-fields{display:flex;align-items:center;gap:12px;padding:9px 12px}
.board-write-options-fields select{flex:1;min-height:46px}
.board-write-options-fields .board-write-check{display:inline-flex!important;flex:0 0 auto;white-space:nowrap}
.ck-powered-by-balloon,.ck.ck-powered-by{display:none!important}
.board-write-form .ck-custom-source{display:none;width:100%;min-height:420px;margin:0;padding:0;border:1px solid #cbd5e1;border-radius:0;background:#fff;font:14px/1.6 Consolas,Monaco,monospace;resize:vertical}
.board-write-form .ck-editor.is-source-mode .ck-editor__main{display:none}
.board-write-form .ck-editor.is-source-mode .ck-custom-source{display:block}
.board-write-form .ck-custom-source-button{display:inline-flex;align-items:center;gap:5px}
@media(max-width:720px){.board-editor-files{grid-template-columns:88px minmax(0,1fr)}.board-write-options{grid-template-columns:88px 1fr}.board-write-options-fields{flex-wrap:wrap}.board-write-options-fields select{flex-basis:100%}}

/* Public board write form: keep the compact table-style layout used by the theme. */
.public-board.board-write-page{padding-top:20px}
.board-write-page .board-write-title{display:none}
.board-write-page .board-write-form{padding-top:0}
.board-write-page .board-write-form>label>span,
.board-write-page .board-write-inline>label>span,
.board-write-page .board-write-options>strong,
.board-write-page .board-editor-files>strong{font-size:14px;font-weight:600;line-height:1.35}
.board-write-page .board-write-form input,
.board-write-page .board-write-form select,
.board-write-page .board-write-form textarea{font-size:15px;font-weight:400}
.board-write-page .board-write-options-fields{min-width:0;padding:8px 10px;gap:10px}
.board-write-page .board-write-options-fields select{flex:0 1 50%;width:50%;min-width:220px;height:42px;min-height:42px;margin:0;padding:8px 34px 8px 12px;font-size:14px;font-weight:400}
.board-write-page .board-write-check{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0;padding:0 4px;cursor:pointer;font-weight:400}
.board-write-page .board-write-check input[type="checkbox"]{position:static;width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;padding:0;opacity:1;pointer-events:auto}
.board-write-page .board-write-check span{display:inline!important;padding:0!important;background:transparent!important;font-size:14px!important;font-weight:400!important;line-height:20px}
.board-write-page .board-write-options-fields .board-write-check{height:42px;vertical-align:middle}
.board-write-page .board-write-form .ck-editor{margin:0!important;width:100%!important;max-width:none!important}
.board-write-page .board-write-form .ck-editor__top,
.board-write-page .board-write-form .ck-editor__main{margin:0!important;padding:0!important}
.board-write-page .board-write-editor{width:100%;margin:0;padding:0;border-bottom:1px solid #d9dee6}
.board-write-page .board-write-editor>textarea{margin:0}
@media(max-width:720px){.board-write-page .board-write-options-fields select{flex-basis:100%;width:100%;min-width:0}}
.board-write-page .board-write-actions{flex-direction:row;gap:8px}
.board-write-page .board-write-actions button,
.board-write-page .board-write-actions a{gap:6px;border-radius:5px;font-size:14px;font-weight:600;line-height:1}
.board-write-page .board-write-actions button{border-color:#2563eb;background:#2563eb;color:#fff!important}
.board-write-page .board-write-actions a{border-color:#475569;background:#475569;color:#fff!important}
.board-write-page .board-write-actions button:before,
.board-write-page .board-write-actions a:before{display:none;content:none}
.board-write-page .board-write-actions button span,.board-write-page .board-write-actions a span{color:#fff!important}
.board-write-page .board-write-actions svg{width:16px;height:16px;fill:none;stroke:#fff!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.board-write-page .board-write-actions button:hover{border-color:#1d4ed8;background:#1d4ed8;color:#fff}
.board-write-page .board-write-actions a:hover{border-color:#334155;background:#334155;color:#fff}
.board-attachments{border-top:1px solid #d9dee6}
.board-attachment-current,.board-attachment-input{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;min-height:58px;border-bottom:1px solid #d9dee6}
.board-attachment-label,.board-attachment-input>span{align-self:stretch;display:flex;align-items:center;justify-content:center;padding:12px;background:#f7f8fa;font-size:14px;font-weight:600}
.board-attachment-current>a{display:flex;min-width:0;align-items:center;gap:8px;padding:10px 14px;color:#344054;text-decoration:none}
.board-attachment-current>a:hover strong{text-decoration:underline}
.board-attachment-current>a svg,.board-attachment-remove svg{flex:0 0 17px;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.board-attachment-current>a strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}
.board-attachment-current>a small{flex:0 0 auto;color:#667085;font-size:13px}
.board-attachment-remove{display:inline-flex;align-items:center;gap:5px;margin-right:12px;padding:7px 10px;border:1px solid #fda4af;border-radius:5px;background:#fff;color:#e11d48;font-size:13px;cursor:pointer}
.board-attachment-remove:hover{background:#fff1f2}
.board-attachment-input>input{min-width:0;width:calc(100% - 20px)!important;margin:8px 10px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;font-size:14px}
.board-attachment-input>small{padding-right:14px;color:#8a919d;font-size:13px;white-space:nowrap}
.board-thumbnail-input .board-thumbnail-fields{display:flex;min-width:0;align-items:center;gap:12px;margin:8px 10px}
.board-thumbnail-input .board-thumbnail-fields>input{min-width:0;flex:1 1 100%;width:100%;margin:0}
.board-thumbnail-input .board-thumbnail-fields.has-current-file>input,
.board-thumbnail-input .board-thumbnail-fields.has-current-file>a{flex:1 1 50%;width:50%}
.board-thumbnail-input .board-thumbnail-fields>a{display:flex;min-width:0;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:4px;background:#f8fafc;color:#344054;text-decoration:none}
.board-thumbnail-input .board-thumbnail-fields>a:hover strong{text-decoration:underline}
.board-thumbnail-input .board-thumbnail-fields>a strong{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}
.board-thumbnail-input .board-thumbnail-fields>a small{flex:0 0 auto;color:#667085;font-size:13px}
.board-thumbnail-input .board-thumbnail-fields>small{color:#8a919d;font-size:13px}
.board-attachment-slot{display:grid;grid-template-columns:120px minmax(0,1fr);min-height:58px;border-bottom:1px solid #d9dee6}
.board-attachment-slot>strong{display:flex;align-items:center;justify-content:center;gap:5px;padding:12px;background:#f7f8fa;font-size:14px;font-weight:600}
.board-attachment-slot>strong svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.board-attachment-slot-fields{display:flex;min-width:0;align-items:center;padding:8px 10px;gap:12px}
.board-attachment-upload{display:flex;min-width:0;flex:1 1 100%;align-items:center;gap:10px}
.board-attachment-slot.has-current-file .board-attachment-upload,.board-attachment-existing{flex:1 1 50%;width:50%}
.board-attachment-upload input{min-width:0;flex:1;width:auto!important;margin:0!important;padding:7px 9px!important}
.board-attachment-upload small{flex:0 0 auto;color:#8a919d;font-size:12px;white-space:nowrap}
.board-attachment-existing{display:flex;min-width:0;align-items:center;gap:8px}
.board-attachment-existing>a{display:flex;min-width:0;align-items:center;gap:5px;color:#344054;text-decoration:none}
.board-attachment-existing>a:hover strong{text-decoration:underline}
.board-attachment-existing>a strong{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}
.board-attachment-existing>a small{flex:0 0 auto;color:#667085;font-size:12px}
.board-file-delete-check{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-height:32px;cursor:pointer}
.board-file-delete-check input{position:static!important;width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;padding:0!important;opacity:1!important;pointer-events:auto!important}
.board-file-delete-check span{color:#e11d48;font-size:14px;font-weight:400}
@media(max-width:720px){.board-attachment-current,.board-attachment-input{grid-template-columns:88px minmax(0,1fr)}.board-attachment-remove,.board-attachment-input>small{grid-column:2;justify-self:start;margin:0 0 8px 10px}}
@media(max-width:900px){.board-attachment-slot{grid-template-columns:88px minmax(0,1fr)}.board-attachment-slot-fields{align-items:stretch;flex-direction:column}.board-attachment-slot.has-current-file .board-attachment-upload,.board-attachment-existing{flex-basis:auto;width:100%}}
.board-write-page .board-write-form .ck-editor__top .ck-toolbar{border-radius:0}
.board-write-page .board-write-form .ck-editor__main>.ck-editor__editable{border-radius:0;box-shadow:none}
.board-captcha-fields{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px;padding:8px 10px!important;background:#fff!important}.board-captcha-fields strong{font-size:15px;white-space:nowrap}.board-captcha-fields input{width:140px!important;margin:0!important}
.board-files{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0;padding:0;background:#fff;border-bottom:1px solid #e4e7ec}.board-files>strong{display:flex;align-items:center;justify-content:center;padding:18px 12px;background:#f8fafc}.board-files>a{display:flex;align-items:center;justify-content:space-between;gap:14px;grid-column:2;padding:12px 18px;border-bottom:1px solid #edf0f4;color:#344054;text-decoration:none}.board-files>a:last-child{border-bottom:0}.board-files>a:hover span{text-decoration:underline}.board-files>a small{flex:0 0 auto;color:#667085}
.board-comments{margin-top:38px;border-top:2px solid #101828}.board-comments-title{display:flex;align-items:center;gap:8px;padding:18px 20px;border-bottom:1px solid #e4e7ec}.board-comments-title span{color:#667085;font-size:13px}.board-comments ul{list-style:none;margin:0;padding:0}.board-comments li{position:relative;padding:18px 20px;border-bottom:1px solid #e4e7ec}.board-comments li>div{display:flex;align-items:center;gap:12px}.board-comments time{color:#667085;font-size:13px}.board-comments li p{margin:10px 0 0;line-height:1.65}.board-comments li form{position:absolute;top:15px;right:18px}.board-comments li form button{border:1px solid #fda4af;border-radius:5px;background:#fff;color:#e11d48}.board-comments .empty{text-align:center;color:#667085}.board-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:18px 20px;background:#f8fafc}.board-comment-form textarea{grid-row:1/3;min-height:90px;padding:12px;border:1px solid #cbd5e1;border-radius:5px;resize:vertical}.board-comment-form label{display:flex;align-items:center;gap:8px}.board-comment-form label input{width:90px;height:38px;border:1px solid #cbd5e1;border-radius:5px}.board-comment-form>button{align-self:end;padding:10px 18px;border:0;border-radius:5px;background:#2563eb;color:#fff;font-weight:600}
.board-reply-mark{display:inline-block;margin-right:6px;color:#2563eb;font-weight:700}
.board-reply-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:7px;border-radius:50%;background:#eaf1ff;color:#155eef;font-size:12px;line-height:1;vertical-align:middle}
.board-view-actions.btn-wrap{display:block;width:100%;margin:24px auto 0;overflow:hidden;text-align:center}
.board-view-actions.btn-wrap .fl{float:left}.board-view-actions.btn-wrap .fr{display:flex;float:right;gap:8px}
.board-view-actions.btn-wrap .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:auto;padding:12px 25px;border:0;border-radius:4px;color:#fff!important;font-size:17px;font-weight:400;line-height:24px;text-decoration:none;transition:background .2s}
.board-view-actions.btn-wrap .btn span,.board-view-actions.btn-wrap .btn i{color:#fff!important;font-size:16px;line-height:1}
.board-view-actions.btn-wrap .btn svg{color:#fff!important;fill:none;stroke:#fff!important}
.board-view-actions.btn-wrap .list_go_btn{background:#4b595f}.board-view-actions.btn-wrap .list_go_btn:hover{background:#3d474b}
.board-view-actions.btn-wrap .write_btn{background:#255e86}.board-view-actions.btn-wrap .write_btn:hover{background:#1b4c6e}
.board-view-actions.btn-wrap .re_btn{background:#787878}.board-view-actions.btn-wrap .re_btn:hover{background:#646363}
.board-manage-primary{gap:7px}.board-manage-primary i,.board-manage-primary span{color:#fff!important}
.board-form-screen .sub-header-wrap{height:360px}
.board-form-screen #subContents{position:relative;z-index:3;padding-top:40px}
.board-form-screen #subContents>.board-write-page{display:block!important;position:relative;z-index:1;min-height:320px;background:#fff;color:#202020;opacity:1!important;visibility:visible!important;transform:none!important}
.board-form-screen .course-board-embed>.board-write-page{display:block!important;position:relative;z-index:1;min-height:320px;background:#fff;color:#202020;opacity:1!important;visibility:visible!important;transform:none!important}
.course-board-embed>.public-board.board-write-page{padding:0}
.board-form-screen .board-write-form,.board-form-screen .board-write-form label,.board-form-screen .board-write-form strong,.board-form-screen .board-write-form span{color:#202020}
@media(max-width:768px){.board-form-screen .sub-header-wrap{height:260px}.board-form-screen #subContents{padding-top:25px}}
.board-view{border-top:2px solid #454545!important}
.board-view-head{padding:0!important;border-bottom:1px solid #d7d7d7!important}
.board-view-head>span{display:inline-block;margin:12px 18px 0;color:#64748b}
.board-view-head h2{margin:0!important;padding:17px 20px!important;background:#f7f7f7;font-size:24px!important;font-weight:700;line-height:1.4}
.board-view-head .board-view-meta{display:flex!important;align-items:center;gap:0!important;padding:14px 20px;color:#777!important}
.board-view-meta>span{display:inline-flex;align-items:center;gap:5px}
.board-view-meta>span+span:before{content:'';width:1px;height:14px;margin:0 14px;background:#c8c8c8}
.board-view-meta i{color:#111;font-size:15px}.board-view-meta strong{color:#222;font-weight:700}
.board-files{display:block!important;padding:0!important;background:#fff!important}
.board-file-row{display:flex;align-items:center;min-height:54px;padding:11px 20px;border-bottom:1px solid #d7d7d7;font-size:15px}
.board-file-row>strong{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;color:#222}
.board-file-divider{width:1px;height:16px;margin:0 14px;background:#c8c8c8}
.board-file-row>a{display:flex;align-items:center;gap:5px;min-width:0;color:#222;text-decoration:none}
.board-file-row>a:hover span{text-decoration:underline}.board-file-row small{color:#777;font-size:inherit}
.board-view-content{padding:15px 20px 45px!important}
.board-view-content .image{max-width:100%;text-align:center;}

@media(max-width:640px){.board-view-head .board-view-meta{align-items:flex-start;flex-direction:column;gap:6px!important}.board-view-meta>span+span:before{display:none}.board-file-row{align-items:flex-start;flex-wrap:wrap}.board-file-row>a{flex-basis:100%;padding-top:5px}.board-file-divider{display:none}.board-file-row>a small{white-space:nowrap}}
@media(max-width:640px){.board-view-actions.btn-wrap .btn{padding:10px 18px;font-size:15px}.board-view-actions.btn-wrap .fr{gap:5px}}
@media(max-width:720px){.board-files{grid-template-columns:88px minmax(0,1fr)}.board-comment-form{grid-template-columns:1fr}.board-comment-form textarea{grid-row:auto}.board-comment-form>button{justify-self:end}}
.board-comment-guest{display:flex;grid-column:1/2;gap:8px}.board-comment-guest input{width:min(220px,50%);min-height:40px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:5px;background:#fff}@media(max-width:720px){.board-comment-guest{flex-direction:column}.board-comment-guest input{width:100%}}
.board-comment-edit form>input,.board-comment-delete>input{min-height:34px;padding:6px 9px;border:1px solid #cbd5e1;border-radius:5px;background:#fff}.board-comment-delete{display:flex;align-items:center;gap:6px}
.board-comments li .board-comment-delete{position:absolute;top:15px;right:18px}.board-comments li .board-comment-delete button{border:1px solid #fda4af;border-radius:5px;background:#fff;color:#e11d48}.board-comment-edit{position:absolute;top:15px;right:72px}.board-comment-edit summary{color:#2563eb;font-size:13px;cursor:pointer}.board-comments li .board-comment-edit form{position:absolute;top:26px;right:0;z-index:2;display:flex;width:380px;padding:10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.12)}.board-comment-edit textarea{flex:1;min-height:70px}.board-comment-edit button{border:0;background:#2563eb;color:#fff}

/* Keep the emotion theme checkbox pseudo-elements inside their 20px control.
   A static-positioned checkbox makes common.css's absolute ::before expand over
   the complete form and visually cover the title, options and editor. */
.board-form-screen .board-write-check input[type="checkbox"],
.board-form-screen .board-file-delete-check input[type="checkbox"]{
    position:relative!important;
    top:0!important;
    left:0!important;
    width:20px!important;
    height:20px!important;
    min-height:20px!important;
    flex:0 0 20px!important;
    margin:0!important;
    padding:0!important;
    clip:auto!important;
    overflow:visible!important;
}
.board-form-screen .board-write-check input[type="checkbox"]::before,
.board-form-screen .board-file-delete-check input[type="checkbox"]::before{
    inset:0!important;
    width:20px!important;
    height:20px!important;
}

.emotion-board-meta{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
.emotion-gallery-list .emotion-board-date,.emotion-gallery-list .emotion-board-hits,.emotion-media-list .emotion-board-date,.emotion-media-list .emotion-board-hits{font-size:16px;line-height:1.4}
.emotion-board-meta i{color:#98a2b3}

.board-view-meta{font-size:18px!important}.board-view-meta i{font-size:17px!important}
@media(max-width:768px){.board-view-meta{font-size:16px!important}.board-view-meta i{font-size:15px!important}}
.mobile-list-number,.mobile-list-category,.mobile-list-notice{display:none}
.qna-lock{margin-left:6px;color:#f3b23b;font-size:14px}.qna-answer-count{display:inline-flex;margin-left:6px;padding:2px 5px;background:#05aa68;color:#fff;font-size:12px;font-style:normal;line-height:1}.qna-status{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:7px 9px;border-radius:4px;font-size:14px;font-weight:700}.qna-status.is-complete{background:#18a80f;color:#fff}.qna-status.is-pending{background:#f1f3f5;color:#667085}.faq-board-list{border-top:2px solid #087b4b}.faq-board-list details{border:1px solid #e0e0e0;border-top:0}.faq-board-list summary{display:flex;align-items:center;gap:20px;padding:15px 24px;cursor:pointer;font-size:18px;font-weight:600;list-style:none}.faq-board-list summary::-webkit-details-marker{display:none}.faq-board-list summary .faq-q,.faq-answer .faq-a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #dfe2e6;border-radius:50%;background:#fff;color:#172033;font-weight:800;flex:0 0 auto}.faq-question{flex:1;min-width:0}.faq-edit{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#667085}.faq-edit:hover{color:#155eef}.faq-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:#263238;font-size:0}.faq-toggle::before{content:'+';font-size:28px;font-style:normal;font-weight:500;line-height:1}.faq-board-list details[open] .faq-toggle::before{content:'−'}.faq-answer{display:flex;gap:20px;padding:12px 24px 24px;background:#f8f8f8;line-height:1.65;font-size:17px}.faq-answer .faq-a{border:0;background:#70777f;color:#fff}.faq-answer>div{min-width:0}.faq-empty{padding:70px 20px;text-align:center;color:#667085}@media(max-width:700px){.faq-board-list summary{gap:12px;padding:13px 12px;font-size:16px}.faq-board-list summary .faq-q,.faq-answer .faq-a{width:32px;height:32px}.faq-answer{gap:12px;padding:12px;font-size:16px}.faq-edit{width:28px;height:28px}}
.qna-comments{margin-top:42px;border-top:2px solid #182235}.qna-comments .board-comments-title{display:flex;align-items:center;gap:8px;padding:17px 0;border-bottom:1px solid #e4e7ec}.qna-comments .board-comments-title strong{font-size:20px}.qna-comments .board-comments-title span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:12px;background:#eaf1ff;color:#155eef;font-size:13px}.qna-comments ul{margin:0;padding:0;list-style:none}.qna-comments ul>li{position:relative;padding:22px 0;border-bottom:1px solid #e4e7ec}.qna-comment-head{display:flex!important;align-items:center;gap:10px}.qna-comment-head strong{font-size:16px;color:#172033}.qna-comment-head time{color:#98a2b3;font-size:14px}.qna-comments li>p{margin:12px 0 0;color:#344054;line-height:1.7}.qna-comment-actions{display:flex;align-items:center;gap:6px;margin-top:14px}.qna-comment-actions summary,.qna-comment-actions button{border:0;background:transparent;color:#667085;font-size:13px;cursor:pointer}.qna-comment-actions summary{list-style:none}.qna-comment-actions summary::-webkit-details-marker{display:none}.qna-comment-actions .board-comment-edit[open]{width:100%}.qna-comment-actions .board-comment-edit[open] form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.qna-comment-actions .board-comment-edit textarea{min-height:84px;padding:10px;border:1px solid #d0d5dd;border-radius:6px}.qna-comment-actions .board-comment-edit button{padding:0 16px;border-radius:6px;background:#344054;color:#fff}.qna-comments .board-comment-form{display:grid;grid-template-columns:130px minmax(0,1fr) 110px;gap:10px;margin-top:18px;padding:18px;background:#f8fafc}.qna-comments .board-comment-form select,.qna-comments .board-comment-form textarea{min-width:0;border:1px solid #d0d5dd;border-radius:6px;background:#fff}.qna-comments .board-comment-form select{padding:0 10px}.qna-comments .board-comment-form textarea{min-height:88px;padding:10px}.qna-comments .board-comment-form button{border:0;border-radius:6px;background:#2563eb;color:#fff;font-weight:700}@media(max-width:700px){.qna-comments .board-comment-form{grid-template-columns:1fr}.qna-comments .board-comment-form select{height:42px}.qna-comments .board-comment-form button{height:44px}.qna-comment-actions .board-comment-edit[open] form{grid-template-columns:1fr}.qna-comment-actions .board-comment-edit button{height:40px}}
.qna-comments .board-comment-edit{display:none!important}.qna-comments .qna-comment-actions{justify-content:flex-end;margin-top:8px}.qna-comments .board-comment-delete{margin:0}.qna-comments .board-comment-delete button{padding:0;border:0;background:transparent;color:#98a2b3;font-size:13px}.qna-comments .board-comment-form{display:flex!important;align-items:stretch;gap:12px;margin-top:20px;padding:16px!important;border:1px solid #e4e7ec;background:#f8fafc}.qna-comments .qna-answer-fields{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;flex:1;min-width:0}.qna-comments .qna-answer-fields select{height:48px;padding:0 12px;border:1px solid #d0d5dd;border-radius:6px;background:#fff}.qna-comments .qna-answer-fields textarea{min-height:92px;padding:12px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;resize:vertical}.qna-comments .board-comment-form>button{align-self:stretch;min-width:108px;border:0;border-radius:6px;background:#2563eb;color:#fff;font-weight:700}@media(max-width:700px){.qna-comments .board-comment-form{display:block!important}.qna-comments .qna-answer-fields{grid-template-columns:1fr}.qna-comments .qna-answer-fields select{height:42px}.qna-comments .qna-answer-fields textarea{margin-top:8px;min-height:110px}.qna-comments .board-comment-form>button{width:100%;height:46px;margin-top:8px}}
.board-comments{display:flex;flex-direction:column}.board-comments>.board-comments-title{order:1}.board-comments>.board-comment-form{order:2}.board-comments>ul{order:3}.board-comments>.board-comment-form{margin-bottom:28px}.qna-comments .board-comment-form{margin-top:16px}.qna-comments ul::before{content:'등록된 답변';display:block;padding:18px 0 12px;border-bottom:1px solid #e4e7ec;color:#172033;font-size:18px;font-weight:700}
.qna-comments{margin-top:30px;border:0!important}.qna-comment-write h3,.qna-comment-list h3{margin:0;padding:0 0 8px;border-bottom:2px solid #333;color:#08953e;font-size:21px;font-weight:800}.qna-comment-write form{padding-top:11px}.qna-write-meta{display:flex;align-items:center;gap:14px;margin-bottom:10px}.qna-write-meta label{display:flex;align-items:center;gap:7px;color:#111;font-size:15px;font-weight:700}.qna-write-meta select,.qna-write-meta input{height:36px;padding:0 10px;border:1px solid #cfd3d8;background:#fff;font:inherit;font-weight:400}.qna-write-fields{display:flex;gap:13px}.qna-write-fields textarea{flex:1;min-height:100px;padding:12px;border:1px solid #cfd3d8;border-radius:0;resize:vertical}.qna-write-fields button{width:240px;border:0;border-radius:4px;background:#777;color:#fff;font-size:17px;font-weight:700}.qna-comment-list{margin-top:24px}.qna-comment-list h3 span{display:none}.qna-comment-list ul{margin:0;padding:0;list-style:none}.qna-comment-list ul::before{display:none!important}.qna-comment-list li{padding:0;border-bottom:1px solid #ddd}.qna-answer-meta{display:flex;align-items:center;gap:9px;padding:8px 10px;border-bottom:1px solid #ddd;color:#111;font-size:14px}.qna-answer-meta>span{font-weight:700}.qna-answer-meta time{font-weight:600}.qna-answer-meta form{margin-left:auto}.qna-answer-meta button{border:0;background:#f1f1f1;padding:7px 12px;font-weight:700}.qna-answer-body{padding:14px 24px;line-height:1.65;color:#111}.qna-answer-empty{padding:28px;text-align:center;color:#98a2b3}@media(max-width:700px){.qna-write-meta{align-items:flex-start;flex-direction:column;gap:7px}.qna-write-fields{flex-direction:column}.qna-write-fields button{width:100%;height:48px}.qna-answer-meta{flex-wrap:wrap}.qna-answer-meta form{margin-left:0}.qna-answer-body{padding:14px 10px}}
.qna-answer-edit{margin-left:auto}.qna-answer-edit summary{list-style:none;padding:7px 12px;background:#f1f1f1;font-weight:700;cursor:pointer}.qna-answer-edit summary::-webkit-details-marker{display:none}.qna-answer-edit[open] form{position:absolute;right:0;left:0;z-index:2;display:grid;grid-template-columns:140px minmax(0,1fr) 90px;gap:8px;margin-top:8px;padding:12px;border:1px solid #d0d5dd;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.12)}.qna-answer-edit textarea{min-height:80px;padding:9px;border:1px solid #d0d5dd}.qna-answer-edit select{padding:0 9px;border:1px solid #d0d5dd;background:#fff}.qna-answer-edit form button{background:#344054;color:#fff}@media(max-width:700px){.qna-answer-edit[open] form{grid-template-columns:1fr}.qna-answer-edit[open] form button{height:42px}}
.qna-answer-meta{position:relative}
.qna-comments ul>li{padding:0!important}
.qna-comments ul>li,.qna-comment-list li{border-bottom:0!important}
.qna-comment-write h3,.qna-comment-list h3{display:flex;align-items:center;gap:8px;color:#111}.qna-comment-write h3 i,.qna-comment-list h3 i{font-size:18px}
.qna-answer-meta{border-bottom:0!important}.qna-answer-body{border-top:1px solid #ddd}.qna-answer-edit-form{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:13px;padding:14px 0;border-top:1px solid #ddd}.qna-answer-edit-form[hidden],.qna-answer-body[hidden]{display:none!important}.qna-answer-edit-form textarea{width:100%;height:100px;min-height:100px;padding:12px;border:1px solid #cfd3d8;box-sizing:border-box;resize:vertical}.qna-answer-edit-form button{width:160px;height:100px;border:0;border-radius:4px;background:#344054;color:#fff;font-size:17px;font-weight:700}@media(max-width:700px){.qna-answer-edit-form{grid-template-columns:1fr}.qna-answer-edit-form button{width:100%;height:46px}}
.qna-answer-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.qna-answer-actions>form{margin-left:0}.qna-answer-actions .qna-answer-edit{margin-left:0}.qna-answer-edit[open] form{grid-template-columns:minmax(0,1fr) 90px}.qna-answer-actions button,.qna-answer-actions summary{min-width:48px;text-align:center}
.qna-write-fields textarea,.qna-answer-edit textarea{min-height:100px!important;padding:12px!important;box-sizing:border-box}.qna-write-fields button,.qna-answer-edit[open] form>button{width:160px!important;min-width:160px!important;min-height:100px;border-radius:4px;font-size:17px!important;font-weight:700}.qna-answer-edit[open] form{grid-template-columns:minmax(0,1fr) 160px}.qna-answer-actions summary,.qna-answer-actions>form>button{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:38px;padding:0 12px!important;font-size:14px!important;font-weight:700;line-height:1}
.qna-write-fields,.qna-answer-edit[open] form{gap:13px}.qna-answer-edit[open] form{padding:0;border:0;background:transparent;box-shadow:none}.qna-write-fields textarea,.qna-answer-edit textarea,.qna-write-fields button,.qna-answer-edit[open] form>button{height:100px!important;box-sizing:border-box}
@media(max-width:700px){.qna-write-fields button,.qna-answer-edit[open] form>button{width:100%!important;min-width:0!important;height:46px!important;min-height:46px}.qna-answer-edit[open] form{grid-template-columns:1fr}}
@media(max-width:700px){.public-board{padding:0}.public-board-table{overflow:visible}.public-board-table table{min-width:0}.public-board-table colgroup,.public-board-table thead{display:none}.public-board-table tbody,.public-board-table tr,.public-board-table td{display:block}.public-board-table tr{min-height:85px;padding:15px 8px 12px;border-bottom:1px solid #ddd}.public-board-table td{display:inline-block;padding:0;border:0;font-size:14px;color:#999;vertical-align:middle}.public-board-table .board-number,.public-board-table .board-category{display:none}.public-board-table .subject{display:block;margin:0;color:#212529;font-size:17px;line-height:1.3}.public-board-table .subject a{display:block;margin-top:7px;padding-left:0!important;color:inherit}.public-board-table .subject.is-notice-subject a{display:inline;margin-top:0}.public-board-table .mobile-list-number{display:inline-block;margin-right:6px;font-size:17px;color:#111}.public-board-table .mobile-list-category{display:inline-block;padding:4px 10px;border:1px solid #ce2588;border-radius:14px;color:#ce2588;font-size:13px;line-height:1}.public-board-table .mobile-list-notice{display:inline-block;margin-right:10px;color:#155eef;font-size:14px;font-weight:700}.public-board-table .board-author,.public-board-table .board-date,.public-board-table .board-hits{margin-top:8px;margin-right:7px;white-space:nowrap}.public-board-table .board-hits::before{content:''}.public-board-table .empty{display:block;padding:55px 0;text-align:center;font-size:15px}.public-board-table .mobile-list-number,.public-board-table .mobile-list-category,.public-board-table .mobile-list-notice{display:inline-block}}

.board-toolbar-filters,.board-toolbar-search{display:flex;gap:8px}.board-toolbar-search input{flex:1;min-width:0}@media(max-width:700px){.board-toolbar form{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;width:100%}.board-toolbar-filters,.board-toolbar-search{min-width:0;width:100%}.board-toolbar-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.board-toolbar-filters select,.board-toolbar-search input{width:100%;min-width:0}.board-toolbar-search{display:flex}.board-toolbar-search input{width:auto}.board-toolbar-search button{flex:0 0 86px;width:86px;height:46px;padding:0}}
.board-toolbar-filters.is-single{display:block}.board-toolbar-filters.is-single select{width:100%}

.qna-answer-actions>.qna-answer-edit-toggle,.qna-answer-actions>form>button{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:38px;margin:0;padding:0 12px!important;border:0;background:#f1f1f1;color:#111;font-family:inherit;font-size:14px!important;font-weight:700;line-height:1!important;box-sizing:border-box}
.qna-write-meta select,.qna-write-meta input{border-radius:6px}.qna-write-meta input:disabled{background:#f5f6f8;color:#667085;cursor:not-allowed;opacity:1}
.qna-comments .qna-comment-list ul>li{border-bottom:1px solid #ddd!important}
.qna-answer-meta{font-size:17px}.qna-answer-meta i{margin-right:5px;font-size:16px}
.qna-answer-meta>strong+span{margin-left:24px}
.basic-comments .qna-comment-write form{padding-top:11px}
.qna-comments .qna-comment-list ul>li.qna-answer-empty{padding:48px 20px!important;text-align:center}
@media(max-width:700px){.qna-board-table .qna-status{min-width:60px;padding:4px 7px;border-radius:3px;font-size:12px;line-height:1.35}}
@media(max-width:700px){#subContents:has(.public-board-compact-mobile){padding-top:18px}.public-board-compact-mobile{padding:16px 6px 70px}}
/* Keep mobile write pages aligned with the compact board lists. */
@media(max-width:700px){.board-form-screen #subContents{padding-top:18px}.board-form-screen #subContents>.public-board.board-write-page,.board-form-screen .course-board-embed>.public-board.board-write-page{box-sizing:border-box;width:auto;max-width:100%;padding:16px 6px 70px}}
/* Mobile write form: show option and file labels above their full-width controls. */
@media(max-width:700px){
    .board-write-page,.board-write-page .board-write-form,.board-write-page .board-write-editor,.board-write-page .ck.ck-editor,.board-write-page .ck-editor__main{min-width:0;max-width:100%}
    .board-write-page .ck.ck-editor{width:100%!important}
    .board-write-page .ck.ck-toolbar{min-width:0!important;overflow-x:auto;overscroll-behavior-x:contain}
    .board-write-page .board-write-form>label,.board-write-page .board-write-inline>label{grid-template-columns:1fr}
    .board-write-page .board-write-form>label>span:first-child,.board-write-page .board-write-inline>label>span{justify-content:flex-start;padding:12px 0 7px;background:transparent}
    .board-write-page .board-write-form>label>input,.board-write-page .board-write-form>label>select,.board-write-page .board-write-inline input{box-sizing:border-box;max-width:100%;width:100%;margin:0 0 12px}
    .board-write-page .board-write-form>label>small{grid-column:1;padding:0 0 12px}
    .board-write-page .board-write-options,.board-write-page .board-attachment-slot{grid-template-columns:1fr}
    .board-write-page .board-write-options>strong,.board-write-page .board-attachment-slot>strong{justify-content:flex-start;padding:12px 0 7px;background:transparent}
    .board-write-page .board-write-options-fields{padding:0 0 12px}
    .board-write-page .board-attachment-slot-fields{padding:0 0 12px}
    .board-write-page .board-attachment-upload{align-items:flex-start;flex-direction:column;gap:6px}
    .board-write-page .board-attachment-upload input{width:100%!important}
    .board-write-page .board-attachment-upload small{white-space:normal}
    .board-write-page .board-attachment-slot.has-current-file .board-attachment-upload,.board-write-page .board-attachment-existing{width:100%}
}
@media(max-width:700px){.public-board .board-toolbar-search{display:flex!important;grid-column:1!important;width:100%}.public-board .board-toolbar-search>input{display:block!important;flex:1 1 0!important;width:auto!important;min-width:0!important}.public-board .board-toolbar-search>button{display:block!important;flex:0 0 86px!important;width:86px!important;height:46px!important;padding:0!important}}
.public-board-table .board-hits .bi-eye{display:none;margin-right:4px;font-size:.95em}@media(max-width:700px){.public-board-table .board-hits .bi-eye{display:inline-block}}
.board-new-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:8px;border-radius:50%;background:#fa6268;color:#fff;font-size:13px;font-style:normal;font-weight:700;line-height:1;vertical-align:middle}@media(max-width:700px){.board-new-badge{width:23px;height:23px;margin-left:6px;font-size:12px}}